Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

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 ---
Amazing Font Pack!

Featured Tutorialsmore

Simple Tiling Patt...
Simple Tiling Patt...
- Adobe Photoshop -
Sonic Battle Style...
Sonic Battle Style...
- Adobe Photoshop -
Warps & Vortexes
Warps & Vortexes
- Adobe Photoshop -
Artistic Color Iso...
Artistic Color Iso...
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Download Source File
Printer Friendly Version
Forum Threads

 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 884 views
 changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1048 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 3:50pm
Activity: 0 replies, 1053 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 12:58pm
Activity: 0 replies, 1933 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 2:18pm
Activity: 0 replies, 1828 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 2:33pm
Activity: 0 replies, 14440 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 3:37am
Activity: 0 replies, 2747 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 2:19pm
Activity: 2 replies, 2771 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3438 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2354 views
 BioRUST Forums - Reply to Topic
Author: inonShozy
Posted: Jan 11th, 11:32am
Activity: 8 replies, 2498 views
 Version 2 of my portfolio site.
Author: andrewnleon
Posted: Jan 08th, 6:18am
Activity: 6 replies, 2797 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4673