Mar
15
2009
Create capsule icon in Photoshop PDF Print E-mail

capsule20hdc.jpgHariesDesign.com - In this time, I will show you how to create capsule icon button with Photoshop. Just follow tutorials below. Result of it can be perform like this picture:

 

 

 

 

STEP 1

Create New document

capsule2h.jpg

 Fill with Gradient Tools

capsule4.jpg

 capsule3.jpg

capsule.jpg

 

STEP 2

Select the Rounded Rectangle Tool apply the following settings

photoshop tutorials-capsule shape-hariesdesign.com

photoshop tutorials-capsule shape-hariesdesign.com 

 

 STEP 3

Create shape

photoshop tutorials-capsule shape-hariesdesign.com 

 

STEP 4

add the following layer styles

photoshop tutorials-capsule shape-hariesdesign.com

photoshop tutorials-capsule shape-hariesdesign.com 

photoshop tutorials-capsule shape-hariesdesign.com

Perform result like this:

photoshop tutorials-capsule shape-hariesdesign.com

 

STEP 5

Select the Elliptical Marquee Tool

photoshop tutorials-capsule shape-hariesdesign.com

Hold Ctrl+Click the shape layer to make a selection then create a shape like  this

photoshop tutorials-capsule shape-hariesdesign.com 

 

STEP 6

Create new layer and fill with #e9dd24

photoshop tutorials-capsule shape-hariesdesign.com

photoshop tutorials-capsule shape-hariesdesign.com 

 

STEP 7

Create shining shape:

Hold Ctrl+Click the first shape layer to make a selection then create a shape like:

photoshop tutorials-capsule shape-hariesdesign.com 

Go to Select > Modify > Contract

photoshop tutorials-capsule shape-hariesdesign.com

 

STEP 8

Fill with Gradient color

Image

photoshop tutorials-capsule shape-hariesdesign.com 

 

STEP 9

Now create a new layer make sure your forground is set to white Now select the gradient tool and set it to Foreground to Transparant and drag it from top to bottom.

photoshop tutorials-capsule shape-hariesdesign.com 

This is final result :

capsule button with photoshop 

 
< Prev   Next >

Gallery Photography

Login

Sponsors


Get Chitika Premium