2min

Tags in dit artikel

, , ,

Aero Glass Button

1. Allereerst maken we een nieuw document. In deze tutorial heb ik gekozen voor een vak met als afmetingen 400px bij 150px.

2. Pak nu je ‘Rounded Rectangle Tool’, en zet de radius op 5 pixels, kleur op zwart en teken zoiets als hieronder:


Teken een mooie rechthoek.

3. Nu gaan we met de ‘Blending Options’ werken, klik met je rechtermuisknop op de laag die je net gemaakt heb en klik op ‘Blending Options…’ Zet alle opties zoals hieronder staat vermeld:


Outer Glow.


Inner Glow.


Gradiënt Overlay.


Gradiënt instellingen. Kleurcode: #148691.


Resultaat tot nu toe.

4. Druk Ctrl + Shift + N om een nieuwe laag te maken.

5. Nu gaan we het ‘Glossy’ effect toevoegen. Pak de ‘Rectangular Marquee Tool’ en selecteer zoals hieronder staat:

6. Houd Ctrl + Shit + Alt ingedrukt en klik op de button’s icon in het layer paneel om de button te selecteren. Dan ‘Select’ » ‘Modify’ » ‘Contract’ en geef één pixel aan bij het ‘Contract The Selection’ schermpje.

7. Zet de ‘Foreground Color’ op wit en vul de selectie met ‘Alt’ + ‘Backspace’.

8. Zet de ‘Opacity’ van witte layer op ongeveer 30% (In het Layers paneel). Hier kun je nog een beetje mee spelen naar je eigen maak.


Zet de ‘Opacity’ op ongeveer 30%.

9. Eventueel kun je er nog een tekst opzetten. Zorg wel dat deze onder de ‘Glossy’-layer staat. Uiteindelijk krijg je zoiets als dit:


Aero glass button resultaat