Create a Wavy Blackberry Style Wallpaper Design

Posted by Anastasija in Photoshop Tutorials on 07 22nd, 2008 | one response

In this tutorial I will show you how to create an abstract background image using Photoshop only. The design has a cool wavy pattern with interesting lighting effects, like the Blackberry 9000 wallpaper. This is a tutorial you can sit down and complete in less than an hour. Let’s get started.

Final Image Preview

Before we get started, let’s take a look at the image we’ll be creating. Click the screenshot below to view the full-size image. As always, the full Photoshop file is available via our PSDTUTS Plus membership.

Step 1

Create a new document, using a black color for the background.

bb_s1 Create a Wavy Blackberry Style Wallpaper Design

Step 2

With the Rectangular Marquee Tool (M), create a rectangular selection. Then select the Gradient Tool (G), and use red for the color of the gradient for both the start and the end, but use 100% and 0% for the Opacity so the gradient will go from red to transparent. Then create a new layer and fill it with the gradient, as in the image below.

bb_s2 Create a Wavy Blackberry Style Wallpaper Design

Step 3

Go to Edit>Transform>Distort and distort the rectangle, as in the image below.

bb_s3 Create a Wavy Blackberry Style Wallpaper Design

Step 4

Go to Edit>Transform>Warp. Then select Flag and use 20% for the Bend.

bb_s4 Create a Wavy Blackberry Style Wallpaper Design

Step 5

Create another Rectangle and fill it with the same red to transparent gradient. Set the height smaller than the first one. Then repeat the Warp command; however, this time make it to the opposite way, as in the image below.

bb_s5 Create a Wavy Blackberry Style Wallpaper Design

Step 6

Lets add a Layer Style to the shape. Go to Layer>Layer Style>Inner Shadow, use a light pink color (#ffb3b3). Set the Angle at -90 degrees, Distance 45px, Choke 0%, and the Size 70%.

bb_s6 Create a Wavy Blackberry Style Wallpaper Design

Step 7

Now go to Filter>Blur>Gaussian Blur, use 2px for the Radius.

bb_s7 Create a Wavy Blackberry Style Wallpaper Design

Step 8

Repeat Step 6 for the other shape.

bb_s8 Create a Wavy Blackberry Style Wallpaper Design

Step 9

With the Pen Tool (P), create some paths, as in the image below. We will use them to create some light effects.

bb_s9 Create a Wavy Blackberry Style Wallpaper Design

Step 10

First create a new folder, and rename it “Lines”. Then change the Blend Mode to Screen. Thereafter select the Brush Tool. Grab a basic brush with 0% Hardness and 13px size. Then with the Direct Select Tool(A), select a path. With the right button of the mouse choose Stroke Subpath. Then the dialog box will open. Make sure that Simulate Pressure is not selected and Press OK.

bb_s10 Create a Wavy Blackberry Style Wallpaper Design

Step 11

Lets create a Layer Style for the lines. Use Inner Glow with Color Dodge for the blend mode. Set white as the color, 100% Opacity, Choke 0%, and size 8px. After that select Color Overlay and use pink for the color (#ff5c78).

bb_s11 Create a Wavy Blackberry Style Wallpaper Design

Step 12

Repeat Step 10 with the other paths. Always create a new layer for each path. You can vary the size of the brush, and you can use Simulate Pressure with some paths, as I did in the image below (1, 2, and 3).

bb_s12 Create a Wavy Blackberry Style Wallpaper Design

Step 13

Let’s Mask some paths, and create new ones duplicating existing paths. With number 1, select the layer of the path and go to Layer>Layer Mask>Reveal all. Then select a brush with 0% Hardness and a medium size, like 50px. Then select black for the color and start masking that line. Repeat this with numbers 2, 3, 4, and 5.

bb_s13 Create a Wavy Blackberry Style Wallpaper Design

Step 14

Here we’ll make some adjustments to the shapes. Yet again, select the Shape Layer. Then go to Layer>Layer Mask>Reveal All. Then with a black brush, start masking some areas of the shapes. Tip: you can simply delete the layer as well. Just use the Eraser instead of masking it.

bb_s14 Create a Wavy Blackberry Style Wallpaper Design

Step 15

Create a new layer beneath the lines but above the shapes. Then select red and select a big 100px brush. Make sure that the Hardness is 0%. Click 1–2 times, only click enough times to create an effect like the one in the image below.

bb_s15 Create a Wavy Blackberry Style Wallpaper Design

Step 16

Go to Layer>New Adjustment Layer>Hue and Saturation. Make sure you select Colorize and use Hue 11, Saturation 82, and Lightness +4. Then go to Layer>New Adjustment Layer>Levels. Follow the image below for reference. After that go to Layer>New Adjustment Layer>Photo Filter. Use yellow, and Density of 85%. Make sure that you select Preserve Luminosity.

bb_s16 Create a Wavy Blackberry Style Wallpaper Design

Conclusion

In this tutorial we created an abstract design similar to the new Blackberry’s wallpaper. It shouldn’t have taken you more than 40 minutes to finish. Even though it might look simple, this tutorial has very useful techniques. You can use them to create some nice lighting effects and wavy designs. Besides that, you will be able to create a Vista-style wallpaper using these techniques as well (as some readers requested), just change some colors and Layer Styles and you’ll have it.