spacer
spacer

Create Grunge, Metal & Sci Fi Text Effect in Photoshop

by Ainsley on February 2, 2012 with 2 Comments in Graphics

Learn how to create a grunge, metal sci-fi/futuristic text effect using Adobe Photoshop. We’ll be using textures, brushes, shapes and useful techniques.

Final Result

spacer

Resources

  • Metal Texture
  • N-Gage Font

Background

1. Create a new document that’s 630×700 pixels. Copy and Paste the Metal Texture onto the Canvas and shrink down by pressing CTRL+T and drag a top corner down while holding the Shift Key.

spacer

2. Create a new layer, grab a soft edged black brush and brush around the edge of the canvas. Set the Opacity to 28%.

spacer

3. Using the font below, write out 2 large X’s and place them like below on the canvas.

spacer

4. Set the Blending Mode to Multiply on the X’s to make them invisible. Double click on the layers to go into Blending Options and put in the options below for the text.

spacer

First Font Effect

5. Using the N-Gage Font, write out the words you want the effect on. Double click on the text layer to go into Blending options and put in the options below:

spacer

6. Hold down the CTRL Key and click on the text Layer Thumbnail to place the marquee around the text. Go into Select > Modify > Contract, and contract by 10.

spacer

7. With the marquee still active, select the Polygonal Lasso Tool and while holding down the ALT Key.

spacer

8. Create a new layer and fill the leftover marquee shape. Double click into Blending Options and put in the following:

spacer

9. Create another new layer and select a soft edged brush. Using the colour below, brush on some highlights. Set the Opacity to 23%, go into Blending options and put in the following settings on the highlights.

spacer

10. Duplicate the Metal Texture by dragging it to the new layer a icon and place it on top of all the layers. Hold down the CTRL Key and click the Text layer thumnail to bring up the marquee. Go back to the metal texture and hit the Add Mask Layer to crop the texture down to the text shape. Set the metal texture’s Blending Mode to Overlay.

spacer

Screws

11. Using the Ellipse Tool, draw a small circle while holding down the Shift Key (to keep the shape perfect). Double click on the layer to go into Blending Options and put in the following below. Again with the ellipse tool, draw thin oval shapes for the screw top using the colour white.

spacer

12. Duplicate the 2 screw layers to place more screws on the font.

spacer

Second Font

13. Write out the second text using the N-Gage font again using the colour, go into Blending Options and place in the following settings below:

spacer

14. Create a new layer and place it underneath the second text layer. Using a soft edged brush, brush on the colour #ffa200 behind the text. Make the Blending mode Color Dodge and the Opacity 20%.

spacer

Flare

15. Create a new layer and select a hard edged/3px sized white brush. Hold down the Shift Key and draw a vertical and horizontal line, select a soft edged eraser and erase the edges so the lines fades it. Select a soft edged/17px sized white brush and click on the center of the lines to finish off the Flare.

spacer

Final Result

spacer

7 days ago by Ainsley in Graphics | You can follow any responses to this entry through the RSS feed. You can leave a response, or trackback from your own site.
spacer
AboutAinsley

Ainsley Bevis is a passionate, and mostly self taught, Web and Graphic Designer based in Melbourne, Australia. Besides designing she also enjoys playing guitar, piano & walking her 2 dogs at the beach!

  • Website more of this author

Related Posts

  • spacer

    Create an Opened Gift Box Icon in Illustrator

  • spacer

    40+ Valentine’s Day Photoshop & Illustrator Tutorials & Freebies

  • spacer

    Create a Vibrant Bauhaus Themed Artwork in Photoshop

  • spacer

    Design a Nike Shoe Advert using Photoshop

2 Comments to Create Grunge, Metal & Sci Fi Text Effect in Photoshop
  1. Pingback: Create Grunge, Metal & Sci Fi Text Effect in Photoshop

  2. spacer
    • Compare Companies
      February 7, 2012 at 8:01 am
    • fantastic text effect! this is nice to having this tuts!

    Reply

Leave A Response Cancel reply

* Required

* Required

  • subscribers
    75
  • &

  • followers
    100

Enter your email to subscribe:

Popular Posts
  • spacer
    15+ Logo Designs Gone Wrong
    Jul 30, 2011 - 7 Comments
  • spacer
    30+ Halloween/Horror Digital Art for Inspiration
    Oct 22, 2011 - 7 Comments
  • spacer
    30+ Fantastic Flyer Design Inspirations
    Jul 22, 2011 - 6 Comments
  • spacer
    35+ Digital Abstract Illustrations for Inspiration
    Oct 04, 2011 - 5 Comments
  • spacer
    10+ eCommerce Website Layout Photoshop Tutorials
    Oct 18, 2011 - 5 Comments
gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.