Create a Steam Powered Typographic Treatment – Part II
Download Source Files
We’re back with the second half of our Steampunk style type experiment! In this Part II, we’ll generate realistic textures and create a fitting scene for our text. Let’s get right to it!
Final Image Preview
Take a look at the image we’ll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $19/month. You can view the final image preview below.
Time to get all wound up! Start up C4D and open the scene you created in Part I.
Step 52
First we’re going to use a few free materials from the web. You’re going to have to register to be able to grab these, but it’s free and totally worth it! The first one is a brushed metal material. After you download it, open it. You’ll have an empty scene and you can find it inside the Materials Menu. While having the mouse pointer over it, copy it.

Step 53
Paste it into our type scene and double-click on its icon from the Material Menu. Inside the Editor, make a few changes to the following tabs. The first one is Diffuse A.

Step 54
Then change Specular 1 A.

Step 55
Change the Intensity of the Specular 2 A to 20%.

Step 56
From specular 3 A, change the color, size and glare.

Step 57
To apply a material to an object drag it onto one inside the scene, or over a layer from the Objects panel.

Step 58
Place this metal texture over the rest of the word as well.

Step 59
The dots that come from the letter will also have a metal casing. We’ll create a different appearance for the rest.

Step 60
It’s time for a new material. I know it’s strange to modify a wood texture into a bronze surface, but with a few tweaks, it should fool most people. Download this material and place it in the scene. This material comes with a texture, or image. This means that it will have to be linked to this texture the whole time. All you need to do is add a reflection with the same texture, so activate the Reflection tab and find it inside the download folder.

Step 61
Drag it over center loop.

Step 62
Place it over all all the remaining objects of the first letter.

Step 63
And finally, add it over the rest of the word.

Step 64
The final material we’re going to use for this scene is gold. Get this material and make one simple change. Switch the Color to black.

Step 65
We want this material to appear only on the front of certain objects. Drag it over the diamond and change the Selection to C1. While C1 is the front face, C2 is the back. You can also use R1 and R2 as selections, but not for this tutorial.

Step 66
Place this material over the following objects.

Step 67
With the type all done, it’s time to make a final render. You’ll need to bring up the Render Settings (Command + B) and from the General tab, use the settings shown below.

Step 68
Next is Output. Here you can change the render size and aspect ratio.

Step 69
Check the Save Image box and don’t forget to specify a path. Also, by clicking on the Alpha Channel, you get to use it to make a quick selection of the content in Photoshop.

Step 70
And finally, change the Antialiasing settings to the ones shown below. You should calibrate these according to what your computer can handle, or how much time you’re willing to wait.

Step 71
Hit Shift + R to render it in a new window. This might take a while.

Step 72
Once you have the file saved, open it in Photoshop. Bring up the Channels menu and Command-click on the Alpha 1 icon. This will make a selection of the content.

Step 73
Go back to the Layer Menu, and double-click on the background layer. Give it a name if you like, and press OK. Add a quick mask by clicking on the highlighted icon.

Step 74
We’ll now create a different background so create a new layer, and move it underneath the “Type” layer inside the Layers panel. Change the foreground color to #aaaaa9 and background color to #403c3b. Drag a radial gradient with the Gradient Tool from the center out to the top-right corner.

Step 75
Now we’re going to create the slots for each letter. Start with the bottom of the first letter. Follow the inner edge of the border and trace a vector shape with the Pen Tool. The color is irrelevant.

Step 76
You’ll now need a Small version of this clockwork image. I bet I’ll read comments about the gears not being able to physically fit inside the casing, but that’s not the point. You can use whatever mechanism image you like. Once you’ve pasted it over the shape, press Command + T, hold Command and drag each endpoint until it has a skewed appearance. Keep in mind that you have to match the perspective of the letter.

Step 77
Once you’ve done that, press Enter and Command + Alt + G to make it a clipping mask.

Step 78
Use the Clone Stamp Tool (S) to expand parts of the image that are missing. First of all, make a selection of an even surface (Alt-click), and then paint the top and bottom of the mechanism.




Step 79
Command-click on the layer icon to make a selection of the layer, and go to Select > Modify > Expand. Enlarge the selection by 1 pixel and press OK.

Step 80
With the active selection, give it a layer mask and make it a clipping mask.

