TGS Forum
Hello Guest,

You are currently viewing our boards as a guest, which gives you limited access to view most discussions and access our other features.

By joining this community for FREE, you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content, & many other special features.

Registration is fast, simple & absolutely free, so please, join our community today!


 
PortalHomeFAQRegisterLog in

Share | 
 

 Create Realistic Cell Phone Using Photoshop

Go down 
AuthorMessage
Malay Akechan
Administrator
Administrator
avatar

Points : 676
Posts : 244
Join date : 2011-04-04
Location : Muzaffarpur, New Delhi
OS Used : Windows 7 & XP
Mobile : Nokia 5233, Samsung Galaxy Tab
Browser : Google Chrome Plus

PostSubject: Create Realistic Cell Phone Using Photoshop   Fri Oct 28, 2011 11:21 am

Cell phone manufacturers have highly skilled designers who create beautiful handsets which we love to buy.

But have you ever wanted to design a handset on your own? If yes, then I will show you how to do this using Photoshop.

[You must be registered and logged in to see this image.]

Before beginning let me avoid you to get distracted from this tutorial by telling what we’ll be using.

Well, we will be using only the layer blend and some shape tools that’s all.

Let’s being with the tutorial

Open Photoshop and create 4” by 6” document with resolution about 150 pixels/inch.

Create new layer (CTRL+SHIFT+N) and name it “Body” and choose a shape tool and draw a curved rectangle with following settings in the option box:

[You must be registered and logged in to see this image.]

You’ll be creating shape similar to this:

[You must be registered and logged in to see this image.]

Now highlight the layer and choose Blending Options layer style. In the Lyaer style window apply the following changes: (see the image below).

For Bevel and Emboss:

[You must be registered and logged in to see this image.]

Gradient Overlay:

In the gradient color click on the gradient (highlighted in red).

Change first colour to #0d0d0d and last color to #333333.

[You must be registered and logged in to see this image.]

Your final output will be:

[You must be registered and logged in to see this image.]

Now duplicate the layer Body and put the duplicated layer below Body layer (refer following image for effect and process).

[You must be registered and logged in to see this image.]

Now create a new layer for screen and draw a rectangle without any curves.

For the new layer apply following Layer style as we did last time for the body.

For inner shadow:

[You must be registered and logged in to see this image.]

For Gradient overlay:

Choose first color as #2a2a2a and last color as #383838 in gradient color.

[You must be registered and logged in to see this image.]

You’ll get the following result for the screen:

[You must be registered and logged in to see this image.]

Show all the layers and you’ll have the final body with screen ready.

[You must be registered and logged in to see this image.]

Now we are going to create buttons for it.

First let’s create a button base.

Choose curve rectangle tool with radius 25 px at the bottom part of the cell.

[You must be registered and logged in to see this image.]

Apply layer style to it with following settings.

For inner glow:

Change the glow color to #C7C7C7

[You must be registered and logged in to see this image.]

For Bevel and Emboss:

[You must be registered and logged in to see this image.]

For Gradient Overlay:

Set first color to #191919 and last color to #1D1D1D.

[You must be registered and logged in to see this image.]

The final image will be like below:

[You must be registered and logged in to see this image.]

Create another similar but smaller shape to fit in the button base and apply following layer style.

For Bevel and Emboss:

[You must be registered and logged in to see this image.]

For gradient overlay:

[You must be registered and logged in to see this image.]

As we have drawn a large oval button part above the button base. What we need to do now is to separate it. Using selection tool delete the middle part of it.

[You must be registered and logged in to see this image.]

And finally get the following result:

[You must be registered and logged in to see this image.]

Now the buttons are ready. We’ll now add green, white and red color glow for the buttons.

Create another rectangle in the button and add layer style with following settings.

For Gradient Overlay:

[You must be registered and logged in to see this image.]

Get the following result then:

[You must be registered and logged in to see this image.]

Do same with rest of buttons with color variations and delete the slight middle right part of the red button since it is a call reject button.

Now we have the button setup ready:

[You must be registered and logged in to see this image.]

Now lets head towards the header region of the cell phone.

First create a speaker hole.

Draw curved rectangle with following layer style.

For Bevel and Emboss:

[You must be registered and logged in to see this image.]

You’ll see the following result then:

[You must be registered and logged in to see this image.]

Create another curved rectangle over the previous one and change the Bevel and Emboss to following:

[You must be registered and logged in to see this image.]

Now let’s add brand name to it.

Use type tool (T) to type the text.

For NOKIA logo, I used Arial Black and slightly modified “O” to make it looks like Nokia’s. and for XpressMusic I used Myriad font.

[You must be registered and logged in to see this image.]

Now create a XpressMusic logo. I used custom shape tool (Right arrow) and a variously sized round button to create it.

[You must be registered and logged in to see this image.]

Now let’s create a front camera.

Use circular marquee selection tool and subtract the circle with another circle over it as shown in figure:

[You must be registered and logged in to see this image.]

[You must be registered and logged in to see this image.]

Apply some bevel and emboss layer style and gradient layer style to it. Also repeat the above process for the inner circle but with different color settings to get final result somewhat similar to this:

[You must be registered and logged in to see this image.]

Now your cell phone is almost ready. Only thing left to do is to add reflection to it.

To do so, select the region for the plastic reflection.

[You must be registered and logged in to see this image.]

Fill it with linear gradient color with white and black composition. Level the opacity in the layer tool box.

And finally you have your Nokia 5800 XpressMusic ready.

[You must be registered and logged in to see this image.]

Thus you got an idea about it. Now just use your imagination for designing other handsets too.

I hope you will enjoy designing more handsets using samilar methods. :)
Back to top Go down
http://www.tgsforum.in
 
Create Realistic Cell Phone Using Photoshop
Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
TGS Forum :: Multimedia :: Graphics Tutorials-
Jump to:  
Free forum | © phpBB | Free forum support | Contact | Report an abuse | Forumotion.com