1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

Help to create rounded corners using PSP or Photoshop

Discussion in 'Web Design & Development' started by howard.a.s, May 1, 2008.

Thread Status:
Not open for further replies.
Advertisement
  1. howard.a.s

    howard.a.s Thread Starter

    Joined:
    Jul 22, 2005
    Messages:
    347
    hello all,

    Here is a question that for all of you experts, I'm certain has a very simple solution.

    How do I quickly and easily create rounded corners for rectangular shapes?

    Please take a look at this website (not mine):

    http://www.lloydspharmacy.com/wps/portal

    The bottom corners of the welcome area, the top and bottom of the lefthand navigation area, the online store bar, and more, each have rounded corners.

    Not having very much knowledge of photoshop, I am totally baffled as to how this effect can be created.

    Lets take the bottom of the welcome area, for instance.

    Would I just create a rectangular bar the same width as the welcome area, for arguments sake 450px by 30px, which would have square corners, and then edit the lefthand end to form a quarter circle? Or would I create a rectangular bar the same height as the welcome area, for arguments sake 180px by 30px, which again would have square corners, and then edit the bottom end to form a curve. Would this be the way I'd do it? Would either method work? Or, is there an easier way?

    More to the point, how do I edit the corner to create the curve?

    Once created, how would I add the curved corner strip to my welcome area?

    Can anyone tell me if a similar effect is achieveable in Paint Shop Pro, as I am more familiar with how to use this.
     
  2. tomdkat

    tomdkat Trusted Advisor

    Joined:
    May 6, 2006
    Messages:
    7,141
    Here is a tutorial for using PSP to create rounded corners. I use Gimp and using a selection and applying a "rounded corners" filter does the trick for me and in only a few mouse clicks.

    Peace...
     
  3. howard.a.s

    howard.a.s Thread Starter

    Joined:
    Jul 22, 2005
    Messages:
    347
    I'll go and have read and let you know how I get on.

    Just briefly refering back to my previous post, and looking at the website example.

    If I'd already created a horizontal bar across the width of my website and given it a background colour, presumably I couldn't then add rounded corners to it?

    Would I have to first create a image slice and tile it across the area I want to cover, as opposed to just giving the area a background colour. Then, I would add the image with the rounded corners into position as required?
     
  4. deepdiver01

    deepdiver01

    Joined:
    Dec 22, 2004
    Messages:
    721
    Hi Howard.a.s
    In photoshop, if you right click on the rectangle tool button in the taskbox, you will see an option for the rounded rectangle tool. When you click on that, there will be an option showing on the top of the work where you can adjust the size of the curve.

    In regard adding the rounded corner, yes you will have to first create an image, slice it with left and right images with the curve being static, and tile the centre fill.
     
  5. tomdkat

    tomdkat Trusted Advisor

    Joined:
    May 6, 2006
    Messages:
    7,141
    You could do that OR you could create four rounded corners and set each corner as the background image of four nested DIVs. Then, the nested DIV with the actual content will have a background color matching the color of the corners and the result effect will be rounded corners. An example.

    Making an image with rounded corners is certainly easier to do.

    Peace...
     
  6. Sponsor

As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Loading...
Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/709025