Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Drawing Techniques Rounded/Cornered Shapes Simplified
rss

Rounded/Cornered Shapes Simplified

Author: heathrowe More by this author


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.



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.



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.



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.



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Rounded/Cornered Shapes Simplified"