Adobe free photoshop cs tutorials website

Website for Adobe Photoshop cs3 tutorials for free

Learn to design a Website Signup Button Icon Tutorial

December 9th, 2007 · No Comments

Here I will teach you about Website Signup Button Icon Tutorial

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

Pun286-Website-Signup-Button-Icon-Tutorial1

[2]-Now fill the Background with 000000 Color & then select Custom shape Tool & use the following shape & settings

Pun286-Website-Signup-Button-Icon-Tutorial2

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

Pun286-Website-Signup-Button-Icon-Tutorial3

[4]-Now Select Pen Tool & then click & select Make Selection

Pun286-Website-Signup-Button-Icon-Tutorial4

[5]-Now apply the following settings in Make Selection

Pun286-Website-Signup-Button-Icon-Tutorial5

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

Pun286-Website-Signup-Button-Icon-Tutorial6

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

Pun286-Website-Signup-Button-Icon-Tutorial7

[8]-Now select Bevel & Emboss & use the following settings

Pun286-Website-Signup-Button-Icon-Tutorial8

[9]-Now select Gradient Overlay & use the following settings

Pun286-Website-Signup-Button-Icon-Tutorial9
Pun286-Website-Signup-Button-Icon-Tutorial10

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

Pun286-Website-Signup-Button-Icon-Tutorial11

[11]-Now create the following selection with the help of Magic Wand Tool

Pun286-Website-Signup-Button-Icon-Tutorial12

[12]-Now Open New Layer & then fill the selection with any color & after that go to Blending Options & select Inner shadow
& use the following settings

Pun286-Website-Signup-Button-Icon-Tutorial13

[13]-Now select Gradient Overlay & use the following settings

Pun286-Website-Signup-Button-Icon-Tutorial14

Pun286-Website-Signup-Button-Icon-Tutorial15

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

Pun286-Website-Signup-Button-Icon-Tutorial16

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

Pun286-Website-Signup-Button-Icon-Tutorial17

[16]-Now create the following Shape & after that select Pen Tool & then click & select Make Selection

Pun286-Website-Signup-Button-Icon-Tutorial18

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

Pun286-Website-Signup-Button-Icon-Tutorial19

[18]-Now your image will be look as shown below & after that Open New Layer

Pun286-Website-Signup-Button-Icon-Tutorial20

[19]-Now fill the selection with any color & then Go to Blending Options & select Inner Shadow & use the following settings

Pun286-Website-Signup-Button-Icon-Tutorial21

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

Pun286-Website-Signup-Button-Icon-Tutorial22

[21]-Now create any Text with the help of Text Tool

Pun286-Website-Signup-Button-Icon-Tutorial23

[22]-Now select Text Layer & then Go to Blending Options & select Inner Shadow & use the following settings

Pun286-Website-Signup-Button-Icon-Tutorial24

[23]-Atlast, all settings have been completed & your final image will be look as shown below

Pun286-Website-Signup-Button-Icon-Tutorial25

Learn to design a Website Signup Button Icon Tutorial

adobe photoshop elements tutorial

online photoshop tutorial

Tags: Photoshop - Learn to draw effects

0 responses so far ↓

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

Leave a Comment