How to Create a Sony Xperia Ad in Photoshop

How to Create a Sony Xperia Ad in Photoshop

How to Create a Sony Xperia Ad in Photoshop

Create a professional Sony Xperia Ad using the tools in Photoshop. This tutorial will show you how to create a Sony Xperia phone from scratch then use it to create an advertisement.


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%

Pages: 1 2 3 4 5

90% Off Cyberpunk Preset Bundle
Sponsored

Make your artwork look like they're from an alternate universe. These Cyberpunk presets work with Photoshop (via the Camera Raw filter) and Lightroom. Download all 788 presets for 90% off.

One comment on “How to Create a Sony Xperia Ad in Photoshop”

Leave a Reply

Your email address will not be published. Required fields are marked *

cross