Loading...

Draw a ring shape in Photoshop

If you ever wonder how to draw ring shape in Photoshop video below explains how-to. Some additional explanations for the video:

To control stroke or ring width draw first circle with fixed size for example 140 px for Width and Height. This can be done from Geometry options in options bar as shown in video.

geometry_options_photoshop

Press Ctrl + Alt + T keyboard shortcut to duplicate shape and enter free transform mode. If you don’t see size’s in pixels for shape in options bar (my rulers are set to Percent in video because I changed in advance Width and Height to pixels) then right click inside Width and Height fields and choose Pixels. One more thing: in video I have Snap and Snap to > Guides from View menu turned on to snap to guides while drawing from center.

change_measurement_in_options_bar

To draw ring with 5 pixels width (stroke) type 130 px for Width and Height. To draw ring with 2 pixels width type 136 px for Width and Height. You get it? In first example 130 is 10 pixels lesser the 140 but count that second ring will be 5 pixels inside from all sides. When you cut a hole inside bigger ring with Exclude overlapping shape areas (you can do the same thing with Subtract form shape area) you will get ring 5 pixels in width (stroke).

There are and other ways to draw a ring but this is easiest way in my opinion.

Note: if you want to make this interesting effect from the end of video with all shapes on the same layer and without saving shape then select Path selection tool after cutting hole (making ring) and click Combine button in Options bar.
combine_path_components

Press Ctrl + Alt + T to duplicate and enter free transform mode, enlarge duplicated shape and confirm, then press Ctrl + Shift + Alt + T to step and repeat.

effect_same_layer

Here is video


Reference:
Photoshop Help / Drawing shapes

Product used in this tutorial: Adobe Photoshop CS5 Extended

Visual Tutorials 4707418356877916356

Post a Comment

Home item

Adobe Community Professional

Newsletter

ACE on Photoshop

Web Analytics