100% NL

Een bericht van jumbojet    13 Reacties

Retro is hip en dus heb ik een paar lekkere ouderwetse buttons gemaakt in Photoshop. Om het goeie oude gevoel van de button wat te versterken heb ik voor de tekst in deze les het lettertype Dynamoe gebruikt. Dit werd vroeger gebruikt om van alles en nog wat te labellen met de beroemde lettertang. Deze 3D buttons zijn het eindresultaat van deze les:

OK, aan de slag!

Open een nieuw document in Photoshop van 900 x 900 pixels. Dubbelklik op de achtergrond om deze te ontgrendelen en geef deze kleur naar keuze zodat je goed kunt zien wat je doet. We gaan de achtergrond later nog met een verloopbedekking bedekken. Ik heb een grijs verloop genomen voor nu.

Neem je ovale selectie kader en hou de shift toets ingedrukt terwijl je een cirkel maakt. Maak een nieuwe laag aan en vul de selectie in de nieuwe laag met een kleur naar keuze. Ik heb groen genomen:

Geef de cirkel de volgende laagstijlen :

Met dit als resultaat:

Neem je ovale selectie kader en trek een ovaal. Maak een nieuwe laag aan en trek in de selectie een radiaal verloop van voorgrond naar transparant, stel de voorgrondkleur in op wit.

Roteer de laag van de gloed met ongeveer 30 graden (dit kun je boven in de opties balk instellen) met je transformatie gereedschap (CTRL + T)

Dupliceer de laag van de gloed en zet de originele gloed laag uit. Druk op CTRL + klik op de laagthumbnail om de pixels van de laag te selecteren. Druk een paar keer op je pijltjes toetsen naar beneden  en naar rechts totdat de selectie een beetje verplaatst is zoals hieronder in het voorbeeld te zien is.

Druk dan op delete en dupliceer de kopie gloed laag. Roteer deze 180 graden en schuif deze naar de onderkant van je groene cirkel. Zet de originele gloed laag aan en zet de dekking van de laag op 75%.

Zet de vulling van de laag van de cirkel op 0%

Neem een foto of plaatje naar keuze en sleep die in je document onder de laag van de cirkel. Maak het plaatje op maat met  je transformatie gereedschap. Selecteer de pixels van de cirkel.

Keer de selectie om (CTRL + SHIFT + I) en delete de selectie zodat je alleen je plaatje over hebt. Je button is af!

Selecteer alle lagen van je button en groepeer deze. Dupliceer de groep twee keer zodat je drie buttons hebt. Schuif de groepen van de buttons met je verplaats gereedschap. Neem een andere afbeelding en kopieer deze in de groep onder de cirkel boven de afbeelding die er al in zit.

Klik met rechts op de laag van de nieuwe afbeelding en kies voor uitknipmasker maken.

Zoek nog een afbeelding voor de derde button en herhaal de stappen van zojuist.

Typ de tekst met je typ gereedschap in het lettertype Impact grootte 72 pt en kleur zwart.

Roteer de tekstlagen ( ik heb twee lagen gebruikt) en sleep ze onder de onderste groep in je lagenpalet. Geef de tekstlagen de volgende laagstijlen:

Voeg aan de achtergrondlaag een verloopbedekking toe die je als volgt instelt:

Dan nog een omlijning met als kleur zwart:

Dat maakt het weer helemaal af!