Free online photoshop training

Photoshop tutorials for webdesigners

Nokia Cell phone interface.

September 13th, 2007 · No Comments

How about a photoshop tutorial lesson for a nokia cell phone. It is not any model but it is just a generic phone design which has button, a display screen and few more things. This is basically to demonstrate you that photoshop can be used to design such interfaces.

[1]-First of all open new document of Custom Size, Height & Width 500×500 pixels with Resolution 72 and Mode RGB Color

pun145-create-cellphone1.gif

[2]-Now create the following selection with the help of Rectangular Marquee Tool

pun145-create-cellphone2.gif

[3]-Now fill the selection with any color

pun145-create-cellphone3.gif

[4]-Now go to Select> Modify>Smooth and apply the following settings

pun145-create-cellphone4.gif

[5]-Now press Ctrl+Shift+I and then press ‘Delete’& your image will be look as shown below

pun145-create-cellphone5.gif

[6]-Now Click on ‘f’ which is indicating by Hand sign as shown below

pun145-create-cellphone6.gif

[7]-Now select Bevel& Emboss and use the following settings

pun145-create-cellphone7.gif

[8]-Now your image will be look as shown below

pun145-create-cellphone8.gif

[9]-Now create the following selection with the help of Rectangular Marquee Tool

pun145-create-cellphone9.gif

[10]-Now fill the selection with any color & click on sign ‘f’ which is indicating by hand sign as shown below

pun145-create-cellphone10.gif

[11]-Now select Outer Glow and use the following settings

pun145-create-cellphone11.gif

[12]-Now select Inner Glow and use the following settings

pun145-create-cellphone12.gif

[13]-Now select Gradient Overlay and apply the following settings

pun145-create-cellphone13.gif

pun145-create-cellphone14.gif

[14]-Now select Stroke and use the following settings

pun145-create-cellphone15.gif

[15]-Now your image will be look as shown

pun145-create-cellphone16.gif

[16]-Now create the following selection with the help of Rectangular Marquee Tool

pun145-create-cellphone17.gif

[17]-Now fill the selection with any color and create the following selection with the help of Rectangular Marquee Tool

pun145-create-cellphone18.gif

[18]-Now press ‘Delete’ and create the following selection with the help of Elliptical Marquee Tool

pun145-create-cellphone19.gif

[19]-Now press ‘Delete’ and your image will be look as shown below

pun145-create-cellphone20.gif

[20]-Now create the following selection with the help of Elliptical Marquee Tool

pun145-create-cellphone21.gif

[21]-Now fill the selection with any color & Click on ‘f’ which is indicating by handsign as shown below

pun145-create-cellphone22.gif

[22]-Now select Bevel & Emboss and use the following settings

pun145-create-cellphone23.gif

[23]-Now your image will be look as shown below

pun145-create-cellphone24.gif

[24]-NOw create the following selection with the help of Rectangular Marquee Tool

pun145-create-cellphone25.gif

[25]-Now fill the selection with any color and create the following selection

pun145-create-cellphone26.gif

[26]-Now press ‘Delete’ and create the another selection & ‘Delete’ then creat the following selection with the help of Rectangular Marquee Tool

pun145-create-cellphone27.gif

[27]-Now yourimage will be look as shown below

pun145-create-cellphone28.gif

[28]-Now create the another selection with the help of Rectangular Marquee Tool & then ‘Delete’& your image will be look as shown below

pun145-create-cellphone29.gif

[29]-Now click on ‘f’ which is indicating by hand sign a shown below

pun145-create-cellphone30.gif

[30]-Now select Bevel & Emboss and apply the following settings

pun145-create-cellphone31.gif

[31]-Now your image will be look as shown below

pun145-create-cellphone32.gif

[32]-Now create the following selection with the help of Rectangular Marquee Tool

pun145-create-cellphone33.gif

[33]-Now fill the selection with #F3FAF1 color and apply the following opacity of its layer

pun145-create-cellphone34.gif

[34]-Now your image will be look as shown below

pun145-create-cellphone35.gif

[35]-Now select Custom Shape Tool pun145-create-cellphone36.gif and use the following settings

pun145-create-cellphone37.gif

[36]-Now select the following shapes

pun145-create-cellphone38.gif

[37]-Now right click on the following shape and select make selection as shown below

pun145-create-cellphone39.gif

[38]-Now apply the following settings in Make selection

pun145-create-cellphone40.gif

[39]-Now your image will be look as shown below

pun145-create-cellphone41.gif

[40]-Now fill the selection with any color

pun145-create-cellphone42.gif

[41]-Now select Text Tool and write Text.Finally all settings have been completed and your final image will be look as shown below

pun145-create-cellphone43.gif

Organiser badge for your community services

Pink web button image tutorial using photoshop

Tags: Web graphics

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment