Hey allemaal, in deze tutorial ga ik je leren hoe je mooie Web 2.0 buttons maakt, zie voorbeeld:

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):
Inner shadow:

Gradient overlay:

Stroke:

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:


Bron: DreamDealer.nl