Free Photoshop cs3 suite tutorials

Beginners Photoshop cs3 tutorials

Create an aqua website button with wavy pattern

October 17th, 2007 · 3 Comments

How to make a Aqua Website Button with wavy background pattern using photoshop new features.

[1] Take a new file of 300 pixels by 300 pixels, choose a resolution of 72 dpi in the RGB mode.

aqua-web2-button1.gif

[2] Now take the Rounded Rectangle Tool.

aqua-web2-button2.gif

aqua-web2-button3.gif

[3] Then create a new shape.

aqua-web2-button4.gif

[4] Go to Blending Option apply the following settings.

aqua-web2-button5.gif

aqua-web2-button6.gif

aqua-web2-button7.gif

[5] Your image should be look like this.

aqua-web2-button8.gif

[6] Now set the Foreground color as shown image below.

aqua-web2-button9.gif

[7] Create a new shape with the help Rounded Rectangle Tool see in the next image.

aqua-web2-button10.gif

[8] Go to Blending Option apply the following settings.

aqua-web2-button11.gif

aqua-web2-button12.gif

aqua-web2-button13.gif

aqua-web2-button14.gif

aqua-web2-button15.gif

aqua-web2-button16.gif[9] Your image should be look like this.

aqua-web2-button17.gif

[10] Now take the Pen Tool create a new shape see in the next image.

aqua-web2-button18.gif

[11] Now take the Brush Tool use these settings.

aqua-web2-button19.gif

[12] Then again take the Pen Tool, right click to Stoke Path.

aqua-web2-button20.gif

[13] Now select the Brush.

aqua-web2-button21.gif

[14] Your image should be look like this.

aqua-web2-button22.gif

[15] Now make the more copy of shape layer.

[16] Your final image should be look like this.

aqua-web2-button23.gif

Tags: website graphics photoshop tutorial

3 responses so far ↓

You must log in to post a comment.