Welcome, Guest

Please login or register

TUTORIALS SUBMENU ---->

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING

Related Links

Segmented Rings


When designing logos, the best course of action is to keep things simple.  The reason for this is obvious - business logos find their way onto absolutely everything, from t-shirts to coffee mugs, and only simple designs can be so endlessly flexible. Segmented rings are very popular in logo design because they are visually stunning and very distinctive.  Chances are that you've seen them on the internet a great deal already, gracing everything from gaming websites to corporate portals.  This tutorial details the most reliable method for creating these rings.

NB.  Please note that I make extensive use of rulers, guides, and Snap functions in this tutorial - all of which are described in exquisite detail in the Photoshop help file.  If you aren't familiar with these commands it is HIGHLY recommended that you learn the basics before proceeding any further.

Step 1:  Create a 200px by 200px blank document and fill the background layer with white. Create a blank transparent layer on top, rename it Shape1, and select it. Position guides in the centre of the image, as shown on the left. Then, using the Elliptical Marquee Tool, create a 180px by 180px fixed selection and Edit > Fill it with Black. Now use the Move Tool to move the circle until it snaps automatically into position in the centre of the image.

Step 2: Create a new transparent layer on top of the others called Shape2, and repeat the circle creation part of step 1, but this time with a grey circle of 140px by 140px.   Move it into the snapped central position as before.

Step 3:  Now create a selection around the Shape2 layer by holding down CTRL and clicking on the layer in the layers palette once.  After you have done this, select the Shape1 layer, and tap the DEL button on the keyboard.   Delete (or Hide) the Shape2 layer and you should be left with a smooth ring identical to the one opposite.

Step 4: Using the Rectangular Marquee Tool, create a rectangle 200px in width, and 10px in height.  Position it in the middle of the ring, and press DEL to erase a small portion of the ring.

Step 5:  Now choose Select > Transform Selection from the menu and rotate the selection by 45 degrees. You can do this by entering the value directly into the toolbar or by holding down SHIFT on your keyboard and dragging outside the selection (this moves the selection in 15 degree chunks). Press ENTER to finalize the selection changes and then DEL once more.  Repeat this step twice and you should end up with a segmented ring like the one on the left.

Step 6: Add a little individuality to your work by clicking on Edit > Transform > Perspective. Drag the corners around until you have achieved the effect you desire, and press ENTER to finalize the change.  There you have it - a very snazzy segmented ring awaiting your further decoration.


Variations: It should be remembered, of course, that segmented rings are a primary building block of more complex designs. With a little time and effort you can build upon the ring and the principles in its creation to make some very pretty logos.  Also bear in mind that you can omit Steps 4 and 5 if you want to create a halo! Just have a play around and see what you can come up with - the example logo below took a mere 5 minutes from start to finish!

- Tutorial written by Man1c M0g

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  piratorian (#34289)
Date: Tue Nov 14, 2006. 08:33:44

Post #8 of 8

marvelous tutorials. simple but the result is excellent. i applied it with plastic effects and walla...breathtaking.:Proud:

Reply to this post


User:  dundas (#32889)
Date: Tue Oct 17, 2006. 23:01:33

Post #7 of 8

Excellent - well written! So easy to follow.... and the Perspective effect is an extra bonus. Thanks

Reply to this post


User:  trailchic (#30072)
Date: Wed Jul 19, 2006. 01:31:25

Post #6 of 8

Quote from NeoSoul:
Thanx for this tutorial! Very well written... the instructions were very clear and easy to follow.
Would it be possible to follow it up with one on how you added layers to it, with another level in between [as in the example you ended the tutorial with].
I am totally new to photoshop and I'm trying to learn how to do as many different things as possible so that I can then execute the designs in my head.
Thanx again.

NeoSoul


this is great. I was just today looking for something like this.

Reply to this post


User:  Jered (#27785)
Date: Sat May 20, 2006. 13:19:24

Post #5 of 8

Does anyone know where i can find the charcter set used in this tut? (the smaller black one)

Reply to this post


User:  One Squad (#24030)
Date: Tue Feb 14, 2006. 20:22:10

Post #4 of 8

I Like It .. very simple but very good !!
THx X x

Reply to this post


--- View Entire Thread ---
Featured Content

Retro Style Text
Retro Style Text
- Adobe Photoshop -
Abstract Wireframes
Abstract Wireframes
- Adobe Photoshop -
Simple Sound Contr...
Simple Sound Contr...
- Macromedia Flash -
Pixel Stretch
Pixel Stretch
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Special Options
Download Source File
Printer Friendly Version
Forum Threads

Competition Discussion - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:48pm
Activity: 0 replies, 53 views
 Competition - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:46pm
Activity: 0 replies, 54 views
 PM Spamming
Author: Tamlin
Posted: Feb 06th, 1:24pm
Activity: 7 replies, 115 views
Vector Clipart Bank
Author: Crapoun
Posted: Feb 06th, 11:29am
Activity: 2 replies, 93 views
How did ...
Author: MoodsR4Cattle
Posted: Feb 05th, 6:09pm
Activity: 6 replies, 26 views
Tips and trick for Texturing/Materials
Author: noorjan
Posted: Feb 05th, 4:59am
Activity: 2 replies, 108 views
 A Billion Styles - Please Help Me!!
Author: Angelz
Posted: Feb 03rd, 6:36pm
Activity: 2 replies, 133 views
101 Things you didnt know in 3DS Max ...in fact...
Author: noorjan
Posted: Jan 31st, 6:04pm
Activity: 0 replies, 160 views
Pee Wee get's an IPad
Author: MoodsR4Cattle
Posted: Jan 30th, 4:25pm
Activity: 2 replies, 163 views
Spam :: Online hotel reservations for Hotels in...
Author: kieulinh
Posted: Jan 28th, 6:39am
Activity: 0 replies, 204 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 3 replies, 17 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 27 replies, 727 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    415