• Home
  • About
  • Advertise
  • Contact Us
Blue Orange Green Pink Purple

Transformers Logo

Posted in Drawing. on Monday, March 2nd, 2009 by Tutorial Park Tags: logo, photoshop, transformers, tutorial
Mar 02

Transformers LogoThis 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. Transformers logo can be easily created by you! Have doubts about it? Just read this tutorial and learn how to do it!


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 400×400 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.

Transformers logo: Trans

Transformers logo: Half Path

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.

Transformers logo: Black Path

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

Transformers logo: Add noise

And use Motion Blur .

Transformers logo: Motion Blur

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

Transformers logo: Filters

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.

Transformers logo: Clouds

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).

Transformers logo: Fibers

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.

Transformers logo: Lightning Effects

Repeat the procedure for Alpha 2 and Alpha 3 channels.

Transformers logo: Background

Add color using the following settings.

Transformers logo: Hue Saturation

Transformers logo: Hue Saturation Result

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

Transformers logo: Opacity Fill

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

Transformers logo: Outer Glow

Transformers logo: Inner Glow

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

Transformers Logo Tutorial: Final Result

3 Comments

  1. 'Deyemi on March 11th, 2009

    i Like i

  2. Paras Universal on July 20th, 2009

    Great tute… will def try that for a new header for my website. Thanx

  3. international tv online on January 31st, 2010

    Hello do you guys know if the transformers 3 is coming out soon?? I hope Megan Foxy will be in it!



Leave a Reply

Spam Protection by WP-SpamFree

Tutorial Park

  • templated business
    templated business
  • Search


  • Categories
    • Animation
    • Drawing
    • Freebies
    • Photo Effects
    • Text Effects
    • Tutorial Reviews
  • Recent Tutorials
    • 3D Valentine’s Day Typography
    • St. Valentine’s Photo Manipulation
    • Na’vi Avatar Photo Manipulation
    • Thanksgiving Wallpapers
    • Google Text
    • Jack-O-Lantern Drawing Tutorials
  • Featured Partners

      Web Design Library

      flash websites

      build a website

      flash intro
  • Tutorial Park Tags

      angel animals Animation ball batman business car Casino Royale cat catroon design digg earth frog glass half life 2 Harry Potter hearts icon icon set James Bond jewelry logo lollypop mafia monster navigation bar photo photoshop photoshop tutorial photoshpo plastic poster quake sunflower template transformers tutorial typography vector video vintage wall-e wallpaper watercolor

      WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 9 or better.





  • Home
  • About
  • Advertise
  • Contact Us

© 2004-2010 Copyright Tutorial Park. All rights reserved.
Designed by FTL Wordpress Themes. Website promoted by SEO Software.

Back to Top