SEARCH
  Tutorials Photoshop Drawing Techniques Transformers logo exclusive tutorial

Transformers logo exclusive tutorial

Reiven Drawing Techniques Jul 20, 2007

Transformers logo can be easily created by you! Have doubts about it? Just read this tutorial and learn how to do it!

This is how it all started for me. I went to the cinema not long ago and watched the "Transformers". What a movie! I was impressed by the effects and decided to create a tutorial - How to Draw the Logotype.

I used the emblem from the official site as a desktop wallpaper for a long time, but after it became boring I decided to create my own logo. Here is how I created an example of Transformers logo. .

Open Photoshop. Create a new document 400x400 px and begin to draw the Transformers logo. The first part is the most tedious - the drawing of the logo itself. I've chosen Decepticons.

Select the Pen tool, set Paths in the adjustments panel and draw the right outline of the Decepticon's logo. You can use the original image to make it easier.

image 1

image 2

Now push the right button in any part of the path and select Fill Path. Paint it black. Then duplicate the layer and Flip Horizontal, move it to the right until you have the mirror reflection of the right side.

Next merge and duplicate layers.

image 3

Now Ctrl+click on the layer, then paint the selection using the #07424d color. After that add noise.

image 4

And use Motion Blur.

image 5

Next Ctrl+Click on the layer with no changes, invert the selection and click Del (the layer with the filters should be active).

image 6

Create the new layer saving the selection, render the clouds on it and set Blending Mode Overlay.

Create another new layer, render clouds on it and use Difference Clouds several times. Set the Blending Mode Overlay and reduce the opacity to 50%. After that merge all the layers.

Here's what I've got.

image 7

The first part is done. Now let's draw the background. Hide the layer with the logo.

Go to the channels and create three new channels. On the Alpha 1 channel use Render Clouds, on the Alpha 2 layer use Render Fibers with the following values (the color should be mainly white).

image 8

Paint Alpha 3 channel white. Now Ctrl+Click on the layer with the logo, and paint the selected in the Alpha 3 black.

Select Background layer (if you've deleted it, just create a new layer, send to back and paint it white) and use Lightning Effects with the following values: set Alpha 1 in Texture Channel.

image 9
Click to enlarge

Repeat the procedure for Alpha 2 and Alpha 3 channels.

image 10

Add color using the following settings.

image 11

image 12

Now make visible the layer with the logo. Set the Opacity 50% and Fill 25%.

image 13

Now go to the Blending Options and add the following settings for Outer Glow and Inner Glow.

image 14

image 15

Here's the final result. Isn't it a splendid sample of Transformers logo?

Transformers Logo (Exclusive Tutorial)

ABOUT THE AUTHOR

Dustin Kein

Dustin Kein is an editor at Web Design Library. He's in charge of selecting materials for the PhotoShop and HTML sections of this site. From time to time Dustin contributes some of his tutorials to WDL in order to cover the most actual topics for WDL visitors. Besides this, he's an active forum member whose posts are always helpful, concise and timely.

subscribe to newsletter