THE RIGHT PLACE TO MEET NEW FRIENDS

WELCOME TO FRiENDSTER PEEPS!!!
 
HomePortalCalendarFAQSearchRegisterMemberlistUsergroupsLog in

Share | 
 

 creating futuristic button tutorial |by pauldoh

Go down 
AuthorMessage
pauldoh
Design Moderator
Design Moderator
avatar

Number of posts : 103
Registration date : 2006-12-09

PostSubject: creating futuristic button tutorial |by pauldoh   Wed Dec 27, 2006 8:25 am

futuristic button tutorial |by pauldoh

requirements:
::photoshop 7.0 or higher
::patience

::best for black background..

outcome:


ever wanted to see glossy/shiny buttons on your naviations?..
here a tutorial on how to make asimple, yet attractive one.

step 1.
-create a new project.(width=200px,height=100px)
-now, fill it with black.(#000000)


step 2.
-make a new layer set and name it BUTTON.
-then hit ctrl+shift+N to make a new layer.

step 3.
-grab the eliptical marquee tool and set its settings to this:
-now click on the middle-left side of the layer BUTTON to have
a 25x25px circle.
-fill it with white.(#ffffff).. so you have this:


step 4.
-hold shift and press right arrow key 10 times to drag the cirlcle 100px to the right.
-fill it with white.(#ffffff)
-hit ctrl+D to deselect.


step 5.
-grab the rectangular marquee tool and set the settings to this:
-click on the same layer, and try to overlap the rectangle marquee
halfway of the white circle.
-then fill it with white.


step 6.
-hold shift and press right arrow key 5 times to drag the cirlcle 50px to the right.
-now we have this outcome:


step 7.
::you now have the shape of our button.. all you have to do now
is apply the following blending options.
-right click BUTTON layer and hit "BLENDING OPTIONS".
-apply these settings:

inner shadow
outer glow
inner glow
gradient overlay
satin
stroke

::now we have a attractive shiny button. looking bare right?.. its now
time to apply the text/link and u should have something like thhis for now:


step 8.
-grab the text tool and type the the link you want to put on the button.
:VIOLA!!! you now have a glossy button for a futuristic navigations..

here's my finished product.:


::TIP: just duplicate the layer set of the button we made to have another button without
repeating the steps.
::if you want to change the color of your button, change all green color in the blending options..
::always remember to experiment.
Back to top Go down
View user profile
pauldoh
Design Moderator
Design Moderator
avatar

Number of posts : 103
Registration date : 2006-12-09

PostSubject: Re: creating futuristic button tutorial |by pauldoh   Thu Dec 28, 2006 7:26 pm

winn91 wrote:
Hello!! lol!
nyay.. excuse me, do not spam...
less than 3 words id a spam..
*warning*
Back to top Go down
View user profile
.:veryboy:.
Help Moderator
Help Moderator
avatar

Male Number of posts : 272
Age : 26
Location : laguna
Registration date : 2006-12-20

PostSubject: Re: creating futuristic button tutorial |by pauldoh   Fri Dec 29, 2006 3:48 am

winn91 wrote:
Hello!! lol!

pls edit ur post ur spamming...

_________________


GOTHIC is my world...
http://gothic-designz.goodbb.net/index.htm <--- my forum
Back to top Go down
View user profile
Justine
Assistant Administrator
Assistant Administrator
avatar

Male Number of posts : 1494
Location : Cebu
Registration date : 2006-12-08

PostSubject: Re: creating futuristic button tutorial |by pauldoh   Fri Dec 29, 2006 7:26 am

pls avoid spamming edit ur post..

----------
bro pauldoh nyc one..i lyk ur tutorials..keep it up

_________________
Back to top Go down
View user profile http://www.friendster.com/myblackheart
Sponsored content




PostSubject: Re: creating futuristic button tutorial |by pauldoh   

Back to top Go down
 
creating futuristic button tutorial |by pauldoh
Back to top 
Page 1 of 1
 Similar topics
-
» problem creating facebook login button
» Thank you button to show hidden content
» Creating an HTML page
» How do I make a thumbs up and thumbs down button?
» Change colour of "Message" button on Nav bar when "New Message" arrives.

Permissions in this forum:You cannot reply to topics in this forum
THE RIGHT PLACE TO MEET NEW FRIENDS :: Friendster Design :: Tutorials-
Jump to: