Photoshop Website Vista Button Graphics Template

Posted on September 13th, 2008 by 3dfun in Photoshop Cool Techniques

Today I am telling you about How to Create Photoshop Website Vista Button Graphics Template

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

Photoshop-Website-Vista-Button-Graphics-Template1

[2]-Now Open New Layer & then create the following shape with the help of ‘Pen Tool’ right click select ‘Make Selection’

Photoshop-Website-Vista-Button-Graphics-Template2

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

Photoshop-Website-Vista-Button-Graphics-Template3

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

Photoshop-Website-Vista-Button-Graphics-Template4

[5]-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 feature

Photoshop-Website-Vista-Button-Graphics-Template5

[6]-Now select Inner Shadow & use the following settings
Photoshop Technique-How to use the Inner Shadow feature

Photoshop-Website-Vista-Button-Graphics-Template6

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

Photoshop-Website-Vista-Button-Graphics-Template7

Photoshop-Website-Vista-Button-Graphics-Template8

[8]-Now Open New Layer & then create the following selection with the help of “Elliptical Marquee Tool”

Photoshop-Website-Vista-Button-Graphics-Template9

[9]-Now fill the selection with ‘50e83d’ color & then go to Blending Options,select Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow feature

Photoshop-Website-Vista-Button-Graphics-Template10

[10]-Now select Inner Shadow & use the following settings
Photoshop Technique-How to use the Inner Shadow feature

Photoshop-Website-Vista-Button-Graphics-Template11

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

Photoshop-Website-Vista-Button-Graphics-Template12

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

Photoshop-Website-Vista-Button-Graphics-Template13

[13]-Now select “Dodge Tool”            Photoshop-Website-Vista-Button-Graphics-Template14 & Highlight the some parts & then create the following selection
with the help of Pen Tool

Photoshop-Website-Vista-Button-Graphics-Template15

[14]-Now Open New Layer & then fill the selection with any color & then go to Blending Options,select Gradient Overlay
Photoshop Technique-How to use the Gradient Overlay feature

Photoshop-Website-Vista-Button-Graphics-Template16

Photoshop-Website-Vista-Button-Graphics-Template17

[15]-Now Blending Mode of this Layer should ‘Overlay’ & reduce the Opacity also

Photoshop-Website-Vista-Button-Graphics-Template18

[16]-Now your image should look like below this

Photoshop-Website-Vista-Button-Graphics-Template19

[17]-Now go to Filter>Blur>Gaussian Blur & use the following settings

Photoshop-Website-Vista-Button-Graphics-Template20

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

Photoshop-Website-Vista-Button-Graphics-Template21

[19]-Now select Text Tool          Photoshop-Website-Vista-Button-Graphics-Template22 & create the any Text
See below for Final Photoshop Output.I hope this is a good tutorial & you can use these Photoshop Techniques in your
Graphics Design Project

Photoshop-Website-Vista-Button-Graphics-Template23

animated gif photoshop cs3

animated gif using photoshop

animated photoshop

3dmodel spark plug studio tutorial

Photoshop Palace Under Water Animation

Leave a Reply

You must be logged in to post a comment.