Transformers Text Effect

Learn how to create the transformers logo and icons with some grunge texture effects applied in Adobe Photoshop

Downloading Transformers Fonts

Before getting started into the design, I surf around The Internet looking for similar Transformers fonts. Here is the closest I can get. Download this font and have them installed first.

• Download for Windows
• Download for Macs

1. Writing Transformers And Racterized It

Create a new canvas at your preferred size; I’m using 420x250px. Fill it up with black background, write “Transformers” with SF TransRobotics font downloaded just now and centralized it.

Right click on the text layer and select Rasterized type

2. Creating Similarities

Highlight the bottom of "T" and "F" with Maquee Tool, hold Alt and keep pressing Arrow down to increase the length of both these alphabets.

3. Metal-Rized The Font

Right click on layer’s Blending Options, and adjust the following style.

Inner Glow

Bevel And Emboss

Color Overlay

Color code: #31464F

Gradiant Overlay

Color Stop 1: #000000, Location: 0%

Color Stop 2: #90999d, Location: 100%

Pattern Overlay

4. A Little Glow

Hold Ctrl, left click on the Transformer text’s layer thumbnail to highlight the selection. Create a new layer, select G radiant Tool and draw across from left to right as illustrated in the image above. Change the blend mode to Overlay and adjust Opacity to 50%. Your final product will look something like this.

5. Autobots And Decepticons

SF TransRobotics font’s "<" and ">" draws the logo for Autobots and Decepticons. What you need to do is copy the layer style from "Transformers" and paste it on the logos layers.

Expand the layer, and click on the eye of Gradient Overlay once to hide it. Your final Autobot and Decepticons logo will look something like this.