Text Effects

How to Create a Wallpaper with Technology Text Effect in Photoshop

Create a beautiful text effect and trendy wallpaper on your desktop in cyberpunk style. In this tutorial, we will mainly apply a lot visual effects, adjustment layers and will work with the text. I’ll tell you how to create hi-tech shapes, texture of pixellated camouflage, sound wave and much more. And all of effects you can create your own in Photoshop and Illustrator. Tools, blending modes, a little routine, creativity, adventures and an excellent result at the end waiting for you on the pages of of this tutorial. Read this tutorial and see how easy it is!

What you’ll be creating

In this tutorial, we will create different effects and working with text. First we create a background, abstract shapes in Adobe Illustrator, create texture of pixellated camouflage and a few more interesting effects. Then we write the text and work with layer masks to transform it. Next we add effects to text. In the final part I will show you how to create a sound wave, and we add a little detail and a little correction. This tutorial focuses more on work with effects and creative approach to ordinary things. And I hope it will be of interesting as for beginners and advanced users. You need to download my cherished created and collected a set of textures and all sorts of useful things, a little logic, good mood and be sure to have Photoshop beginning with CS version.

final-results

Tutorial Resources

Step 1

Create a new document via Cmd/Ctrl + N or File > New at 1920 pixels wide and 1200 pixels height, resolution 200 Pixels/Inch. You can change the size of the document specifically for your monitor.

step-001

Step 2

Create gradient fill layer (Layer > New Fill Layer > Gradient… or use “Create new fill or adjustment layer” icon at the bottom of Layer panel). Set default Black & White gradient and change color of left slider to #182b46 and for right set color #000000, Style: Radial, Scale: 120%. It will be the main light spot and focus point.

step-002

Step 3

Place cardboard texture into working document via File > Place…/Place Embedded. In Free Transform mode (Cmd/Ctrl +T or Edit > Free Transform) increase the size quite a bit. Hit Enter/Return to apply changes. Change layer Blending Mode to “Multiply” and reduce Opacity to 70%, Fill to 75%.

step-003

Step 4

To vary the texture and create volume I use cloud layer. Set Foreground/Background colors to default (D), create a new layer (Cmd/Ctrl + Shift + N or use ‘Create a new layer” icon at the bottom of layer panel). Go to Filter > Render > Clouds… Change layer Blending Mode to “Color Dodge” and reduce Opacity to 25%.

step-004

Step 5

Now add some text to the background. We are creating a hacker wallpaper. So take a Vertical Type Tool (T) set font to “Arial Regular” with Font size: 9pt and color #00ffd8 and use “Center text” alignment. Create a text field for a little less than the size of the working field and then the fun starts to enter any text. Suffice it to type letters, symbols and capital letter. Just type something strange with a bunch of different characters, as shown in the image below.

step-005

Step 6

Make a two copies of this layer (Cmd/Ctrl + J or Layer > Duplicate layer…). Change some of the text in the copies of the text to be varied. Try to have each letter has been under letter from the previous layers. Change layer Blending Mode of this layers to “Overlay” and group them (Cmd/Ctrl + G). Set for group Opacity: 40%, Fill: 50%.

Related posts
Photoshop TutorialsText EffectsUpdated

How to Create Shiny Retro Text with Photoshop

Photoshop TutorialsText EffectsUpdated

Create an Epic Metal Text Effect From Scratch

Photoshop TutorialsText EffectsUpdated

Create an Ice Cream Text Effect in Photoshop

Photoshop TutorialsText EffectsUpdated

Create a Nature Text Effect Poster in Photoshop

5 Comments

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Join Our V.I.P. Mailing List!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions ($7 retail value).