Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder
    Join Date
    Mar 2005
    Posts
    240
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Creating a rectangle with rounded corners in Photoshop

    hi there

    You know how you can use the Rectangle Marquee Tool in photoshop, create a rectangle, and then edit >> stroke to create a line on the rectangle?

    I've been trying to do the same thing but with rounded corners on the rectangle rather than straight angles.

    I use the same steps with the rectangle marquee tool, set the "feather" option to 20, then it creates the rectangle with the rounded corners... BUT when I go to select edit >> stroke, the line it creates on the rectangle is actually not solid but rather like an outer glow fading away from the line...

    I was wondering if you could guide me in creating a rectangle with rounded corners so that I can put a solid line on the rectangle.

    Thanks - let me know if you would like me to clarify or include attachments.

  • #2
    Regular Coder
    Join Date
    May 2006
    Posts
    181
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The following sample will create a rectangle with rounded corners with a black solid line, adjust to fit your needs:
    1. File + New with background color set to "White"
    2. Set the foreground color to "White"
    3. Set the radius to something like "10px"
    4. Select the "Rounded Rectangle Tool"
    5. Draw your rectangle
    6. Select your rectangle + right click + Rasterize Layer
    7. Edit + Stroke + set the color to black or something (not white)

    Hope this help!

  • #3
    Regular Coder
    Join Date
    Mar 2005
    Posts
    240
    Thanks
    1
    Thanked 0 Times in 0 Posts
    1. File + New with background color set to "White"
    2. Set the foreground color to "White"
    3. Set the radius to something like "10px"
    4. Select the "Rounded Rectangle Tool"
    5. Draw your rectangle
    6. Select your rectangle + right click + Rasterize Layer
    7. Edit + Stroke + set the color to black or something (not white)
    Thanks for the tips Martial... You lost me at step number 6...

    I drew the rectangle and what came up was a rectangle with a white body and a thin black border on it... How do you select it?? Keep in mind I have document is bigger than the rectangle... When I hit "select" the entire document is selected and when I hit rasterize... the rectangle disapears.

    If you can clarify that would be great!

    Thanks

  • #4
    Regular Coder
    Join Date
    May 2006
    Posts
    181
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by losse
    How do you select it??
    To select your rectangle just click on your rectangle.

    I made a small flash demo for you, download the following .zip and double-click on rounded-corners.swf:

    http://www.getelementbyid.com/rounded-corners.zip

    P.S. In the flash demo, you have a top nav bar to pause and play etc...

    Let me know if it's ok.

  • #5
    Regular Coder
    Join Date
    Mar 2005
    Posts
    240
    Thanks
    1
    Thanked 0 Times in 0 Posts
    wow!
    Good work... I get it now!! Very nicely done...

    What software did you use for thaT?

  • #6
    Regular Coder
    Join Date
    May 2006
    Posts
    181
    Thanks
    0
    Thanked 0 Times in 0 Posts
    BB FlashBack, you can export to flash, powerpoint, wmv, exe etc... Also you can add images, balloon text and voice very easily and quickly.


  •  

    Posting Permissions

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