What is the easiest way to make rounded corners for your banner (top) image?  I prefer FireworksMX solutions but also know a bit about photoshopCS...

Posted on 2005-04-05
Last Modified: 2010-05-18
I would like to have my top image have rounded corners at the top to soften if a bit.  For some reason i cant seem to get it and want to move on to other things for a bit.  Thanks!
Question by:TheRookie32
    LVL 38

    Accepted Solution

    Basically, the trick is to blur them a little, you can do that by feathering mask edges, applying blur to a created object, etc.

    Here's a great little tutorial: It's for Photoshop users, but it's basically the same process I use in Paint Shop Pro and other graphics programs. In ImageReady and Photoshop 6 and above you can also use the selection tool and set the selection type to Rounded Rectangle, set your area to copy, then copy and paste as new image.

    Here's another approach, in a tutorial for PSP users:

    Good luck!
    LVL 3

    Expert Comment

    This solution is using PhotoShop/ImageReady CS

    Either open your file in ImageReady CS or in PhotoShop CS and go to File\Edit in ImageReady

    One way to accomplish this is to click and hold on the rectangular marquee tool (top left in the toolbar) . . . in a few seconds you will have the option to change the shape.  Pick the Rounded Rectangle, and then click and drag around the area you want to keep. If you want feathered (fading) edges, you can pick that now on the menu at the top. Now, press <CTRL-J> to make a new layer from your selection, and delete the old layer. Now you can Save As, and change the format to PNG or GIF with transparency selected, and you should have the effect you are looking for.

    Please let me know if you need clarification on anything or it is not working for you.

    LVL 6

    Author Comment

    It wants me to change my image to 8bit RGB before i can open it in Image Ready...  And when i do it completely changes the colors.  

    Cant i add a circle to my origional banner image, cut off or erase all parts except for a fourth of it, (have the circle be white) and add it to one corner and then flip it, add it to the other.  then flatten the image?  I know what i want to do but cant seem to do it.
    LVL 38

    Expert Comment

    Yes, you should be able to do that in photoshop, and then export your image as a GIF or JPG for the web.

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Join & Write a Comment

    Suggested Solutions

    I've been using this technique since Adobe CS2, and it should work with any version of Illustrator that includes the appearance panel. In this tutorial we'll create a button using the appearance panel in Adobe Illustrator, and then save it as a r…
    Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
    In this Micro Tutorial viewers will learn the basic shortcuts and functions in InDesign.
    In addition to being a great web-based presentation tool, Prezi also makes it easy to save your presentation as a PDF to share with others as well. Learn how in this tutorial. Select the share icon from the top menu in your Prezi editor: Select "D…

    733 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    23 Experts available now in Live!

    Get 1:1 Help Now