Learn how to create this wallpaper in Photoshop using 3D text from Illustrator and custom shapes and Photoshop brushes. You’ll learn how to place shadows under objects, create a focus point using repetition, and more.
Preview of Final Result
Rainbow Text Wallpaper Photoshop Tutorial
Step 1 - Create A New Document
Choose File > New or press Ctrl/Command + N. The size of my wallpaper is 1440px (width) X 900px (height) but you can use any size you wish.
Step 2 - Filling the Background
Grab the Gradient Tool, pick #084159 blue color and fill the background.
Step 3 - Placing Spot Light
Now you're going to add a spot light to the background. This effect creates focus on the main object. Select the Brush Tool (B) and choose the soft round brush. Set the Diameter on 300px. Pick some lighter blue color and paint a dot in the middle of the background. Result of this step can be seen bellow.
Step 4 - Creating 3D Text
In this step you´ll create 3D text. To do that open Illustrator and follow the instructions bellow. Grab the Type Tool, select font Curlz MT (you can download it here) and type the letter "i". Change color of the letter on orange (#F57F20). Go to Menu > Effect > 3D > Extrude & Bevel. Follow the setting below.
Step 5 - Placing 3D Text in Photoshop
Copy the text from Illustrator and paste it to Photoshop. Select this new layer, right click on it and choose Rasterize Layer.
Step 6 - Changing Colors
In this step you're going to change the text color to match with the background. You could change the color directly in Illustrator but you need to match the background color and the color of the letter. That is the reason to change it in Photoshop.
Step 7 - Creating Splash Effect
To add splash effect select the Pen Tool (P) and create a path similar to the one bellow.
Step 8 - Adding Color Fill To The Path
Once you´ve created the path, press Ctrl + Enter to make selection of it. Grab the Gradient Tool (G) and fill it with solid #005A75 light blue color.
Step 9 - Adding Highlights
In this step you´ll add highlights to the shape. This effect creates glossy feel. Select the Dodge Tool (O) and highlight some areas similar as shown in the image bellow.
Step 10 -Adding Shadows
Once you´re done with the highlights you need to create shadows on the opposite side of the shape. Select the Burn Tool (O) and paint over the areas which should be darker.
Step 11 - Adding More Highlights
In this step you´ll add highlights to the upper part of the splash. Select the Pen Tool (P) and create a path as you can see on the image bellow.
Step 12 - Filling The Path With Color
Fill the path with white color. To do that press Ctrl + Enter to make selection of the path, grab the Gradient Tool (G) and fill the shape with solid white color.
Step 13 - Lower The Opacity
It´s necessary to reduce the brightness of the fill. To do that reduce the opacity to 20%. To make the gloss more realistic add some blur. Go to Menu > Filter > Blur > Gaussian Blur and set the value Radius on 0.8px.
Step 14 - Adding More Highlights
In this step you're going to add even more highlights to the shape to get a liquid feel. Select the Dodge Tool (O) and dodge the areas similarly as it´s shown in the image below.