Free online photoshop training

Photoshop tutorials for webdesigners

Master Lock or Security Logo image for website

September 18th, 2007 · No Comments

Hello All, Today I am going to display few steps which you can follow and learn how to design a master round lock. It could be a cool project if you like make a free web banner or logo for a security website.

[1]-First of all as usual open new document of custom size and Height & Width 500 x 500 pixels and Resolution 72 and Mode RGB Color.

pun146-master-round-lock1.gif

[2]-Now fill the background with any color and create the following selection with the help of Elliptical Marquee Tool

pun146-master-round-lock2.gif

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

pun146-master-round-lock3.gif

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

pun146-master-round-lock4.gif

[5]-Now CLick on sign ‘f’ which is indicating by hand sign as shown below

pun146-master-round-lock5.gif

[6]-Now select Bevel & Emboss and use the followin settings

pun146-master-round-lock6.gif

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

pun146-master-round-lock7.gif

[8]-Now creat the following selection with the help of Pen Tool

pun146-master-round-lock8.gif

[9]-Now fill the selection with any color & Click on ‘f’ which is indicating by Hand sign a shown below

pun146-master-round-lock9.gif

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

pun146-master-round-lock10.gif

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

pun146-master-round-lock11.gif
pun146-master-round-lock12.gif

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

pun146-master-round-lock13.gif

[13]-Now create the following selection with the help of Elliptical Marquee TOol

pun146-master-round-lock14.gif

[14]-Now Hold Shift and Create the following selection with the help of Rectangular Marquee Tool

pun146-master-round-lock15.gif

[15]-Now fill the selection with #4A4C57 color and click on ‘f’ which is indicating by Hand sign as shown below

pun146-master-round-lock16.gif

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

pun146-master-round-lock17.gif

[17]-Now your image will look as shown below

pun146-master-round-lock18.gif

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

pun146-master-round-lock19.gif

[19]-Now fill the selection with #F3F4FB color

pun146-master-round-lock20.gif

[20]-Now go to Select>MOdift>Contract & apply the following settings

pun146-master-round-lock21.gif

[21]-Now press ‘Delete’ and create the following selection with the help of Rectangular Marquee Tool on New Layerpun146-master-round-lock22.gif

[22]-Now fill the selection with #F3F4FB color

pun146-master-round-lock23.gif

[23]-Now go to Select>MOdify>Smooth and use the following settings

pun146-master-round-lock24.gif[24]-Now Press Ctrl+Shift+I and then ‘Delete’ and create the following selection with the help of POlygonal Lasso Tool

pun146-master-round-lock25.gif

[25]-Now fill the selection with #F3F4FB color and your image will be look as shown below

pun146-master-round-lock26.gif

[27]-Now press Ctrl+E for merging of the layer and Click on ‘f’ which is indicating by Hand sign

pun146-master-round-lock27.gif

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

pun146-master-round-lock28.gif

[29]-Now select Gradient Overlay and use the following settings

pun146-master-round-lock29.gif
pun146-master-round-lock30.gif

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

pun146-master-round-lock31.gif

[31]-Now press Ctrl+J for making duplicate layer and after that press Ctrl+T for transform the following shape as shown below

pun146-master-round-lock32.gif

[32]-Now select Custom shape Tool pun146-master-round-lock33.gifand select the following Ellipse Tool

pun146-master-round-lock34.gif

[33]-Now create the following shape with the help of Ellipse Tool & right click on the shape and select Stroke Path

pun146-master-round-lock35.gif

[34]-Now use the following settings in Stroke Path

pun146-master-round-lock36.gif

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

pun146-master-round-lock37.gif[36]-Now click on sign ‘f’ which is indicating by Hand sign as shown below

pun146-master-round-lock38.gif

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

pun146-master-round-lock39.gif[38]-Now select Gradient Overlay and use the following settings

pun146-master-round-lock40.gif

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

pun146-master-round-lock41.gif

[40-Now press Ctr+J for making dupliate layer and after that increase the shape with the help of Ctrl+T as shown below

pun146-master-round-lock42.gif

[41]-Now select Erase Tool pun146-master-round-lock43.gif & remove the some parts as shown below

pun146-master-round-lock44.gif

[41]-Now create the Text with the Help of Text Tool. Finally all settings have been completed and your final image will be look as shown below

pun146-master-round-lock45.gif

Simple website floral layout

Photoshop tutorial Free Drawing Techniques - Nokia Cell phone interface.

Tags: Web graphics

0 responses so far ↓

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

Leave a Comment