Create a text in the style of steampunk

In this tutorial, I will show you how to create interesting steampunk text using Photoshop.

I myself can not explain why the steampunk style is so attractive, perhaps with a combination of past eras and fantastic technologies, perhaps with its unique grunge charm. In any case, the creation of a steampunk image is a very boring and creative process!

In this lesson, many steps will be similar, or will be repeated. I will not focus your attention on the same actions, instead, I will show you various methods that are applicable to create elements of letters. Using the received information and skills you can create absolutely unique own text.

You can take a closer look at the final result by clicking on the image below.

Let’s start!

Materials for the lesson:

Step 1. Pipes

The first element that we look at is pipes.
Create a new document. Activate the tool Rectangle (Rectangle Tool (U)) and on the new layer (not on the background one) draw the shape of the future pipe. Then go to parameters Layer style (Layer Style) and use the tab Gradient overlay (Gradient overlay).

I use this technique to create many vertical text elements. The parameters that will change are: the height and width of the pipes, the central color of the gradient. In order to better understand, consider the element presented in the image below.

In order to add shine to the pipe, use the tool Gradient (Gradient tool); color – from white to transparent. The gradient needs to be created on a new layer and applied as a layer mask to the layer with the tube.

Step 2. Clamp and rivets

Creating a clamp is very simple. First of all, determine how it will be located. In my version he fastens three vertical pipes.

Then activate the tool Rectangular area(Rectangular Marquee Tool). Draw a rectangle and place it over the group of pipes, as if it holds them together. Next, apply the same gradient to the clamp as for the pipe, and then just align it slightly with the color.

Translator’s Note: For a clutch, such gradient types as Linear and Mirror will look good.

Rivets can be drawn simple round Brush (Brush Tool) setting for her some changes in the standard settings. Go to the brush settings dialog box and enter these values.

Then create a new layer. Draw rivets on the clamp, brush color, select black. Then add to the black holes such Layer styles (Layer Style):
Gradient overlay (Gradient Overlay):

External glow (Outed Glow):

Applying these two layer styles turned black holes into gold (copper) rivets with a shade.

Translator’s Note: you can also add a layer style Stamping (Bevel and Emboss), which will make the rivets more bulky.

Step 3. Flexible hose

In order to draw a hose, create one of its elements.
Activate the tool Rounded Rectangle (Rounded Rectangle Tool). Draw a small rectangle on the new layer.

Apply the following Layer styles (Layer Style):
Gradient Overlay (Gradient Overlay):

Stroke (Stroke):

Now you need to copy and paste the form several times. Place the segments one above the other with a single pixel separation step. When you are satisfied with the long hose, merge the rectangles into one layer.

Now proceed to bending the hose.
I will use this element for the letter “P”.
Switch to EditingPuppet Warp (Edit – Puppet Warp). Place three points on the plane of the hose by clicking the mouse in the desired area (above, below and in the middle of the hose).

Now, moving the deformation points, create a curved shape from a straight hose.

Using this method you can easily create curved pipes, hoses, threads, wires and other flexible elements.

Step 4. Clock and dashboard

To create a future sensor, first of all, draw a circle shape. Then apply to it Layer style (Layer Style) Gradient overlay (Gradient Overlay).

The gradient used for the circle, we used earlier when creating pipes, only the angle is changed, it will be 45 ?.

Next, you need to create a smaller circle (on a new layer) and place it in the center of the first.

Apply to small circle Layer style (Layer Style) Gradient overlay (Gradient Overlay). Use gradient for lighter colors for this element. Angle set to about 130 ?.
Then add another layer style (Layer Style) – Inner shadow (Inner Shadow).

Now you need to pick up the image with a good dial.
Having spent time searching, I found the perfect image for me.

Translator’s note: alternative resources in the archive:

Clock 1
Clock 2

Use the tool Oval area (Elliptical Marquee Tool) and create a selection around the desired area of ​​the clock. Copy the selection to a new layer. Use the transformation tools and scale down the dial to the size of a small circle. Set the blending mode of the dial layer to Multiplication (Multiply).

Step 5. Gear wheel

In order to draw a gear, I used an additional program Adobe Illustrator. In Illustrator, I created a black square.