Step 81
Release the clipping mask (Command + Alt + G) now and delete the shape.

Step 82
To give it an extra bit of realism, add an Inner Shadow (Layer > Layer Style > Drop Shadow). The shadow color is #282020.

Step 83
Let’s give the image a bit more contrast. Go to Layer > New Adjustment Layer > Curves. After you create a similar curve, press OK and make it a clipping mask.

Step 84
In the same way, create a Hue & Saturation Adjustment Layer with -25 Saturation. Make this a clipping mask as well.

Step 85
And for a final bit of realism, let’s add a glass cover. Glass is transparent, but not perfectly transparent. You can also see it’s there by glares that appear from light sources, so let’s use these two concepts to create a Reflected Gradient (G) with black and white.

After you create one on a new layer, Make it a clipping mask.

Finally, drag the Opacity to 30%.

Step 86
Repeat the process for the remaining layers.

Step 87
This can take quite a long time, but is great for adding rich detail and making it more realistic.

Step 88
Download this pipe image and cut it out from its background with the Pen Tool (P). I’ve placed the pipe in a place that fits the perspective of the letter, but not the lighting unfortunately. The darker side of this image is near our light source, so you should normally find a different photo. But this is a tutorial after all, and with the sole purpose of learning, so it will work for now.

Step 89
Next, we’re going to make a series of Adjustment Layers to change the appearance of the pipe. The first one is Curves.

Step 90
Change the contrast again with a second Curves Adjustment Layer.

Step 91
The higher contrast has also intensified the colors, so bring down some of the Saturation.

Step 92
Now you’ll need a pen tablet to create a few highlights, visible here on black.

Once you’ve painted those on a separate layer, drag the Opacity to 70%.

Step 93
Duplicate the pipe and place it on the top of the third letter. Flip it and erase the top.

Step 94
Another image that we’ll use in this tutorial is this gauge photo. Fortunately, the perspective is spot on, so just cut it out of the background.

Step 95
Make it smaller and place it in the center of the diamond.

Step 96
To add a bit of contrast to the background, we’ll darken the gradient. Create a new blank layer (Command + Shift + N) and drag the layer opacity to 45%. Now reset the color selection (D) and fill the layer with black (Alt + Backspace).

Step 97
Next with a pen tablet, use the Brush Tool (B) to paint a few soft cloud-like shapes.

