David Occhino Design
SearchHome · Tutorials · Iron Man Text Photoshop Tutorial
Join us on Facebook Join us on Facebook
Read our Design Blog
Subscribe to eNews

Home
  • Iron Man Text Photoshop Tutorial


    Iron Man Text Photoshop Tutorial
    from David Occhino Design

    Level: Intermediate
    Time: 45-60 minutes
    Cost: Free

    This is a free Adobe Photoshop™ tutorial from David Occhino Design.

    If you have intermediate Photoshop knowledge, the Iron Man movie titling effect is not hard to create. This step-by-step guide will demonstrate a few simple tricks that simulate the look of the Iron Man text.

    Iron Man Text Effect Photoshop Tutorial by David Occhino Design

    Iron Man Text Photoshop Tutorial by David Occhino Design

    IRON MAN TEXT
    PHOTOSHOP TUTORIAL

    Prerequisite Photoshop skills:

    • create, move, merge, rename, hide and change the blending mode and opacity of layers
    • create, move, transform and kern text layers
    • create and use layer masks
    • work with selections, select and deselect
    • add and change layer effects
    • use the brush, pencil and magic wand tools
    • use RGB color codes

    Prerequisite Illustrator skills:

    Materials Needed:

    STEP 1: Create an etched iron surface

    A) Create a Photoshop work file with the dimensions you need:

    • Mode: RBG
    • Dimensions: (this example is 585 x 200 pixels)
    • Background: white

    B) Using the Paint Bucket tool, fill the background layer that with a creamy brown (R: 125 G: 90 B: 57).

    Figure 1

    Fig. 1

    C) Add Noise 70%, Uniform, Monochromatic.

    Figure 2

    Fig. 2

    D) Add Motion Blur, Angle 45°, distance 57.

    Figure 3

    Fig. 3

    STEP 2: Create a sand texture

    A) Create a new layer with an image of a sand texture, scale it to taste and pump up the levels a bit.

    Figure 4

    Fig. 4

    B) Adjust the sand layer to overlay with Opacity of 20%. Then, merge the two layers.

    Figure 5

    Fig. 5

    C) Scale the layer to taste (enlarged here about 200%).

    Figure 6

    Fig. 6

    D) Adjust the RBG levels to taste. In this example, levels are adjusted to 40, 1.16, 255.

    Figure 7

    Fig. 7

    E) Apply Unsharp Mask, 33% with a Radius of 6.8 and Threshold of 0.

    Figure 8

    Fig. 8

    Step 3) Create the text mask

    A) In Illustrator, use Iron Hero Outline, scale, then convert the text to paths and ungroup all lines. Select the interior lines and import into Photoshop to create a mask.

    Figure 9

    Fig. 9

    B) Back in Photoshop, apply the mask to the texture layer.

    Figure 10

    Fig. 10

    Step 4) Add text highlights and shadows

    A) Paint cream highlights, some ruddy areas and a few random shaded areas.

    Figure 11

    Fig. 11

    B) Add a layer of white highlights, mottled areas and splotches. Opacity 26%.

    Figure 12

    Fig. 12

    C) Create a layer and paint shadows for the lower left side of the letters. Opacity 64%.

    Figure 13

    Fig. 13

    Your artwork should look similar to Figure 14 below.

    Figure 14

    Fig. 14

    Step 5) Create beveled lettering effects

    A) Return to Illustrator and import the outline vectors into a new Photoshop layer to create the outlines with a transparent background. Lock the pixels.

    Figure 15

    Fig. 15

    B) Using your artistic talent in Photoshop, paint this new layer with shadows, highlights and midtones to create the look in Figure 16.

    Figure 16

    Fig. 16

    C) If you turn on all your layers, you should have this:

    Figure 17

    Fig. 17

    D) Back in Illustrator, select the interior text paths and expand them to taste to get a nice thin outline. Import this into Photoshop, lock the pixels, fill with gold, then put a bevel on it. Adjust this new layer to 36%.

    Figure 18

    Fig. 18

    Your artwork should look similar to Figure 19 below.

    Figure 19

    Fig. 19

    Step 6) Add rock textures and imperfections

    A) Create a new layer with an image of a rock texture, apply a mask to trim out the outside of the letters. Set the layer to Overlay with an Opacity of 36%.

    Figure 20

    Fig. 20

    B) Create a new layer with an image of meteoritic rock. Position the image so that interesting rock highlights are seen at the bottom. Apply the same mask you used in Step 17. Erase a portion of the layer as in the example below. Then, set the layer to Color Dodge with an Opacity of 62%.

    Figure 21

    Fig. 21

    C) Create a new layer with an image of rock with large crystals. Apply the mask you created in Step 9. Then set the layer to Overlay with an Opacity of 12%.

    Figure 22

    Fig. 22

    Your artwork should look similar to Figure 23 below.

    Figure 23

    Fig. 23

    Step 7) Adding a glow

    A) Create a new layer and fill with orange. Apply the mask you used in Step 6A. The, set the layer to Overlay with an opacity of 63%.

    Figure 24

    Fig. 24

    B) Your artwork is complete, and should look similar to Figure 25 below.

    Iron Man text effect Photoshop Tutorial

    Fig. 25

    C) Save your image and enjoy your new creation.

    Did this tutorial help you? What other tips would you like to see on our site? Drop us a line and let us know.

    ©2017 David Occhino Design. All Rights Reserved.

     
    ©2017 David Occhino Design | Terms of Use | Privacy | Contact Us | mail@davidocchinodesign.com
    David Occhino Design - The World in a Canvas for the Imagination