website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Drawing Techniques Nokia 5300 Cell Phone Interface
rss

Nokia 5300 Cell Phone Interface

Author: Adobetutorialz.com More by this author
Browse Pages: << <  1  2  3


Take again the Rectangle Tool (U) to represent the line limiting the horizontal buttons' row. Apply again the Add Anchior Point Tool for introducing two couples of the tops and then select the Convert Point Tool to correct the line's shape.

image 1

The layer's parameters: Fill 0%

Blending Options>Stroke

image 2

image 3

Make two copies of the layer containing the line and choose again the Free Transform option to place the copies as it is pictured below:

image 4

Applying the Rectangle Tool (U), try to draw two vertical lines, reserving the zone for each button. The lines' color is #8B8D90

image 5

Let's represent the button itself, choosing for this operation the Rounded Rectangle Tool (U) (radius of 15 px).

image 6

The layer's parameters: Blending Options>Inner Shadow

image 7

Blending Options>Gradient Overlay

image 8

Gradient's parameters:

image 9

Blending Options>Stroke

image 10

image 11

Make ten copies of the button's layer and select then the Free Transform option to incline a little the buttons from the left side and the right one, placing the copies the same way represented next picture:

image 12

Make one more copy of the button's layer. Select the Alt button and the Rounded Rectangle Tool (U) (radius of 5 px) to cut out the bottom part of the button the same way demonstrated below:

image 13

Insert the buttons' numeration, keeping the demands from the table below:

image 14

image 15

On the next stage we have to introduce the alphabet on the buttons:

image 16

image 17

Insert the symbol from here - #

image 18

image 19

Applying the Line Tool (U) (width 1 px), it's possible to represent the symbol *, which color is #414142.

image 20

Next we'll insert the symbol + close to the previously drawn one - *

image 21

image 22

Using the Rectangle Tool (U), try to make the symbol representing the gap, colored with #5B5C5D. Press SHIFT button while using the same tool to add the protuberances on the left and right sides.

image 23

Let's represent two more symbols applying the Custom Shape Tool (U) and the Line Tool (U) (width of 1 px), for representing the sound symbol and the Pen Tool (P) to indicate the pointer. The color is #414142 for both symbols.

image 24

The Free Transform option should change the shape of the sound symbol.

image 25

Now we shall draw the symbol indicating the voice mail. In this case we'll use the Line Tool (U) (width of 1 px) to represent the horizontal lines and the Ellipse Tool (U) to introduce by one ring on the left and right sides. Press Alt button while applying the Rectangle Tool (U) to cut out the rings on the line's level. The line's color is #414142

image 26

image 27

The layer's parameters: Fill 0%

Blending Options>Stroke

image 28

image 29

image 30

Next we shouldcombine in a group all the layers belonging to the cell phone (press Ctrl button to mark out the necessary layers and then hold on the left mouse's button to take the accentuated layers on Create a new group solution). Make a copy of the newly made group. Press Ctrl button to mark out the group's copy and pres Ctrl+E. Using the Free Transform option, turn over the last processed layer and place it lower than the cell phone.

image 31

Make a mouse click on the same layer on the bottom part of the layers' panel on Add a Mask solution. Using the Gradient Tool (G), try to dark out the reflection.

Nokia 5300 Cell Phone Interface Tutorial: Final Result (Click to enlarge)
Click to enlarge

Finished!




print this page tell a friend subscribe to newsletter subscribe to rss
Rate this Material: Bad 1 2 3 4 5 Excellent
Browse Pages: << <  1  2  3

Add comments to "Nokia 5300 Cell Phone Interface"