 Chrome Button Navigations |
  |
| Sat1withdan |
 Oct 3 2006, 11:59 AM
Post
#1
|
 Apprentice Group: Members Posts: 22 Joined: 29-August 06 Member No.: 38  |
Right, here we are going to make a small set of stylish buttons, which you can use in your website navigations. An example of the end result can be seen below:
1) Create a new document sized: 90x25, and then setup the following gradient. 
2) Now drag the gradient from the top till bottom of the document, filling the whole canvas, it should look something like this: 
3) Now grab the line tool, and create 2 lines like you see below: (Notes: The lines have both 2px gaps from the top and bottom). 
4) Time to add some text, i used a pixel font named 'Visitor', which can be found at dafont.com. First, write what will be on your button and then duplicate that layer and transform it by pressing 'CTRL+T', now rght click and choose flip verticle, move it down some pixels so its below the main text and set the opacity to 15%, you should now have something like this: 
5) Goto 'Select' > 'All and then 'Edit' > 'Stroke', use the color. Eseses for the stroke color and press 'CTRL+D'... and your done! 
 |
   |
 
|
| kiv_100 |
Oct 3 2006, 01:42 PM
Post
#2
|
|
Knight Group: Members Posts: 52 Joined: 2-October 06 Member No.: 98 |
nice ill try this out, i need 2 try different techniques for ma college course....propz
|
|
|
|
| Janky |
Oct 3 2006, 06:00 PM
Post
#3
|
 Royal Prince Group: Members Posts: 758 Joined: 3-October 06 Member No.: 109 |
i like those
 good for tech theme websites  -------------------- 
 |
|
|
|
| Dan |
Oct 4 2006, 07:14 PM
Post
#4
|
 Lord Group: Members Posts: 217 Joined: 4-July 06 Member No.: 1 |
Brilliant Sat1WithDan… finally we know your secret to those amazing navs.
I'm serious, a great contribution, thank you very much for sharing it and now to put it into practice! |
|
|
|
| wshld |
Oct 6 2006, 06:31 PM
Post
#5
|
|
Serf Group: Members Posts: 5 Joined: 5-October 06 Member No.: 119 |
pretty classic, but nice tutorial
|
|
|
|
| sushipasta |
Oct 16 2006, 10:56 AM
Post
#6
|
 Squire Group: Members Posts: 38 Joined: 11-September 06 Member No.: 74 |
Like said above, classic tutorial! i'm using this on my new site, i'll link you to a prototype later.
-------------------- "The man who makes no mistakes does not usually make anything."? - Edward J. Phelps
|
|
|
|
| nkoul_96 |
Oct 17 2006, 08:26 PM
Post
#7
|
 Royal Prince Group: Super Moderators Posts: 705 Joined: 10-September 06 Member No.: 70 |
That is a great tutorial. I will for sure use it next time I design a template for someone. Thank you and keep on making more . This has definately helped me
 :D |
|
|
|
| Janky |
Oct 18 2006, 12:50 PM
Post
#8
|
|
Royal Prince Group: Members Posts: 758 Joined: 3-October 06 Member No.: 109 |
well if anyone of you design a template with those buttons, please post the result here!
--------------------
|
|
|
|
| GaRlikk |
Oct 19 2006, 12:40 AM
Post
#9
|
|
Royal Prince Group: Members Posts: 840 Joined: 2-October 06 Member No.: 105 |
ima try this out but ima try to chrome the WHOLLLEEe template
but not now good job though |
|
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
| Lo-Fi Version | Time is now: 25th July 2008 - 06:38 AM |
Invision Power Board
v2.1.7 © 2008 IPS, Inc.