What's new
By:
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

How can I make this basic shape?


OK..............I went under the assumption that we were re-creating the existing graphic from your example................if this is the case, then the Pen Tool is your best choice. Not that you can't make a Rounded Rectangle with different radii for each corner, but you would still have to use Free Transform to set the orientation of the rectangle. This process alone would consume large amounts of time trying to match the original sample. So the Pen Tool is the best and fastest way to recreate the existing sample graphic.

However, if I were creating a similar graphic from scratch, I would use various shapes and guidelines. I would still need to manipulate the shape with either the Pen Tool or the Direct Selection Tool. I would also need to outline with the Pen Tool. So just about any way you look at it, you will probably end up using the Pen Tool.

The other option would be using Ps 3D features/engine. You would have to be well versed in Ps 3D to accomplish this.
 
I did figure out a technique for creating this type of graphic from scratch with only using the Pen Tool one time!

Set up your Guidelines.
Use the Rounded Rectangle Tool to create top and bottom radii.
Screen Shot 2023-01-01 at 7.20.00 PM.png
Repeat for left and right radii on a new layer.
Screen Shot 2023-01-01 at 7.20.09 PM.png

This is the step where you have to use the Pen Tool.
On a new layer, use the Pen Tool to make one half of the top shape.
Screen Shot 2023-01-01 at 7.20.26 PM.png

Turn off the two original Rounded Rectangle layers.
Duplicate the newly created top shape.
Use free transform to turn it over.
Use Move Tool to position.
Merge the two halves. (We will call this Base 1)
Screen Shot 2023-01-01 at 7.20.45 PM.png

Duplicate. (We will call the duplicate Base 2)
Change the duplicates color.
Position the duplicate.
Screen Shot 2023-01-01 at 7.22.03 PM.png

Make a selection of both.
Screen Shot 2023-01-01 at 7.22.34 PM.png

On a new layer, fill the selection with white.
Screen Shot 2023-01-01 at 7.22.58 PM.png
At this point you want to turn off the two layers you used to make this selection, but do not DISCARD! You will need them later.

You will notice that you have dimples on the right and left sides.
Use the Rectangular Marquis Tool and the guides to make them straight.
Fill with white.
Screen Shot 2023-01-01 at 7.23.55 PM.png

This shape will now be your base for your graphic. This will be Base 3.
Screen Shot 2023-01-01 at 7.24.16 PM.png
 
Starting with Base 3, (I changed it's color to blue using a clipped H&S adj layer set to colorize)
Screen Shot 2023-01-01 at 7.29.02 PM.png

Duplicate. (The duplicate is white) Base 4.
Screen Shot 2023-01-01 at 7.24.16 PM.png

Using Base 2 to make a selection and then inverting the selection
Screen Shot 2023-01-01 at 7.57.08 PM.png

Add a layer mask.
Screen Shot 2023-01-01 at 7.30.01 PM.png

Now using Base 1 and base 2, make this selection
Screen Shot 2023-01-01 at 7.31.46 PM.png

On a new layer fill with white. Base 5
I changed it's color to blue using a clipped H&S adj layer set to colorize
Screen Shot 2023-01-01 at 7.32.38 PM.png

Now for the last part!
On a new layer make this selection using Base 2
Fill with white.
Screen Shot 2023-01-01 at 7.33.17 PM.png

Then go to SELECT > MODIFY > CONTRACT and enter a pixel amount....mine was 25.
Hit delete.
Screen Shot 2023-01-01 at 8.04.39 PM.png

Now change it's color to blue using a clipped H&S adj layer set to colorize
Screen Shot 2023-01-01 at 7.34.57 PM.png

All layers colors are editable!
Done!
 
You can even just turn off the base 4 layer is you want the inside to be the same color as the outside.
It's up to you.
Screen Shot 2023-01-01 at 8.12.05 PM.png
 
Back
Top