Photoshop Website Template Stock Photo Arrow Button

Hi Guys! Today I am telling you about How to Create Photoshop Website Template Stock Photo Arrow Button

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

Website-Template-Stock-Photo-Arrow-Button1

[2]-Now Open New Layer & then create the following selection with the help of ‘Elliptical Marquee Tool’

Website-Template-Stock-Photo-Arrow-Button2

[3]-Now fill the selection with any color & then go to Blending Options select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay features

Website-Template-Stock-Photo-Arrow-Button3

Website-Template-Stock-Photo-Arrow-Button4

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

Website-Template-Stock-Photo-Arrow-Button5

[5]-In Make Selection ‘Feather Radius’ should 0 pxl,Tick on New Selection & then ok & your image should look like as shown below

Website-Template-Stock-Photo-Arrow-Button6

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

Website-Template-Stock-Photo-Arrow-Button7

Website-Template-Stock-Photo-Arrow-Button8

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

Website-Template-Stock-Photo-Arrow-Button9

[8]-Now fill the selection with any color & then go to Blending Options select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay features

Website-Template-Stock-Photo-Arrow-Button10

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

Website-Template-Stock-Photo-Arrow-Button11

[10]-Now fill the selection with ‘fffffa’ color & then reduce the Opacity of this Layer like as shown below

Website-Template-Stock-Photo-Arrow-Button12

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

Website-Template-Stock-Photo-Arrow-Button13

[12]-Now fill the selection with same color & Blending Mode of this layer should ‘Overlay’ & reduce the opacity also

Website-Template-Stock-Photo-Arrow-Button14

[13]-Now Open New Layer & then create the following selection with the help of ‘Elliptical Marquee Tool’

Website-Template-Stock-Photo-Arrow-Button15

[15]-Now fill the selection with ‘fffffa’ color & then select ‘Erase Tool’ & use the following settings

Website-Template-Stock-Photo-Arrow-Button16

[16]-Now Erase the some parts with the help of ‘Erase Tool’
See below for the Final Photoshop Output.I hope this is a good tutorial & you can use these Photoshop Techniques in your Graphics Design Project

Website-Template-Stock-Photo-Arrow-Button17

Leave a Reply

You must be logged in to post a comment.