ooglewindowblinds.com

Easy and Free adobe CS photoshop tutorials and lessons online

Make a Website round latest button

January 29th, 2008 · No Comments

Here we will tell you how to make a Website-round-latest-button in photoshop.

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

website-round-latest-button1.jpg

[2] Now take the Elliptical Marquee Tool create a shape and fill with Black color.

website-round-latest-button2.jpg

[3] Go to Blending Option use the followingn settings.

website-round-latest-button3.jpg

website-round-latest-button4.jpg

website-round-latest-button5.jpg

[4] Your image will be as shown below.

website-round-latest-button6.jpg

[5] Now create a new shape with the help of Elliptical Maruqee Tool.

website-round-latest-button7.jpg

[6] Go to Blending Option use the following settings.

website-round-latest-button8.jpg

website-round-latest-button9.jpg

website-round-latest-button10.jpg

website-round-latest-button11.jpg

[7] Your image will be as shown below.

website-round-latest-button12.jpg

[8] Now open a Pattern image like this.

website-round-latest-button13.jpg

[9] Now Cntl+Click on this layer then select the Pattern image and press Cntl+X, then Press Cntl+V, to paste it a new layer then delete the Pattern image.

website-round-latest-button14.jpg

website-round-latest-button15.jpg

[10] Now change the Blending Mode and set the Opacity.

website-round-latest-button16.jpg

[11] Your image should be as shown below.

website-round-latest-button17.jpg

[12] Create a new shape with the help of Elliptical Marquee Tool.

website-round-latest-button18.jpg

[13] Take the Gradeint Tool use these settings.

website-round-latest-button19.jpg

website-round-latest-button20.jpg

[14] Make a new layer and fill the selection with the help of Gradient Tool.

website-round-latest-button21.jpg

[15] This photoshop tutorial is complete now, your final image will look like this.

website-round-latest-button22.jpg

Make a Website round latest button

62      photoshop graphic tutorial
61      photoshop website tutorial

Tags: Photoshop Tutorials

0 responses so far ↓

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

You must log in to post a comment.