Create futuristic wallpaper in photoshop

In this tutorial, we will create a stylish futuristic wallpaper on the new 2011. We will work with text, use layer masks and add light effects. I will also show you what a powerful tool are layer styles, with their help we will create amazing effects for text.

Final result

Materials for the lesson:

Step 1. Let’s start by creating a new document in Photoshop with a size of 1920 × 1200 pixels (this is the size of my desktop – you install the one you have). Resolution 72 ppi.
Unlock the background layer (double-click on it in the layers palette), open the layer style window (right-click on the layer name in the layers palette and select Blending options).

Translator’s Note. Or click the Add Layer Style icon (Addlayerstyle) at the bottom of the layers palette.

Choose style Gradientoverlay (Gradient overlay), set the colors from gray # 565656 to black # 000000.

Step 2. To create a grunge background we will need a texture. You can find the right one or use the texture of the scratched metal from the archive.
Put the texture in your work (File > Open (File – Open) and specify the texture). Then press Ctrl + T to bring up the transformation, rotate and resize the texture to match the size of your workspace.

Discolor texture (Image > Adjustments > Desaturate – Image – Correction – Discolor) and set the layer blending mode Overlay (Overlap) and Opacity about 25%. Apply the filter twice to sharpen Filter > Sharpen > Sharpen (Filter – Sharpening – Sharpening).

Step 3. A very important task is to choose the appropriate font to get the desired result. I used a free font with wide letters Null.
The text color is not important to us, we will change it later using layer styles. Font size 335pt.

Step 4. Open the layer style window and add a style. Stroke (Stroke), 16px size, Inside position.

Step 5. Now the tricky step is to make a separate stroke, a separate text without a stroke. This is necessary so that we can apply different layer styles to the stroke and the text inside independently of each other.

On the layers palette, right-click on the layer styles (which are displayed below the icons with the layer, that is, on the word Effects), and select Create layer. As a result, you get a text layer and a separate stroke layer, a small arrow indicates that a clipping mask has been created for the stroke layer.

Now remove the clipping mask, to do this, make Alt + click between the layers with text and stroke. The stroke layer will turn into a black rectangle. Now we can move the stroke separately from the text (but we don’t need it). Go to the layer with the stroke and, on it, make Ctrl + click on the text layer, it will load the text selection. Click the mask icon – Add layer mask at the bottom of the layers palette.

Step 6. Now we need to remove the text area that is overlapped by the stroke. To do this, go to the layer with the text, make Ctrl + click on the layer with a stroke (note that you click on the layer icon, and not on the mask to it), invert the selection (Select>Inverse – Isolation-Inversion) and add a layer mask (click on the mask icon at the bottom of the layers palette).
In the screenshot below, for example, I moved the text layer down so that you can understand what the result should be (you can also move it, then return it).

Step 7. Right-click on the mask of the layer with the stroke and select Apply layer mask. Do the same for the text layer.

Translator’s Note. To item Applylayermask (Apply layer mask) was active for the text layer, you need to first rasterize the text. To do this, right-click on the layer name (ie, on the inscription 2011) and select the item Rasterize the text (RasterizeType). After that, right-click on the mask of the text layer and select Applylayermask (Apply a layer mask).

As a result, we have two simple layers without layer masks with text and stroke.
Zoom in and correct where you want the edges of the stroke with the tool. RectangularMarqueeTool (Rectangular selection area) from coloring the desired area.

Step 8. Let’s start adding layer styles to the stroke layer. Go to this layer, open the layer style window and select a style. ColorOverlay (Overlay color). Choose dark gray # 242424.

Now add style BevelandEmboss (Embossed) for giving volume and depth with the following parameters:

Add more style DropShadow (Shadow), White colour.

Step 9. Add a layer with a grunge effect. Open the grunge texture.
Move the texture into your work, resize it if necessary and rotate (Ctrl + T) and set the blend mode for this layer Overlay (Overlap).

Lower the Opacity of the texture layer to 30%. Ctrl + click on the layer with a stroke (you are on a layer with a texture) and add a layer mask to the layer with a texture (click on the mask icon at the bottom of the layers palette). As a result, the texture will be applied only to the stroke.

Step 10. Now we will add layer styles to the text layer.
Add style first ColorOverlay (Overlay color) color is dark gray # 282828.

Add a layer style Satin (Gloss) With Color Dodge blending mode to lighten the text.

Add a style at the end InnerShadow (Inner shadow).

Step 11. Create a new group of layers between the text and stroke layers. Here we put the texture for the text. Ctrl + click on the text layer to select it, and add a layer mask to the layer group (with active selection, click on the mask icon at the bottom of the layers palette). Thus, all the layers that we put in this group will only affect the text area.
First place inside the group the texture of the stone.

Set the texture layer to blend mode. Overlay (Overlap) and Opacity is about 35%.

Then create a new layer (inside the group) and paint on the edges of the letters to darken them, use a soft black Brush (BrushTool) large diameter. Set the Opacity of the layer to 80%.

Step 12. The next effect we add to the stroke of the text is the eye-catching colored line inside. Create a new layer on top of all layers, Ctrl + click on the layer with a stroke to select it. Select from the menu Select > Modify > Contract (Allocation – Modification – Compress) and set the value to 7 pixels (or choose the value that suits you).

Press Alt + Delete to fill the selection with foreground color (the color is not important to us at this step). Then press Ctrl + D to deselect.

Step 13. Open the layer style window; we will add styles to the layer with the line inside the stroke. Let’s start with the style GradientOverlay (Gradient overlay), 90 degree angle, color yellow (#ffb90d), warm red (#cc0045), green (# 009980).

Add style BevelandEmboss (Embossed) with the following parameters:

Style OuterGlow (External glow), White colour:

Step 14. Create a new layer and fill it with black. Set the foreground and background colors to white and black. Apply filter Filter > Render > Clouds (Filter – Rendering – Clouds). Set the layer blending mode Screen (Screen / Lightening) and Opacity 15%. We created a layer with clouds, so that in the future a lighting effect would appear better on their background.

Step 15. Add colors to our wallpaper. Create a new adjustment layer. GradientMap (Gradient map). To do this, select in the menu Layer> NewAdjustmentLayer> GradientMap (Layer – New Adjustment Layer – Gradient Map) or click on the corresponding icon at the bottom of the layers palette. Choose a gradient with the following colors: purple (# 6f156c), green (# 00601b), Orange (#fd7c00). Set the blending mode for the adjustment layer. Overlay (Overlap) and Opacity 70%.

Step 16. To finish the work on our wallpaper, add light effects. Use the following method – create a new group of layers, place it under a layer with a gradient map. Set the blending mode for a group of layers. ColorDodge (Lightening the basics). Create a new layer inside the group, take a big soft Brush (BrushTool) white color. Paint with a brush over the areas you want to light. Adjust the Opacity of the layer so that the lighting effects are not too strong.

On this we finished our wallpaper! Enjoy the result!

Author: Sebastiano

Like this post? Please share to your friends: