Photoshop Website Contact Button

Today I am telling you about How to Create Photoshop Website Contact Button

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

Photoshop-Website-Contact-Button1

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

Photoshop-Website-Contact-Button2

[3]-In Make Selection ‘Feather Radius’ should 0 pixels,Tick on New Selection & then Ok

Photoshop-Website-Contact-Button3

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

Photoshop-Website-Contact-Button4

[5]-Now fill the selection with the 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-Contact-Button5

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

Photoshop-Website-Contact-Button6

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

Photoshop-Website-Contact-Button7

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

Photoshop-Website-Contact-Button8

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

Photoshop-Website-Contact-Button9

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

Photoshop-Website-Contact-Button10

[11]-Now select Color Overlay & use the following color & settings

Photoshop-Website-Contact-Button11

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

Photoshop-Website-Contact-Button12

[13]-Now select Text Tool        Photoshop-Website-Contact-Button13 & create the any Text & after that select Custom Shape Tool & use the
following shape & settings

Photoshop-Website-Contact-Button14

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

Photoshop-Website-Contact-Button15

[15]-In Make Selection ‘Feather Radius’ should 0 pixels,Tick on New Selection & then Ok.Your image should look like as shown
below

Photoshop-Website-Contact-Button16

[16]-Now fill the selection with ‘f6fbfe’color & then go to Blending Options,select Inner Shadow & use the following settings
Photoshop Technique-How to use the Inner Shadow feature

Photoshop-Website-Contact-Button17

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

Photoshop-Website-Contact-Button18

[18]-Now select COntour Elements & use the following settings
Photoshop Technique-How to use the Contour Elements feature

Photoshop-Website-Contact-Button19

[19]-Thanks for read this Photoshop Tutorial.I hope U have enjoyed & learnt some Photoshop Technique & the Final Image should
look like as shown below

Photoshop-Website-Contact-Button20

pencil draw
photoshop animated text
photoshop bend text

Tags: , ,

One Response to “Photoshop Website Contact Button”

  1. Photoshop design mobile logo icon in photoshop adobe photoshop cs tutorial,adobe photoshop cs2 text,adobe photoshop draw | tutorialagent.com Says:

    [...] Photoshop Website Contact Button [...]

Leave a Reply

You must be logged in to post a comment.