Free online photoshop training

Photoshop tutorials for webdesigners

Website Photoshop Background Embossed

January 9th, 2008 · No Comments

Here I will teach you about Website-Photoshop-Background-Embossed

[1]-First of all Open New Document of Custom size, Height & Width 500×500 pixels, Resolution 72 & Mode RGB Colorpun245-website-photoshop-background-embossed1.gif

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

pun245-website-photoshop-background-embossed2.gif

[3]-Now fill the selection with any color & then go to Blending Options with click on ‘f’ which is indicating by Hand sign

pun245-website-photoshop-background-embossed3.gif

[4]-Now select Drop Shadow & apply the following settings

pun245-website-photoshop-background-embossed4.gif

[5]-Now select Inner Shadow & use the following settings

pun245-website-photoshop-background-embossed5.gif

[6]-Now select Gradient Overlay & use the following [Noise gradient] settings

pun245-website-photoshop-background-embossed6.gif
pun245-website-photoshop-background-embossed7.gif

[7]-Now select Pattern Overlay & apply the following settings

pun245-website-photoshop-background-embossed8.gif

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

pun245-website-photoshop-background-embossed9.gif

[9]-Now select Custom shape Tool & use the following Shape & settings

pun245-website-photoshop-background-embossed10.gif

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

pun245-website-photoshop-background-embossed11.gif

[11]-Now select Pen Tool & then click and select Make Selection

pun245-website-photoshop-background-embossed12.gif

[12]-In Make Selection add New Selection & feather radius should 0% pixels, then Ok
& your image will be look as shown below

pun245-website-photoshop-background-embossed13.gif

[13]-Now fill the selection with any color & then go to Blending Options,select Bevel & Emboss & use the following settings
pun245-website-photoshop-background-embossed14.gif

[14]-Now select Gradient Overlay and apply the following settings
pun245-website-photoshop-background-embossed15.gif

pun245-website-photoshop-background-embossed16.gif

[15]-Now select Stroke Structure & use the following settings
pun245-website-photoshop-background-embossed17.gif

[16]-Now reduce the Opacity of this layer as shown below

pun245-website-photoshop-background-embossed18.gif

[17]-Now your Image will be look as shown below
pun245-website-photoshop-background-embossed19.gif

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

pun245-website-photoshop-background-embossed20.gif

[19]-Now create the following shape & then select Pen Tool & click and select Make Selection

pun245-website-photoshop-background-embossed21.gif

[20]-Now apply the following settings in Make Selection
pun245-website-photoshop-background-embossed22.gif

[21]-Now your image will be look as shown below
pun245-website-photoshop-background-embossed23.gif

[22]-Now fill the selection with any color & then go to Blending Options & select Bevel & Emboss & use the following settings

pun245-website-photoshop-background-embossed24.gif

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

pun245-website-photoshop-background-embossed25.gif

[24]-Now reduce the Opacity of this Layer
pun245-website-photoshop-background-embossed26.gif

[25]-Finally, all settings have been completed & your final image will be look as shown below
pun245-website-photoshop-background-embossed27.gif

Website Photoshop Background Embossed|Adobe photoshop cs2 techniques|Photoshop Elements Online Training

Tags: Web graphics

0 responses so far ↓

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

Leave a Comment