Photoshop Tutorials, Flash Tutorials, 3Ds Studio Max Tutorials, Web Design Tutorials

Home  |  Submit Tutorial  |  Top Sites  |  Free Templates (NEW)  |  Website templates  |  Privacy Policy  |  Link Exchange  |  Contact Us

Recommended Hosting:
Host Unlimited Domains on 1 Account
1500GB storage and 15000GB bandwidth for $6.95/mo!
Recommended Hosting:
Host Unlimited Domains on 1 Account
1500GB storage and 15000GB bandwidth for $6.95/mo!

Welcome To ProDesignHost.com Photoshop Tutorials Area - Blasted Steel

3D Base Images
Author: Nathan Ng

Blasted Steel

Description: This tutorial will show you how to create a steel text that appears to be blown up or swept away by a tornado.

I saw this effect from a video tutorial, but their method is so long winded, I re-created this effect using a different method and effects to get a more realistic (thought not perfect) effect on the metal.

Note: The original tutorial was a little confusing, this tutorial has been re-written from step 1, so it should be easy to follow now.

Start a new document with white background.

Select the type tool and type in your text. Make it rather large, for learning purpose, use the same settings as mine to start off with so we get the same result, once you mastered the technique, you can then alter it for the desired effect.

I chose BOLD Georgia, size 150px. Make it GREY (#BBBBBB)

Apply Bevel & Emboss layer style to this text.

- Inner Shadow

- Bevel and Emboss

 

 

Now right click on the icon on the layer and select "Create Layers"

What we've just done is create a layer for each style we applied.

Click to view (take note of the names of each layer)

Now set Inner Bevel Highlight's layer's blending mode to "Vivid Light"

Now select the "Inner Shadow" layer, and apply Filter->Blur->Motion Blur

Set Angle about 10 and Distance: 20

Now add little drop shadow (Layer->Layer Style->Drop Shadow) to the main layer (ORGINAL layer), just leave it at the default will do.

Then rasterize this layer, go to Layer->Rasterize->Layer

Now create a new layer on the layers pallete.

note: You must click on the background layer when creating a new layer otherwise the new layer will be created with the styles layers.

Use the rectangle marquee tool and make a small rectangular selection and fill it with black on the new layer.

DO NOT deselect yet

Then go to SELECT->Modify->Expand then enter 3.

DO NOT deselect yet

Now go to Filter->Pattern Maker.
set sample detail to about 3px. then click GENERATE

The pattern maker will generate something similar to the image on the left.

Then click ok.

Now that new layer should be filled with the pattern

NOTE: if you are user photoshop version 6, the pattern maker filter is not there, CLICK HERE to download a copy of the patterns. copy and paste it over your text, CTRL+CLICK on it to load the selection. Alternatively, you can use the lasso tool and make your own random selection.

CTRL+CLICK the new pattern layer to make a selection of the pattern.

Then HIDE (by clicking on the eye icon next to the layer) pattern layer, and click on the text layer to make it the working layer.

Now with the Move Tool selected , use your arrows on your keyboard, move to the left 5 times and down twice.

Now you can deselect (CTRL+D)

Then go to "Image->Adjustment->Brightness/Contrast"

Brightness: -15
Contrast: +50

This text can be placed on any colored background since we only worked with the text layer, so play around with it and create something nice for your game site :)

DOWNLOAD PSD FILE

HERE IS MINE:

Author: Nathan Ng
Advertisements

Premium Partners

  Free Website Templates - Flash templates, Affordable Website Design, Website Templates, Website Redesign, Custom Website Design, Web Design Tutorials, Flash Tutorials, Promotion Tutorials - that is what we do. Metamorphosis Design Studio offers quality, free and low cost web site templates for your business and personal life, we also offer affordable web design and site re-design.
  Vertex Website Tempales - It saves tones of time and money to use pre-made web designs to build your web site. You need a web site but you don't want to pay thousands dollars to professional web design companies? Our web templates is just for you! They are designed to be easilly edited by your favorite html editor, like MS FrontPage
  Website Design Tutorials - Web site design is an area that simply takes experience to perfect. Get started with these tutorials covering everything from page layout to content tips. At Webdesigntutorials.net you will find all the Web-building tutorials you need, from basic HTML and XHTML to advanced Adobe Photoshop, Macromedia Flash MX and 3D Studio Max software.
Free website templates and paid web templates are great tools to make your websites look perfect! You will save time and money with our flash templates and free website templates Our visitors are satisfied with the quality of our free and paid website templates! Please visit our free website templates and paid website templates sections. We offer free web templates, free web layouts, free web page templates and other stuff for free download. All templates come with the html and external css file so you may easily edit HTML with your favorite HTML editor. Feel free to download our free web templates for your personal websites.

Terms of use depend upon the website template vendor.

Home  |  Submit Tutorial  |  Top Sites  |  Free Templates  |  Website templates  |  Privacy Policy  |  Contact Us

All Right Reserved by ProDesignHost.com