This Adobe Photoshop tutorial takes the simple “create metal text effect in Photoshop” that thousands of people teach all over the web and turns it on it’s head! Adding polishes, shines, motion blurs, and oh yes… NINJA STARS. It’s a must read.
This tutorial is free for all to view! If you want access to the source files click here.
Here is a preview of the final image we will be creating:
Virtually everything in this tutorial is made from scratch except for the ninja silhouette and the ninja stars. Here are the images you’ll need to download:
To begin we’ll open a new document in Photoshop (we’re using Adobe Photoshop CS3) with the following dimensions:
Now we’re going to quickly create a background that will make the text pop. First, create a new layer and select the gradient tool (g) and in the top toolbar select the following settings:
To change the gradient, just click on the gradient box
and select black to a light gray (#565656) gradient. Like the picture below:
Name this layer “gradient” and set it’s blending mode to multiply
Now, push the letter “d” on your keyboard to reset the foreground and background colors and then click the white background swatch and change it to #838383
and create a new layer BELOW the “gradient” layer and name it “clouds”:
With the clouds layer selected go to Filter > Render > Clouds
Select the “gradient” layer again and go to select filter > pixelate > mezzotint with the following settings:
Then select filter > render > fibers
Then select Blur > Radial Blur > Zoom with the following settings:
Now decrease the opacity of the “clouds” layer to 88%
Now we’re going to add the ninja silhouette to the right side of the image. First, open the ninja picture we downloaded above and using the pen tool click and draw around the ninja’s outline.
Once the entire ninja has been outlined go to the paths tab and Command + Left Mouse Click on the thumbnail to load the selecting.
Click back into the layers palette, select the layer with the Ninja on it. Select the Marquee tool (M) and right click “Layer via cut”
Now drag this cut out layer into our Photoshop document with the background we previously created:
Name this layer “ninja” and drag it below the clouds layer:
Select Command + M on the keyboard to bring up the levels window. Mimic this curve and push enter:
Now We’re done with the background and we’re on to creating the awesome text.












































11 Responses
amazi’ really u r profisional in psd
Nice tutorial..thanks:)
My attempt never seems to gain a real metallic look. No matter how much I play with curves or levels, I have quite stark grey/white colours. :S
Any help would be appreciated.
I’ll try to develop a screen cast taking you straight through the tutorial very soon. Subscribe to the RSS Feed to stay updated. It’s free.
Thanks for commenting and participating!
Thank you for the quick reply! I’ll do that now, your help is very welcome!
So far this is my favorite tutorial which I’ve seen on your website, lots of great materials, thanks!
Nice tutorial, I would lov to see this as a video tutorial as well. You bring a lot of great work to the Photoshop tutorial community. Keep it up.
Thanks, much appreciated!
this shit is hella legit
[...] http://photoshop.kingtutz.com/2009/12/26/ninja-text-photoshop-tutorial-fierce/ [...]
wow wow wow…this is awesome…thanks dude…