WEB 2.0 Buttons (Gevorderde/Beginner)
Hey allemaal, in deze tutorial ga ik je leren hoe je mooie Web 2.0 buttons maakt, zie voorbeeld:
[img]/files/tutorials/013.jpg[/img]
Stap 1
Maak een shape in de vorm van een cirkel gevuld met een leuke, felle, kleur:
[img]/files/tutorials/001.jpg[/img]
Stap 2
Geef de cirkel de volgende layer-styles (dubbelklik op de laag):
Inner shadow:
[img]/files/tutorials/002.jpg[/img]
Gradient overlay:
[img]/files/tutorials/003.jpg[/img]
Stroke:
[img]/files/tutorials/004.jpg[/img]
Dan krijg je (als je alles goed doet), het volgende resultaat:
[img]/files/tutorials/005.jpg[/img]
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):
[img]/files/tutorials/006.jpg[/img]
Stap 4
Selecteer een stuk van de cirkel zoals op onderstaande afbeelding met de cirkelvormige selectietool en verwijder een stuk van het wit (DELETE):
[img]/files/tutorials/007.jpg[/img]
Stap 5
Geef dit witte stukje een "opacity" van 33%:
[img]/files/tutorials/008.jpg[/img]
Dat geeft dit resultaat:
[img]/files/tutorials/009.jpg[/img]
Stap 6
Selecteer een hip WEB 2.0 lettertype (in dit geval Helvetica Rounded) en typ een cijfer of een letter ofzo:
[img]/files/tutorials/010.jpg[/img]
Stap 7
Geef deze letter de volgende layer-style:
[img]/files/tutorials/011.jpg[/img]
En uiteindelijk heb je dit als resultaat:
[img]/files/tutorials/012.jpg[/img]
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:
[img]/files/tutorials/013.jpg[/img]
Bron: DreamDealer.nl