Free Photoshop cs3 suite tutorials

Beginners Photoshop cs3 tutorials

Make a Speaker icon for Audio related website

October 29th, 2007 · No Comments

This photoshop tutorials has effects which you can use to create an image or a icon for a audio related website. Or you create image for speaker if your website design requires that.

Open a new file and choose a suitable size in your adobe photoshop suite software. or cs3 whatever you have.[2]-Now fill the Background with any color by the Alt+Backspace after that create the following selection with the help of Elliptical Marquee Tool
pun165-speaker-sound-audio-icon2.gif

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

pun165-speaker-sound-audio-icon3.gif

[4]-Now select Inner Shadow and use the following settings

pun165-speaker-sound-audio-icon4.gif

[5]-Now select Stroke and apply the following settings

pun165-speaker-sound-audio-icon5.gif

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

pun165-speaker-sound-audio-icon6.gif

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

pun165-speaker-sound-audio-icon7.gif

[8]-Now fill the selection with any color and click on ‘f’ for Open Blending Options after that select Inner Shadow and use the following settings

pun165-speaker-sound-audio-icon8.gif

[9]-Now select Gradient Overlay and use the following setting

pun165-speaker-sound-audio-icon9.gif
pun165-speaker-sound-audio-icon10.gif

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

pun165-speaker-sound-audio-icon11.gif

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

pun165-speaker-sound-audio-icon12.gif

[12]-Now fill the selection with any Color & after that click on ‘f’ which is indicating by Hand sign as shown below

pun165-speaker-sound-audio-icon13.gif

[13]-Now select Drop Shadow and use the following settings

pun165-speaker-sound-audio-icon14.gif

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

pun165-speaker-sound-audio-icon15.gif
pun165-speaker-sound-audio-icon16.gif

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

pun165-speaker-sound-audio-icon17.gif

[16]-Now create the following selection with the help of Polygonal Lasso Tool

pun165-speaker-sound-audio-icon18.gif[17]-Now fill the selection with any color and go to Blending Option with the help of CLick on ‘f’ after that select Inner shadow & apply the following settings

pun165-speaker-sound-audio-icon19.gif

[18]-Now select Satin Structure and apply the following settings

pun165-speaker-sound-audio-icon20.gif

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

pun165-speaker-sound-audio-icon21.gif
pun165-speaker-sound-audio-icon22.gif

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

pun165-speaker-sound-audio-icon23.gif

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

pun165-speaker-sound-audio-icon24.gif

[22]-Now fill the selection with any color and go to Blending Options and select Inner Shadow after that apply the following settings

pun165-speaker-sound-audio-icon25.gif[23]-Now yourimage will be look as shown below

pun165-speaker-sound-audio-icon26.gif

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

pun165-speaker-sound-audio-icon27.gif

[25]-Now fill the selection with # FFFFFA color and reduce the opacity as shown below

pun165-speaker-sound-audio-icon28.gif

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

pun165-speaker-sound-audio-icon29.gif

[27]-Now create the following selection with the help of Polygonal Lasso Tool

pun165-speaker-sound-audio-icon30.gif

[28]-Now fill the selection with any color & press Ctrl+J for Copy of the layer after that press Ctrl+T and reduced the the shape as shown below

pun165-speaker-sound-audio-icon31.gif

[29]-Now select custom shape Tool and use the following shape & settings

pun165-speaker-sound-audio-icon32.gif

[30]-Now create the following shape with the help of Custom Shape Tool

pun165-speaker-sound-audio-icon33.gif

[31]-Now select Pen Tool & after that click on the shape & then select Make selection

pun165-speaker-sound-audio-icon34.gif

[32]-Now apply the following settings in Make Selection

pun165-speaker-sound-audio-icon35.gif

[33]-Now fill the selection with any color & after that create another shape & fill with other color

pun165-speaker-sound-audio-icon36.gif

[34]-Finally, all settings have been completed & your final image will be look as shown below

pun165-speaker-sound-audio-icon37.gif

Design a free website layout using simple photoshop techniques

Adobe photohop suite tutorials - Design a simple website banner for header or sidebar

Adobe hands on training online website for free - Design a simple website banner for header or sidebar

Tags: website graphics photoshop tutorial

0 responses so far ↓

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

You must log in to post a comment.