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.


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.


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.

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.


Here is video

Photoshop Help / Drawing shapes

Product used in this tutorial: Adobe Photoshop CS5 Extended


Popular posts from this blog

Free Puzzle Pieces Actions For Photoshop and Elements

How to Change Artboard Size in Adobe Photoshop

Old Weathered Vertical Wooden Planks Free Image