THE RIGHT PLACE TO MEET NEW FRIENDS
Would you like to react to this message? Create an account in a few clicks or log in to continue.

THE RIGHT PLACE TO MEET NEW FRIENDS

WELCOME TO FRiENDSTER PEEPS!!!
 
HomePortalSearchLatest imagesRegisterLog in

 

 creating futuristic button tutorial |by pauldoh

Go down 
3 posters
AuthorMessage
pauldoh
Design Moderator
Design Moderator
pauldoh


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

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

futuristic button tutorial |by pauldoh

requirements:
::photoshop 7.0 or higher
::patience

::best for black background..

outcome:
creating futuristic button tutorial |by  pauldoh FINISHED-PRODUCT

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)
creating futuristic button tutorial |by  pauldoh Button1

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:
creating futuristic button tutorial |by  pauldoh Button4

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.
creating futuristic button tutorial |by  pauldoh Button2

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.
creating futuristic button tutorial |by  pauldoh Buttons5

step 6.
-hold shift and press right arrow key 5 times to drag the cirlcle 50px to the right.
-now we have this outcome:
creating futuristic button tutorial |by  pauldoh Button3

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:
creating futuristic button tutorial |by  pauldoh Button-no-text

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.:
creating futuristic button tutorial |by  pauldoh Buttons-home

::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
pauldoh
Design Moderator
Design Moderator
pauldoh


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

creating futuristic button tutorial |by  pauldoh Empty
PostSubject: Re: creating futuristic button tutorial |by pauldoh   creating futuristic button tutorial |by  pauldoh Icon_minitimeThu 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
.:veryboy:.
Help Moderator
Help Moderator
.:veryboy:.


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

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

winn91 wrote:
Hello!! lol!

pls edit ur post ur spamming...
Back to top Go down
Justine
Assistant Administrator
Assistant Administrator
Justine


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

creating futuristic button tutorial |by  pauldoh Empty
PostSubject: Re: creating futuristic button tutorial |by pauldoh   creating futuristic button tutorial |by  pauldoh Icon_minitimeFri 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
http://www.friendster.com/myblackheart
Sponsored content





creating futuristic button tutorial |by  pauldoh Empty
PostSubject: Re: creating futuristic button tutorial |by pauldoh   creating futuristic button tutorial |by  pauldoh Icon_minitime

Back to top Go down
 
creating futuristic button tutorial |by pauldoh
Back to top 
Page 1 of 1
 Similar topics
-
» Rules on posting or creating a topic!
» iamnotemo signature tutorial
» Adastarsapphire's TUTORIAL on HOW TO CREATE an OVERLAY!
» im paul..[pauldoh]
» vectorized by pauldoh

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