The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Rounded/Cornered Shapes Simplified

Rounded/Cornered Shapes Simplified


Here are a few ways to create rounded/cornered graphic panels in Photoshop.

Rounded Rectangle Tool (U)
The easiest method is found in the 'Rounded Rectangle Tool (U)' on the Toolbar.
Set your desired Foreground Color.

A. Activate the Rounded Rectangle Tool (U)
B. Go to the Options Bar and activate the Shape Layers option
C. Then to the mid-right of the Options Bar set the Radius integer. This controls the radius of the corners. Explore will other integers for the effect that best suits your design.

image 1

Multiplier Keys
Another method is to use the multiplier Options located on the Options Bar for an active Vector Shape.

Set your desired Foreground Color.

A. Activate the Ellipse Tool (U)
B. Drag & Draw an Ellipse.
C. Ctrl+R to enable Rulers & Drag Horizontal/Vertical Guides to the Bounding edges. More importantly to the center of the object.
D. Switch to the Rectangle Tool (U).
E. Activate the 'Add' modifier for the active shape.
F. Snap to the center Guide and drag to draw outward snapping to the top & bottom guides as you draw.
G. Deselect the shape
H. Ctrl+H to hide the Guides to preview the new shape.

image 2

To build on the above shape.
A. Mouse over the mid Guide.
B. Hold the Ctrl + Alt keys, then Click once. Vetical Guide becomes Horizontal Guide.
C. With Rectangle Tool (U) still active, drag & draw downward to snap to the left/right Vertical Guides.
D. Switch to the Rectangle Tool (U).
E. Deselect the shape
F. Ctrl+H to hide the Guides to preview the new shape.

image 3

Pen Tool (P)/Paths
Another method is to use the Pen Tool (P) with Options Bar Shape Layers enabled.

Set your desired Foreground Color.

Ctrl + ' to enable the Grid. Enable 'View/Snap'.

As below a simple Click (to Add Anchor Point) followed by Click & Drag (to Add & Convert Anchor Point) snapping to a desired grid line creates smooth curved shapes.

Rounded/Cornered Shapes Simplified

Author's URL: heathrowe
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Rounded/Cornered Shapes Simplified"

Captcha