Step 98
On a layer above these, create a Gradient Map Adjustment Layer. Use these colors for left (#676767) and right (#e6d7c8). Don’t make this a clipping mask. Change the Blending Mode to Overlay.

Step 99
A final stock image that you need is this sky photo. No need to resize it, just move it around until you find a nice stream. Change the Blending Mode to Overlay and Opacity to 70%.

Step 100
Reset your foreground and background colors (D) and create a Gradient Map Adjustment Layer. Press OK and Command + Alt + G.

Step 101
Create a few more soft glows in the back.

Step 102
Now create a new layer above all the other ones and while keeping track of the light source, add highlights to all the elements.


Step 103
Create yet another layer and draw some steam. Use mostly white, but black too.


Here’s a close-up of the steam. I’ve used a pretty large brush size, but you’ll also need a small one to add detail.

Step 104
Let’s add a light reflection to the entire text. Locate the “Type” layer and add a Bevel and Emboss Layer Style.


Step 105
Now let’s make a few color adjustments to the scene. Over the top layer, add a Selective Color Adjustment Layer. Use these settings for Whites and Neutrals.


Step 106
Now add a Channel Mixer and find the Black & White with Orange Filter from the drop-down menu. Press OK, change the Blending Mode to Overlay and Opacity to 35%.

Step 107
And finally, add a Selective Color Adjustment Layer. Find the Blacks and input the values shown below.

Final Result
Believe it or not, we’re through with the second half of this tutorial! It’s been quite the trip, but three programs later, and this steampunk type is ready to blow off some steam. I hope you’ve enjoyed reading this tutorial, and managed to complete it without any hiccups! Have a great day!
Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the web.









uowwww man! Demais isso ae!
quem fez é um genio!
This is my work, so bas but im a beginner..
http://www.facebook.com/photo.php?pid=577620&l=fe67f65294&id=1648354002
fgdgsdfsdf
I have a problem trying to download the meterials you posted..
the link won’t open.
If there are any alternatives please post the link or email me at
mohitprofessional009@gmail.com
I meant the C4d materials
Is there any alternative download to the C4d materials that are mentioned in step 53, 60 and 64 because the link doenot work.. please if someone from psdtuts or the author is reading this, then help…
I will really appriciate this…
This is a great tutorial but if one the resources is missing people aren’t gonna bother paying attention to it.. So please do something about it..
Once again any help will be appriciated…
This is amazing, incredible, and gives a really nice affect… Awesome job, Alex!
Here’s My output..
http://i153.photobucket.com/albums/s217/Slycooper99/steamtextfinal.jpg
I found some different C4d materials so it doesnot look like the one above…
I would still apprecialte if someone could provide me the ones mentioned above…
Excellent work Mohit!!
Good stuff. But I don’t have $995 to shell out for CD4. I don’t suppose a similar effect can be created using just Illustrator and Photoshop?
download the trial
This is one killer tut. I love it!
I cant register at c4d textures.com step 52 and therefore can download so if anyone can help please please do so ive sat for the most of 2days getting to the second part of this tut and well unhappy i cant follow. can someone who has these textures upload somewhere else???
ok just me here, i finished it at long last. ended up quite different but im well impressed with it. thanks for the gr8 tut. long but good and full of little tips plus ive now found a good use for cinema 4D as im rubbish at poly modeling.
I’ve a problem with steps 67-70. The file doesn’t save the alpha channel. When I open it in Photoshop, the alpnha channel is all white. And, sometimes, appears a black line in the top of the alpha channel.
PLEASE, SOMEONE CAN HELP ME?????
=(
isis_mfs@hotmail.com
wow! I already feel stupid just by looking at it!
I alredy feel stupid just by looking at it! Great Job!
Both tutorial and making this tutorial jobs are amazing!
i don’t know about anyone else, but i haven’t been able to download the 3 textures from the C4D website. i contacted the creator of the Brushed Metal texture, Jens from Germany, and he graciously uploaded the texture on his blog:
http://sixty7.de/blog/?p=99
if anyone knows where to get the Zebrano and Gold textures, could you post it in the comments so we can all have a shot at finishing this tutorial?
thanks,
Eric
Hello, I’m not able to register on c4dtextures.com, is there another way to download these materials?
I followed your tut as much as I could but because I don’t have C4 I sort of improvised on most of it but it still came out pretty good if you want to take a look. http://taria.deviantart.com/#/d2pywkw tell me what you think.
BTW I only used the actions and filters in photoshop to make this.
The download materials site’s back!! I’ve downloaded already!
My result, Illustrator+Cinema4D+Photoshop.
http://sphotos.ak.fbcdn.net/hphotos-ak-ash1/hs329.ash1/28608_1508052023819_1309871021_31366693_1449979_n.jpg
oh, the tut is already here..
awesome!
Great tut, I’ll visit your page more often :)
it’s awesome! great skillz!
Hi gang. First excuse my English.
I’m having trouble downloading. the link is giving error as if expired.
If anyone knows where I can download these files I am grateful.
EDI LOPES
Brazil
Ha muito tempo tento achar um programa 3D que seja facil, intuitivo é poderoso. O C4D é exatamente o que eu procurava. A minha imagem ficou bem parecida, só não ficou melhor porque alguns downloads dos arquivos estão offline
As I could not find all the textures then improvised and made some modifications on their own. The result you can see this link http://www.flickr.com/photos/edilopes/4772841735/lightbox/
okso. I’ve gotten pretty damn far in this torturous tutorial… xD
I’m stuck in a dumb spot. where it says, “Drag it over the diamond”.. i dun get it.
i opened it in the attributes window, but it wasn’t the same options. someone take a screenshot, and circle this “diamond?” pleeze with cheeze.
-Evan
2 thumbs up! nice!
well detailed… much appreciated.. i love it.. fantastic.. what can else can i say ti this perfect piece of tutorial…
Hey! After 5-6 hours of work I finished it….finally. Here’s my result:
http://www.flickr.com/photos/58240346@N06/6668981787/in/photostream/
Greetings and thanks a lot for sharing this awesome tutorial. PS: I’m a romanian too.