WEB 2.0 Buttons

Stap 1
Maak een shape in de vorm van een cirkel gevuld met een leuke, felle, kleur:


Stap 2
Geef de cirkel de volgende layer-styles (dubbelklik op de laag):




Dan krijg je (als je alles goed doet), het volgende resultaat:


Stap 3
Maak een nieuwe laag boven de shape laag. Selecteer de cirkel (CTRL+KLIK op de laag met de cirkel, terwijl de nieuwe laag geselecteerd is) en vul deze met wit (ALT+BACKSPACE):


Stap 4
Selecteer een stuk van de cirkel zoals op onderstaande afbeelding met de cirkelvormige selectietool en verwijder een stuk van het wit (DELETE):


Stap 5
Geef dit witte stukje een "opacity" van 33%:


Dat geeft dit resultaat:



Stap 6
Selecteer een hip WEB 2.0 lettertype (in dit geval Helvetica Rounded) en typ een cijfer of een letter ofzo:


Stap 7
Geef deze letter de volgende layer-style:


En uiteindelijk heb je dit als resultaat:


Kopieer de lagen en verander de kleur van de cirkel (selecteer de cirkel, kies een leuke kleur en druk op ALT=BACKSPACE) en typ een ander cijfer om een beetje te varieeren:

Comments

Name: Saro (04 October 2009 - 20:29)
Leuke tutorial!
Name: surendar (25 April 2009 - 08:16)
Nice, super.

Post a comment

Name:

Comment:

Are you a real person or a spambot?

Copy the text above in the field below: