website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Drawing Techniques Cool Cog Shape Logo
rss

Cool Cog Shape Logo

Author: Dewald Hein More by this author


Step 1. As per usual, first things first. Open up photoshop, and create a new document. If you want to use this technique for a proper logo that you will definitely use, i suggest you make your canvas size very large, so that quality isn't lost when resizing. But.... for this tutorial, to save space i will make mine 500px x 500px.

Step 2. Make a new layer, call this layer "cog". Now grab your Cool Cog Shape Logo image 1 Rectangular Marquee Tool(M) - ensure that it is the rectangular shape, not circle or column etc. Now, make some simple rectangle shapes, all on the same layer "cog". Don't go too over board, other wise your logo will look really bad, but don't be too reserved! You can go back to this step later if the result is not what you want. This is also the part that make every single attempt different and unique, so please play around with this to see what you can come up with.
This is what mine looked like:

Cool Cog Shape Logo image 2

Step 3. Lets make that boring shape a little more interesting! Making sure that your "cog" layer is selected, go to Filter >> Distort >> Polar Coordinates....

A little popup will come up, make sure the circle next to Rectangular to Polar is selected, and press OK. That should result in something along the lines of:

Cool Cog Shape Logo image 3

Side note: If you pay a bit of attention, you will notice a few things.

  • If you make a rectangle near the top of your canvas (in Step 2), it will result in a smaller circle/arc near the centre of the result (in Step 3).
  • If you make a rectangle near the bottom of your canvas (in Step 2), it will result in a larger circle/arc near the outer ridge of the result (in Step3).
  • If you make a rectangle that spans all the way across horizontally (in Step 2), it will result in a circle in the result (of Step 3).
  • If you make a horizontal rectangle and cut it (in Step 2), it will result in an arc, or circle with missing pieces, in the result (of Step 3).

Keeping that in mind, you may want to go back to step 2 and revise your shapes.

Step 4. To make this logo a little more modern or "cooler", we're going to make the cog shape 3D.

Before we do our perspective changes, we need to position the cog in a way that looks nicer, where we can see a lot more of the side when text is placed on top of it. Edit >> Transform >> Rotate, a box will appear around the cog shape, click on one of the corners and spin the cog around until you have the most detail on the left hand side and top side. Press Enter when you're done.

Cool Cog Shape Logo image 4

Go to Edit >> Transform >> Perspective, that box will appear again. Grab one of the top corner, and drag it towards the opposite side. I.e. Grab the top left corner, and drag it towards the right hand side. This will put a little perspective on the shape. Like so:

Cool Cog Shape Logo image 5

Press the Enter key to confirm your changes, or double click on the shape. The width of the shape is now ok, it has a little bit of perspective on it, but it doesn't really look right. Go to Edit >> Free Transform, the same box will appear , click and drag the middle top anchor point and drag it a bit down. Drag it untill it looks a little more natural, and so it looks like its on a surface, being looked at on a lower angle. Press Enter when it looks good.

Cool Cog Shape Logo image 6

Step 5. Onto some coloring now. (Don't worry the 3D isn't done yet, we need colour to continue with that). Make sure that your cog layer is selected, right click on the layer and select Blending Options. Fill in these settings:

Cool Cog Shape Logo image 7

Cool Cog Shape Logo image 8

Cool Cog Shape Logo image 9

Step 6. That's the colour's behind us, and all preparations for making the cog 3D. If you're not entirely happy with how the perspective or angle looks, please make alterations NOW, after this step it will be too late. Review Step Four, for instructions on how to rotate, resize and change perspective.

Select your cog layer. Make sure that your Move Tool(V) is selected. Now, while holding down the Ctrl + Alt buttons, press the up arrow key. As you can see, the cog is duplicated, while being moved upwards by 1 pixel - essentially creating a height for the shape. Continue doing this until the height looks natural. 10 nudges was sufficient for me.

Cool Cog Shape Logo image 10

Step 7. It still looks a little flat. Select the very top layer, right click on it and click on Blending Options. Use these settings:

Cool Cog Shape Logo image 11

Now select the very bottom cog layer and apply these settings:

Cool Cog Shape Logo image 12

Step 8. And that's pretty much it! Just play around with text on top of it.

Cool Cog Shape Logo image 13

Final result:

Cool Cog Shape Logo Tutorial: Final Result



Author's URL: dewaldhein.com

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 "Cool Cog Shape Logo"