How to create a pill box button shape

Can someone give me step by step instructions in creating a pill shape button using the marquee.

I tried creating one using two circles at the end, and a square in the middle.
However, when I do this, the two circles end up having a shadow within the shape.
LVL 30
AxterAsked:
Who is Participating?
 
japly53Connect With a Mentor Commented:
Here is the easiest way to create a pill shape button:

1. Choose the color you want in the foreground color
2. Create new layer
3. Follow this picture: http://img71.exs.cx/img71/5441/ee.gif
4. Draw the shape on the canvas

Tip: The radius is how round the corners of the pill will be

Good Luck.
0
 
Lobo042399Commented:
Hi Axter,

First determine the width and height of your box with Guidelines. Then, with Snap to Guidelines checked, select your Elliptical Marquee Tool and hit the Add to Selection button in the Options. This works just as holding the Shift key. Now you can create your two circles using the guidelines. Change your selection tool to Rectangular and add the rectangle to your Selection. Only when you have the pillbox shape you fill it with the colour you want.

Good Vibes!

Lobo
0
 
AxterAuthor Commented:
>>Then, with Snap to Guidelines checked

How do I access this option?
0
Cloud Class® Course: CompTIA Cloud+

The CompTIA Cloud+ Basic training course will teach you about cloud concepts and models, data storage, networking, and network infrastructure.

 
AxterAuthor Commented:
>>Add to Selection button in the Options

What options??  Exactly where is this option?
0
 
Lobo042399Connect With a Mentor Commented:
Hi Axter,

First, you hit Ctrl-R to make the Rulers visible. To set your ruler units to Pixels, you right-click on the ruler and selct Pixels from the menu that will pop up. See the following picture:

http://www.gatesofdelirium.com/ee/pillbox/ruler.jpg

To Snap to Guides you go to View>Snap To>Guides. See the picture:

http://www.gatesofdelirium.com/ee/pillbox/snap.jpg

Finally, to select the Add to Selection button you look in the Options bar right under the Photoshop menus. Check the pic:

http://www.gatesofdelirium.com/ee/pillbox/selection.jpg

That should make it clear.

Good Vibes!

Lobo
0
 
AxterAuthor Commented:
I'm still doing something wrong, because everytime I create it, I end up with a pill shape that has circle lines in the middle.
0
 
AxterAuthor Commented:
Take a look at the following link:

http://www.axter.com/images/chrome2.gif
0
 
AxterAuthor Commented:
When I first create the pill shape, I get the inner circles within the pill shape.
I even try filling in the shape to make it one solid color.

But when I go to make modifications via layer option, the inner circles resurface again.
0
 
Lobo042399Commented:
That shouldn't be happening. It's pretty straightforward. Ellipse, ellipse, rectangle. Then you can Save the Selection to make it easier to work with it. To save the Selectin you use Select>Save Selection and hit New and give it a name.

If there are "holes" in the Selection (whatever may be that is creating them) you can grab your Lasso Tool and pass it around these holes to add them to the Selection. Make sure you Save your Selection again after you do that.

Good Vibes!

Lobo.
0
 
AxterAuthor Commented:
Exactly what color are you selecting when you create the pill box?

What are you using for foreground and background color?
0
 
Lobo042399Commented:
Colours are unimportant when creating a Selection. What is important is that you have the shape. Furthermore, When you use a Select Tool colour is not involved at all. You only add colour after the shape has been created. In my case,  I am not actually creating a pillbox; I only did those quick screencaps for your use.

Good Vibes!

Lobo
0
 
AxterAuthor Commented:
Thanks japly53.
That's a perfect solution.

I was able create a pill box with radius set to 120px.

I'm surprise this simple method is not posted in most of the How-To turtorials.....
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.