Innovative Navigation Header |
| Start by opening an image of hand. You can even take a digital photo of your hand too. Create a cutout using any of your fav cutout methods. |
![]() |
| Create a new layer below hand layer. Create a circle using elliptical shape tool. |
![]() |
| Duplicate the circle layer and scale up the layer below. Fill with a different color. |
![]() |
| Repeat the steps and fill the circles with different shades of almost same color. |
![]() |
| Select hand layer. From image menu select adjustment>> threshold. Enter settings as shown. |
![]() |
![]() |
| Double click the layer to open layer style window. Apply settings as shown. |
![]() |
![]() |
| Select text tool and click on the second most outer circle. Type the button links on this circular path. |
![]() |
| In character window increase baseline shift so that text moves a bit up from the circle edges. |
![]() |
![]() |
| Using custom shape tool (U), create a shape Tile 3 in a new layer. |
![]() |
| Duplicate and rotate 45°. |
![]() |
| Repeat the steps to complete the shape below. |
![]() |
| Merge all layers and change layer mode of merged layer to overlay. |
![]() |
| From filter menu apply blur>>radial blur and adjust settings as shown. |
![]() |
![]() |
| Insert company logo and place on the palm area. |
![]() |
| From filter menu apply render>>lighting effects and adjust settings as shown. |
![]() |
![]() |
Innovative Navigation Header
10 Comments »
RSS feed for comments on this post. | TrackBack URI




















very innovative. one of the best n different nav panel utorials i’ve seen in recent days.
thanks u
Comment by kory — March 23, 2006 @ 3:52 pm
very nice, i can see it being done in flash also, when you click one of the buttons a finger moves in to press it. well done
Comment by liam — March 30, 2006 @ 9:39 pm
hallo…
what do you mean by “create a shape Tile 3 in a new layer”
Comment by chr. — March 31, 2006 @ 9:45 am
nice nice… simple and effective…
Comment by justin haguisan — April 2, 2006 @ 11:40 pm
Pretty cool
i like it hehe
Comment by Dimon — April 3, 2006 @ 3:02 pm
The hand is rastery, fix it and consider it a “good” tutorial.
Comment by No One — April 5, 2006 @ 6:39 am
this is for chr
select custom shape tool ( U ). From top bar there is a shape flyout. click to open the flyout. there are a lot of default shapes.
one of the default shapes is called tile3. click to select the shape. draw the shape as mentioned.
hth
Comment by kory — April 9, 2006 @ 3:59 pm
How can I cut this?
Comment by Togo — April 12, 2006 @ 4:23 pm
just looking at the tut. I noticed the edges of the hand are kind of ragged/pixel,stairstepped. I dont know if its just cause of the size of the pic and fullsize version in PS shows it smooth. but if not, i’d use the blur tool around the edges or smudge it a little to get a cleaner smoother effect.
Comment by smurf — May 3, 2006 @ 2:37 pm
True, the hand could have been erased a little bit better to get rid of some of that extra pixelization. Good luck in your efforts!
Comment by Fiery Darts — May 3, 2006 @ 5:38 pm