Preview of Final Results

final


Download the PSD

Xperia Ad.zip | 1.09 MB

Download from FileSonic Download from Website

Xperia Icons.zip | 0.15 MB

Download from FileSonic Download from Website

Sony Xperia Ad Photoshop Tutorial


Resources


Step 1 – Create a new document.

Start by making a new image(File->New) with these settings :
  • Width : 400 pixels
  • Height : 500 pixels
  • Resolution : 72 pixels/inch
  • Background Contents : White

1


Step 2 – Shape of the phone

Make a new layer(Ctrl+Shift+N or you can go to Layer->New->Layer). Rename the layer to “Base”. You can rename a layer by pressing right click on it , then selecting “Layer properties” option and in the “Name” box you can enter what name you prefer. From the Tools menu select Pen Tool (P key) and make a path like in the picture below

2a

Fill the path created at the step 2A with a dark gray color , I used #050505

2b


Step 3

Use a selection tool ( Lasso Tool , Polygonal Lasso Tool , Pen Tool ) to make a selection like in the next picture

3a

Fill the selection created above with next color: #52c1d0

3b


Step 4 – Highlights

Make next selection using a selection tool

4a

Add from left to right some highlights using Dodge TOol (O)

4b


Step 5

Make a new layer(Ctrl+Shift+N or you can go to Layer->New->Layer) or you can press the indicated button in the picture below ). Rename the layer to “Stroke1″. You can rename a layer by pressing right click on it , then selecting “Layer properties” option and in the “Name” box you can enter what name you prefer. From the Tools menu select Pen Tool (P key) and make a path like in the picture below

5a

Add a 1 pixels white stroke(right click on the path -> stroke path)

5b

Then using Eraser Tool (E key) erase over the stroke to give a plus of realism

5c


Step 6

Make another new layer (Ctrl+Shift+N) , rename it “Glossy part” then using Pen Tool (P) make a path like in the picture below

6a

Fill the path created abobe with #030305

6b


Step 7

Into a new layer called “screen” make a square using #080808

7a

Now make another path using Pen Tool (P)

7b

Add a 1 px white stroke(right click on the path -> stroke path) like in the picture below

7c

Decrease the opacity of the strokes created at the step 7C to about 20%

7d