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

Luminar: AI Photo Editing
Sponsored

Luminar AI lets you turn your ideas into reality with powerful, intelligent AI. Download the photo editor and see how you can completely transform your photos in a few clicks.

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