SitePoint Sponsor

User Tag List

Results 1 to 20 of 20
  1. #1
    SitePoint Addict
    Join Date
    Nov 2000
    Location
    London, UK
    Posts
    223
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi,

    I've tried more or less everything, but I still can't figure it out. I've got DW3 and Fireworks 3, and a trial version of Photoshop and Imageready, but with all that, I still can't do it. Either I'm dumb, or I'm stupid. Can anyone pleasse heeeeelp?


    ... what's the world coming to?

  2. #2
    SitePoint Guru CJ's Avatar
    Join Date
    Apr 2000
    Location
    Mechelen, Belgium, Europe
    Posts
    684
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  3. #3
    Kat's Meow Senior ******* WebKat's Avatar
    Join Date
    Jul 1999
    Location
    California USA
    Posts
    1,071
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    << ~FatPiper~ You will have better response to your question about rounded corners in the Multimedia & Graphic Design Forum - moved from Web Page Design...WebKat>>


    This is from a recent post of mine, very basic & just one way to create rounded corners...

    Open a new window and create a 100x100 doc - I use this size for ease to work with as I will be decreasing the size later. Then by holding down your mouse on this 'box' you can 'stretch' to form a circle from tools. The circle will look like an 'etching' with dotted lines.

    Choose your foreground and background colors, and by using the Paint Bucket you can change to the colors that you want. After choosing the Paint Bucket, click on the inside or outside of the circle and the color will change. Control 'D' and this will eliminate the dotted lines and you can now crop out 3/4 of the circle to form your rounded corner graphic.

    THEN you can reduce this to 10x10 pixels or any other graphic size that you want to use. It will depend upon the desired 'curve' you want for your corners. Save graphic as a .jpg and keep the orginal .psd so that you can create new graphics in other color schemes for future websites. There are other ways to do this but this works for me...

    Here are some sites that might help:

    1. http://www.gifart.com/tip16.shtml
    2. http://www.designsbymark.com/pstips/nav_roundcorn.shtml

    AND how to incorporate rounded corners into tables:

    1. http://html.tucows.com/designer/tips/roundtables.html

    ~Just a last note~ There have been many previous threads about creating rounded corners, just use the SP Search Feature to find other suggestions & resources...


    [Edited by WebKat on 11-19-2000 at 09:53 PM]
    Dlynn :: SitePoint Senior Advisor ::
    PawPrint Designs by WebKat
    "Dogs come when they're called; Cats take a message and get back to you later." ~ Mary Bly

  4. #4
    SitePoint Wizard westmich's Avatar
    Join Date
    Mar 2000
    Location
    Muskegon, MI
    Posts
    2,328
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you are using Photoshop, try this link - http://members.home.net/showcase/Corners.atn

    It should open up a download dialogue box. Remember where you save it and open up PhotoShop. It's a PhotoShop action file and can loaded into the Action Palette. Whenever you want to make rounded corners, just draw a square or recatangle on a seperate layar with the Marquee tool and fill it. Make sure that layer is selected and click on action.

    I don't remeber where exactly I got from originally, but it works great.
    Westmich
    Smart Web Solutions for Smart Clients
    http://www.mindscapecreative.com

  5. #5
    I'm baaaaaaaaaaaaack! Fluffykins's Avatar
    Join Date
    Aug 2000
    Location
    Manchester, UK
    Posts
    1,046
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    An iddy-biddy quick tip in Fireworks:

    You can easily draw a square or rectangle with rounded corners by setting the rectangle tool to a certain degree of roundness.

    If you double click on the Rectangle tool, a palette will come up called Options [Rectangle] - the number there is 0 by default, the higher you set this, the rounder your corners are. It might be a little easier to just slice up a rounded rectangle than fiddle with getting quarter circles the right size.

    Ady
    v-technologies - Freelance Goodness.

  6. #6
    SitePoint Enthusiast Andysan's Avatar
    Join Date
    Jul 2000
    Location
    pudsey - leeds - westy-england
    Posts
    89
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    get your self illustrator, you'll do it in 2 seconds.
    Andysan :-)
    "do not despise the snake for having no horns for who is to say it will not become a wise dragon"

  7. #7
    SitePoint Wizard westmich's Avatar
    Join Date
    Mar 2000
    Location
    Muskegon, MI
    Posts
    2,328
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Fluffykins
    An iddy-biddy quick tip in Fireworks:

    You can easily draw a square or rectangle with rounded corners by setting the rectangle tool to a certain degree of roundness.

    If you double click on the Rectangle tool, a palette will come up called Options [Rectangle] - the number there is 0 by default, the higher you set this, the rounder your corners are. It might be a little easier to just slice up a rounded rectangle than fiddle with getting quarter circles the right size.

    Ady
    Isn't this feathering the rectangle? Will you still be able to maintain a crisp edge?
    Westmich
    Smart Web Solutions for Smart Clients
    http://www.mindscapecreative.com

  8. #8
    SitePoint Zealot dkilburn's Avatar
    Join Date
    Jul 2000
    Location
    Inyokern, CA
    Posts
    181
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by westmich
    If you are using Photoshop, try this link - http://members.home.net/showcase/Corners.atn
    I got an error page when I tried the link.
    Debby Kilburn
    "With computers, everything is possible, but nothing is easy"
    AIM: fourhweb

  9. #9
    SitePoint Addict
    Join Date
    Nov 2000
    Location
    London, UK
    Posts
    223
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks alot for everyone's help with this. It was the one missing element in my site (which'll be up soon so you can all flame me because of looong download times )
    Fluffykins: I tried that, but then it wouldn't slice right.
    WebKat: sorry 'bout that. I didn't know there was a forum search thing available, but I do now. Thanks!
    freesources: thanks, and I like your site.


    ... what's the world coming to?

  10. #10
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    FatPiper...here is a post from our very own SitePoint where I answer this same question. Most other sites use the brightness/contrast method or the gaussian blur method. Those do not give you as much control as my method. Give it a try and I think you will agree.

    http://www.sitepointforums.com/showt...threadid=10539
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  11. #11
    SitePoint Addict
    Join Date
    Nov 2000
    Location
    London, UK
    Posts
    223
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    TX creole

    Until now, I had been trying to make circles and then chop them into quarters in Image Composer (which would work 40% of the time), but then I could never incorporate them into the tables correctly.


    ... what's the world coming to?

  12. #12
    SitePoint Enthusiast Andysan's Avatar
    Join Date
    Jul 2000
    Location
    pudsey - leeds - westy-england
    Posts
    89
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    eeerrr hello....illustrator file into photoshop......
    jobs a gud'un.
    Andysan :-)
    "do not despise the snake for having no horns for who is to say it will not become a wise dragon"

  13. #13
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    andysan...so you are recommending that someone spend US$600 on Photoshop and then ALSO spend another US$600 on Illustrator?

    In the time it would take you to create the rounded corners in Ill and then import it into PS, you could have it done with my method and be on to your next task.

    Remember that Adobe software is EXPENSIVE. Plus the fact that not everyone needs Illustrator.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  14. #14
    SitePoint Member
    Join Date
    Sep 2000
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In photoshop use the selection or ctrl click on a layer then go to selection > modifiy > smooth and gaussian blur by 1.
    Justin A - CreateandShare.com

  15. #15
    SitePoint Wizard westmich's Avatar
    Join Date
    Mar 2000
    Location
    Muskegon, MI
    Posts
    2,328
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry I didn't notice that post sooner. I fixed the link. I also added an action file for cast shadows.

    http://members.home.net/veolson/
    Westmich
    Smart Web Solutions for Smart Clients
    http://www.mindscapecreative.com

  16. #16
    SitePoint Addict
    Join Date
    Nov 2000
    Location
    London, UK
    Posts
    223
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanx guyz ..., I've settled for using alt+shift and clicking and dragging from the corner of a 20x20 or 10x10 new document in photoshop ... it seems to work pretty well. I will put up my template using this sometime soon. Once again, thanks!

    ... what's the world coming to?

  17. #17
    SitePoint Wizard westmich's Avatar
    Join Date
    Mar 2000
    Location
    Muskegon, MI
    Posts
    2,328
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Did anyone find the action files useful?

    http://members.home.net/veolson/
    Westmich
    Smart Web Solutions for Smart Clients
    http://www.mindscapecreative.com

  18. #18
    SitePoint Member
    Join Date
    Dec 2000
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    what do you open a .ATN file with Adobe opened it but it was blank? I don't know alot about adobe just started using it

    What about shadows under a banner ad like the one at
    http://html.tucows.com/designer/tips/roundtables.html

    how do you make thouse?

  19. #19
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    dreamweaver...you don't "open" the action with anything.

    Open Photoshop, select the actions palette (Windows > Show Actions).

    Click the triangle at the top right of the palette, then select "Load Actions".

    Browse to where you stashed the action and load it.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  20. #20
    SitePoint Wizard westmich's Avatar
    Join Date
    Mar 2000
    Location
    Muskegon, MI
    Posts
    2,328
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Once you've installed the action files, click on the action tab. Click on the the layer you want the action applied to and then click on the actual action and the play. Make sure you're in a Photoshop file and not jpg or gif.
    Westmich
    Smart Web Solutions for Smart Clients
    http://www.mindscapecreative.com


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •