Resources

Tutorial Tuesday – You The Designer Pattern Wallpaper

by . March 11th, 2014

8-870x467

For this week’s Tutorial Tuesday, we’ll teach you how to make a simple YouTheDesigner Pattern Wallpaper using Photoshop.

STEP #1: Create a new 1600×1200 px, 72dpi document in Photoshop.

STEP #2: Using the paint bucket tool (G), color the background layer with #452c57.

1

STEP #3: Download the preset pattern (here),  then open the file in Photoshop.

2

STEP #4: Define the pattern by going to Edit>Define Pattern. Click OK then close the file.

3

STEP #5: Back to the new document, select the background layer then duplicate (Ctrl+J) it.

Select the new layer then go to Layer>Layer Style> Blending Options. Click Gradient Overlay then match the settings as seen in the image below.

4
Click to enlarge the image.

Click Pattern Overlay, use the preset pattern defined earlier then match the settings as seen in the image below.

5

STEP #6: Using the type tool (T), create a horizontal text without spaces: YOUTHEDESIGNER. Download the H19A-Luna font (here).

Use these colors:

YOU = #e8e8e8 THE = #ff6136 DESIGNER = #e8e8e8

6

STEP #7: Select the text layer, go to Layer>Layer Style>Blending Options, click Drop Shadow then match the settings as seen in the image below.

7

STEP #8: Place the YouTheDesigner logo. Download the logo (here).

8

STEP #8: Select the logo layer, go to Layer>Layer Style>Blending Options, click Drop Shadow then match the settings as seen in the image below.

9

The wallpaper should look like this.

10

Here’s the final output and how it should look like in your computer screens.

tyd_wallpaper_forweb

tyd_wallpaper_mockupforweb

You can check out more awesome tutorials here.

 

ABOUT THE AUTHOR:

Gian (@gpbbautista) is a 20 year-old multimedia designer from Manila, Philippines. He specializes in graphic design, illustration, photography and interactive authoring. See his works on Behance or Tumblr.