Adobe Website Webgraphics Tutorial

Today I am telling you about Adobe Website Webgraphics Tutorial

[1]-First of all Open New Document of Custom Preset,Height & Width 300×300 pixels,Resolution 72 & Mode RGB Color

Pun496-adobe-tutorial-website-webgraphics-tutorial1

[2]-Now select Rounded Rectangle Tool

Pun496-adobe-tutorial-website-webgraphics-tutorial2

[3]-Now Open New Layer & then create the following Shape with the help of Rounded Rectangle Tool & then click select
Make Selection

Pun496-adobe-tutorial-website-webgraphics-tutorial3

[4]-Now use the following settings in Make Selection

Pun496-adobe-tutorial-website-webgraphics-tutorial4

[5]-Now your image should look like as shown below

Pun496-adobe-tutorial-website-webgraphics-tutorial5

[6]-Now fill the selection with any color & then go to Blending Options,select Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow features

Pun496-adobe-tutorial-website-webgraphics-tutorial6

[7]-Now select INNER SHADOW & use the following settings
Photoshop Technique-How to the use the INNER SHADOW features

Pun496-adobe-tutorial-website-webgraphics-tutorial7

[8]-Now select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay features

Pun496-adobe-tutorial-website-webgraphics-tutorial8

Pun496-adobe-tutorial-website-webgraphics-tutorial9

[9]-Now your image should look like as shown below & then create the following selection with the help of Rounded Rectangle Tool

Pun496-adobe-tutorial-website-webgraphics-tutorial10

[10]-Now Open New Layer & then fill the selection with any color & go to Blending Options,select Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow features

Pun496-adobe-tutorial-website-webgraphics-tutorial11

[11]-Now select INNER SHADOW & use the following settings
Photoshop Technique-How to use the INNER SHADOW feature

Pun496-adobe-tutorial-website-webgraphics-tutorial12

[12]-Now select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature

Pun496-adobe-tutorial-website-webgraphics-tutorial13

[13]-Now select Contour Elements & apply the following settings

Pun496-adobe-tutorial-website-webgraphics-tutorial14

[14]-Now select “Satin Structure” & use the following settings
Photoshop Technique-How to use the Satin Structure features

Pun496-adobe-tutorial-website-webgraphics-tutorial15

[15]-Now select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay features

Pun496-adobe-tutorial-website-webgraphics-tutorial16

Pun496-adobe-tutorial-website-webgraphics-tutorial17

[16]-Now your image should look like as shown below

Pun496-adobe-tutorial-website-webgraphics-tutorial18

[17]-Now Open New Layer & then create the following selection with the help of ‘Pen Tool’

Pun496-adobe-tutorial-website-webgraphics-tutorial19

[18]-Now fill the selection with any color & then go to Blending Options,select Inner Shadow & use the following settings
Photoshop Technique-How to use the INNER SHADOW features

Pun496-adobe-tutorial-website-webgraphics-tutorial20

[19]-Now select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature

Pun496-adobe-tutorial-website-webgraphics-tutorial21

[20]-Now select Contour Elements & use the following settings

Pun496-adobe-tutorial-website-webgraphics-tutorial22

[21]-Now Blending Mode of this Layer should ‘Color Burn’

Pun496-adobe-tutorial-website-webgraphics-tutorial23

[22]-Thanks for read this Photoshop Tutorial.I hope U have enjoyed & the Final Output of this Tutorial is shown below

Pun496-adobe-tutorial-website-webgraphics-tutorial24

cool draw

cool text in photoshop

create a logo in photoshop

Leave a Reply

You must be logged in to post a comment.