Aero Glass Button

Oefening baart kunst...
Plaats reactie
Gebruikersavatar
jangske
Site Admin
Berichten: 1011
Lid geworden op: 14 jun 2017, 07:23

Aero Glass Button

Bericht door jangske » 16 jun 2017, 15:56

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:

Afbeelding
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:

Afbeelding
Outer Glow.

Afbeelding
Inner Glow.

Afbeelding
Gradiënt Overlay.

Afbeelding
Gradiënt instellingen. Kleurcode: #148691.

Afbeelding
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:

Afbeelding

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.

Afbeelding

Afbeelding

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.

Afbeelding
Zet de 'Opacity' op ongeveer 30%.

Afbeelding

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

Afbeelding
Nog veel plezier op deze site...

Plaats reactie