The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Making of Metallic Transformers Logo

Making of Metallic Transformers Logo


Preparations:

We will use an image of the Transformers logo, Cracks Brushes from Falln Stock and Texture Set from Krakograff.

Click here to download the Cracks Brushes.
Click here to download the Texture Set.

All rights of these resources belong to their respective owners.

Making of Metallic Transformers Logo image 1

Step 1 - Setting Up Background:

Create a document of size 750 by 550px.

Fill the Background layer with #000000.

Drag the Transformers logo to the center of the document.

Making of Metallic Transformers Logo image 2

Step 2 - Tracing Work Paths:

Go to View > Rulers or press Ctrl+R. While you are on the logo layer, drag a guide in and snap to center of the image.

Using Pen tool, trace a path for the left half of the logo.

There is no need to path the entire logo since the right half is a mirror of the left.

Making of Metallic Transformers Logo image 3

Step 3a - Forming Logo Shape:

Create a new layer above the Background and name it as logo_left.

Load selection for the path you drawn earlier.

Fill the selection with #FFFFFF.

Making of Metallic Transformers Logo image 4

Step 3b - Forming Logo Shape:

Duplicate the logo_left layer. Name the duplicated layer as logo_right.

Go to Edit > Transform > Flip Horizontal. You will get the right half of the logo. Position the two sides close together so you will get the full logo.

Merge both logo_left and logo_right layers. Rename this layer to logo_base.

Making of Metallic Transformers Logo image 5

Step 4a - Applying Texture:

Open up "the_krako_texure_6.jpg" from the Texture Pack downloaded earlier.

Resize the image so it fits nicely on the doucment.

Making of Metallic Transformers Logo image 6

Step 4b - Applying Texture:

Select the texture layer and go to Image > Adjustments > Desaturate.

Ctrl+left click on the logo_base layer and apply a Layer Mask on the texture layer. Rename the texture layer to base_texture.

You should be getting what is shown on the diagram.

Making of Metallic Transformers Logo image 7

Step 5a - Forming Inner Bevel:

Ctrl+left click on the logo_base layer to load selection.

Go to Select > Modify > Contract. Key in the value of 5px to contract the selection.

Making of Metallic Transformers Logo image 8

Step 5b - Forming Inner Bevel:

Create a new layer above all the other layers and name it as logo_bevel

Fill the selection with #000000 on the new layer.

Making of Metallic Transformers Logo image 9

Step 6 - Touching Up Edges:

Zoom in and you will notice some of the edges became rounded after the contraction done earlier.

Use Pencil tool to add in the straight edges by holding down Shift key while painting.

Making of Metallic Transformers Logo image 10

Step 7a - Adding Depth:

Create a new layer at topmost and name it as bevel_texture.

Ctrl+left click on logo_bevel layer to load its selection. Apply a Layer Mask to bevel_texture with this selection.

Select base_texture layer and go to Image > Adjustments > Brightness and Contrast. Enter -80 for Brightness and 0 for Contrast.

Making of Metallic Transformers Logo image 11

Step 7b - Adding Depth:

You can delete logo_base and logo_bevel layers at this point of time.

Select the base_texture layer and use Burn tool to paint in some shadows. Then use Dodge tool to paint in the highlights.

You may paint the shadows and highlights at spots similar to my diagram.

Making of Metallic Transformers Logo image 12

Step 8 - Gradient Overlay:

Select bevel_texture layer and go to its Blending Options.

Activate Gradient Overlay and set your settings as shown in the diagram.

Colors of gradient are #000000 to #FFFFFF to #000000.

Making of Metallic Transformers Logo image 13

Step 9 - Adding Glowing Lines:

Create a new layer and name it as glowing_lines.

Using Brush tool with color #FFFFFF and size 2px, paint in some lines along the edges.

Soften both ends of the lines you have drawn with Soft Eraser tool.

Making of Metallic Transformers Logo image 14

Step 10a - Adding Cracks:

Create a new layer and name it as cracks. Set the Blend Mode of this layer to Overlay.

Load the Cracks Brushes you have downloaded and paint in some cracks of various shapes on this layer.

Making of Metallic Transformers Logo image 15

Step 10b - Adding Cracks:

Try not to add too much cracks here =)

There you go! You have just done up a metallic Transformers logo on your own!

Making of Metallic Transformers Logo image 16

Optional:

I have added in some blue clouds and texts to complete the design.

Making of Metallic Transformers Logo Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: 10Steps.SG
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Making of Metallic Transformers Logo"

Only registered users can write comment

No comments yet...