Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win


Rectangular box with rounded corner

Posted on 2004-10-23
Medium Priority
Last Modified: 2010-05-18
Greetings. I'm getting my feet wet here and have a project.  I want to create a number of rectangular boxes (like buttons) with each having a different colored background.  Creating a box is easy.  I want to know if I can round the corners in Paint Shop.  Also, can I put a border around the box (either white of black) and have it fit to the rounded corner.
Question by:tperegoy
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions

Expert Comment

ID: 12390988

To make a box with rounded buttons, click and hold the rectangle tool to get its sub-menu.  Then pick rounded rectangle tool.  Draw your box and it will have the rounded corners.  Now when you say you want a black border, I'm assuming that you are wanting to give the illusion of a 3D button.  To do this, go to the layer menu, select layer style and then drop shadow.  Now you have a lot of options to play with, but it looks good if you just click OK.  However, I like to roll the angle around to -45.  This will give the illusion of an unpressed button.  For a button that has been pressed, go to layer, layer style, inner shadow.  If you used 120 before, use 120 here and the same if you used -45 before.  That will give you your two different images to use for your button.

If this isn't what you were going for, let me know and I'll try to help you out with it.

Author Comment

ID: 12394212
OK, thanks so far.  I thought I was asking a Paint Shop question, but this works in Photo Shop (and I have both).   I do want t white or black edge and not a shadow.  I simply want a white or black band around the box.  

Expert Comment

ID: 12405481

Oh, sorry, I just thought Photoshop because of the forum.  But, while we're in photoshop, the easiest way to make a border is just to draw your rectangle in your border color, make a new layer, and then draw another one inside it in your main color.
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.


Expert Comment

ID: 12421987
there is also an option to use outlining in layer options...

Expert Comment

ID: 12422014
it is called "stroke", and is the bottommost of all layer options.

Accepted Solution

mrwebdev earned 500 total points
ID: 12467504
Use the rounded rectangle tool, then double click your Layer in the Layers Window,  then on the window that pops up Choose.. Stroke and make sure it states that it is outside and choose a size of 3 or less, 2 & 1 works best with what you are wanting, choose the color and that's it. If you want more just like it Choose, layer from the main top file menu and Choose... Duplicate Layer.. as many times as you need to for your buttons.

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
Read about why website design really matters in today's demanding market.
In this tutorial viewers will learn how to correct colors in Photoshop using the Hue and Saturation adjustment Open a photo for editing in Photoshop: Begin by creating a new adjustment layer by going to Layer > New Adjustment Layer > Hue and Saturat…
In this Micro Tutorial viewers will learn how to remove an unwanted object using Photoshop’s feature known as content-aware fill.
Suggested Courses

636 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