ooglewindowblinds.com

Easy and Free adobe CS photoshop tutorials and lessons online

Make a Website circular navigation idea

February 27th, 2008 · No Comments

Here we will tell you how to make a Website-circular-navigation-idea in photoshop.

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

website-circular-navigation-idea1.gif

[2] Now to Blending Option use the following settings.

website-circular-navigation-idea2.gif

website-circular-navigation-idea3.gif
[3] Your Background layer should be look like this.

website-circular-navigation-idea4.gif

[4] Take the Shape tool select this one.

website-circular-navigation-idea5.gif

[6] Make the New Layer then create a shape fill with White color.

website-circular-navigation-idea6.gif

[7] Go to Filter>Blur>Radial Blur use these settings.

website-circular-navigation-idea7.gif

[8] Your image will be look like this.
website-circular-navigation-idea8.gif

[9] Create a rectangle using rectangular shape tool.

website-circular-navigation-idea9.gif

[10] Take the Shape use the following settings.
website-circular-navigation-idea10.gif

website-circular-navigation-idea11.gif

[11] And then create a shape as shown image below.
website-circular-navigation-idea12.gif

[12] Duplicate the shape path and place on the other side.
website-circular-navigation-idea13.gif

[13] Now Right Click and make the selection.
website-circular-navigation-idea14.gif

[14] Create a new layer and fill the selection with Black color.

website-circular-navigation-idea15.gif

[15] Now go to Blending Option use the following settings.

website-circular-navigation-idea16.gif

website-circular-navigation-idea17.gif
website-circular-navigation-idea18.gif
[16] Your image will be look like this.

website-circular-navigation-idea19.gif

[17] Duplicate these layers and rotate 60°. You can insert numerical rotation value in percentage at the top bar.

website-circular-navigation-idea20.gif

[18] Similarly create another duplicate.

website-circular-navigation-idea21.gif

[19] Take the Elliptical Marquee Tool create a new shape make the new layer and fill the selection with this color coloding #780021.

website-circular-navigation-idea22.gif

[20] Now go to Blending Option use the following settings.

website-circular-navigation-idea23.gif
website-circular-navigation-idea24.gif

website-circular-navigation-idea25.gif
[21] Your image will be look like this.

website-circular-navigation-idea26.gif

[22] Reduce the fill value 0%.

website-circular-navigation-idea27.gif

[23] Your image will be look like this.

website-circular-navigation-idea28.gif

[24] Insert an icon image over the circles.

website-circular-navigation-idea29.gif

Make a Website circular navigation idea|photoshop smoke tutorial,photoshop button 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.