Now we need to create a new texture brush (pattern brush). To do this, drag a square onto the brushes palette. You will see a popup dialog box. Choose in it Brush (Pattern brush).

In the settings window of the brush, make sure that your settings match those listed below:

Now create a circle with a black stroke, and apply a new brush.

Double-click the brush in the palette to open the options for customizing the brush. Adjust the scale and distance as follows.

Click OK, and select “Apply to Strokes”. Now fill the circle with black color and select the command Object – Expand (Object – Expand).

Now create a combined shape using the Pathfinder panel.

Now draw a new circle in the center of the first. Apply a white stroke to this circle.

Reapply the brush created earlier.

Add another white filled circle to the middle. To do this, use the command Object – Expand to expand the shape (Object – Expand to expand the shape).
To combine all the gear elements into one form, we will need to use the Pathfinder panel again.

This concludes our work in Illustrator. When copying and pasting a blank gear in Photoshop, select “Paste as a layer-shape“(paste as Shape Layer).

If you do not have the right amount of time (or experience), you can use ready-made images:
Gear 1
Gear 2
Gear 3

When your gear layout opens in Photoshop, apply the following to it. Layer styles (Layer Style):

Gradient overlay (Gradient Overlay):

Inner shadow (Inner Shadow):

Here’s the item you get as a result:

Step 6. Steam

To add steam, I used the wonderful Smoke brushes which, a free sample and a link in the archive.

To get a result similar to the image above, download the Smoke Brushes and set them in Photoshop. Create a new layer. Activate the tool Brush (Brush Tool), color – white. From the set of loaded brushes, select the one you like and draw a pair.

Excess smoke can be corrected by erasing them soft Eraser (Eraser Tool). And also, you can experiment with the opacity of the “Steam” layer, in my case, I lowered the parameter Opacity (Opacity) up to 50%.

Step 7. Glass elements

For glass elements I used the tool Pen (Pen Tool). Having painted the desired shape corresponding to the part (magnifying glass, bulb, lamp), I fill it with white color (we create every detail on a new layer).
Then you need to reduce the Opacity (Opacity) of the layers with white elements to 20% – 30%.

For the luminaire, I additionally applied Layer Style (Layer Style) “Stroke“(Stroke). And also, on a new layer, painted a white highlight and applied a filter to the glare”Gaussian blur (Gaussian Blur) “.

You can also add some smoke behind the glass. To do this, create a new layer under the “Luminaire” layer. Activate the tool Brush (Brush Tool) and use the brush you like from the Smoke set loaded earlier. Correct steam behind glass using Eraser (Eraser Tool).

Using the same technique, you can easily create magnifying glass. Do not forget to add glare to glass elements.

Step 8. Shadows

That the text would not look flat it is necessary to add shadows to separate elements. I drew shadows on all the details of their transition and interface.

For this, I made active the selection of the desired fragment and using a black, soft brush of small diameter, draw shadows.

Step 9. Placing Items

In order to take advantage of the created details, decide on the type of font that will be modified. For my work, I used the font Georgia Bold.

Now the fun part. Use the previously created blanks and place them on the text, focusing on the shape of each letter.

Step 10. Textures

Grunge textures are perfect for creating the desired work mood. Transfer the desired texture to the working paper. If necessary, scale it. Using Eraser (Eraser Tool) erase all unnecessary, leaving elements of the texture only in some parts of the letters. Change the blending mode of the texture layer to Overlap (Overlay).

Stylizing the background is also very simple using texture.
For my collage I will add an interesting grunge texture with fine scratches.

Translator’s Note: Place the texture layer above the “Background” layer.

Activating tool Brush (Brush Tool, I drew soft shadows under each letter.

Step 11. Add Mood and Accents

As a final touch, I used an adjustment layer. Gradient map (Gradient Map), which is added on top of all layers. This technique allows you to “mix” all the elements and add a general mood to the whole work.

To enhance the contrast, I used another adjustment layer (adjustment layer) – Levels (Levels). You can choose the settings in the dialog box to your liking by changing the position of the sliders. Experiment!
Below you see the result of my work.

I hope my lesson will inspire you to create your own unique images!

Like this post? Please share to your friends: