Monthly Archives: November 2011

How to Create Phone Icon in Photoshop in 10 minutes

Leave a reply

Tutorial on how to create a phone icon in Photoshop….

 

1.open Photoshop
2.go to file,now select the new tab(or press cntrl+n).
3.now select the size of canvas press enter.


4.now go to file and select save(or press cntrl+s),select the path you want to save the file and save it


5.now select the Rectangle tool(or press U)


6.now draw a box like this and name the layer “screen”


7.Now take the Round Rectangle tool and creat a another box under the “”screen” layer and name it as “body”


8.Now select the “body” layer and right click and select blending option(or double click on it to open the blending option)


9.now select the Bevel and Emboss option and set the value to

::stracture::
Style: inner Bevel
Technique: smooth
depth: 42%
Direction: up
size:29px
soften:1px

::Shading::
Angle : 120
altitude:30
Highlight Mode: Screen
Opacity :75%
Shadow Mode: Multiply (set the color to black)
Opacity: 75%

10. Now select the Gradient Overlay and set the value to
Blend Mode: Normal
Opacity:12%
Gradient: one side as black and one side as white
style:Linear
angel: 90
scale:100%

11.Now we need a rusty background for the phone body for this again open the blending option
12.Now select the pattern overlay and select the option color paper from option


13.Now set the value to
Blend Mode:Normal
Opacity:80%
Pattern:color paper
Scale:93%
check the “link with layer”


14.Now creat a layer named “shade” under the layer body and open blending option(like the previous way)and select “drop shadow” and set the properties to

::Drop Shadow::
:Stracture:
Blend mode :Multiply(set the color to black or #00000)
Angel:120(check :use Global Light)
Distance :5px
Spread:8%
size: 5Px

:Quality:
noise:0%

Check: layer knocks out drop shadow

Now click ok.

15.Now its time to set the screen portion and wallpaper for the phone

16.Now download any image from internet or use a good one from your stock images and go to “file” then “place” and select the images from your hard drive then click ok.

17.now transform the image to fit in your canvas and name the layer as “walp”(hold shift+alt for equal transformation)

18.now its time to make the button for your phone

19.Now select the round rectangle tool(or press u) and align it using transform tool and name the layer as “buttonbk”

20.Now open the blending option for the layer “buttonbk”(by double clicking the layer)

21.And Select inner Glow and set the properties to:
::Inner Glow::
:Stracture:
Blend Mode:Screen
Opacity:38%
Noise:0%

:Elements:
Technique:Softer
Source :edge
Choke:35%
Size:24px

:Quality:

Range:50%
Jitter:0%

22.Now we will be creating the call button for the phone icon

23.simply take the new layer up on the “buttonbk” and name it as “button”and copy and past the same layer propertes of “buttonbk” by right clicking the “buttonbk” layer.

24.now open the blending option for button and select stroke and set the properties to for a border of the button:
:Stracture:
size:1px
Position:Outside
Blend Mode:Normal
opacity:100%
Fill Type :color
color: set it to black(#000000)

25.now we will be designing the button for this simply take a new layer upon the layer button and name it to as “button_round”

26.Now select the Ellipticla Marque Tool(or simply press M)

27.now make a round shape to the center of the button upon the layer button. It should look like the exact 2nd image.Fill the round shape with the color #cccece.

28.now select the rectangle marque tool(or presss m) and take a layer after the lauer “button_land”

29. Now we are ready.

 

The exact output should look like this

 

VN:F [1.9.12_1141]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.12_1141]
Rating: 0 (from 0 votes)