How to: [PS] Safari knoppen maken

Algemeen

Benodigdheden

• Adobe Photoshop

Werkwijze

We beginnen met een nieuw document. Een standaard knop is 28×23 pixels groot.

Selecteer de ‘Rounded Rectangle Tool’. Zet vervolgens de ‘Radius’ op 3px. Teken nu de knop. De kleur maakt nu nog niet uit. Die gaan we nu namelijk toevoegen. Open de ‘Blending Options’ van de layer. Vul daar deze settings in:

_{Deze ‘Gradient’ zorgt voor de kleur van de knop.}

_{#f2f2f2 » #c6c6c6 » #b6b6b6}

_{één pixel, #666666}

Nu is hij al bijna klaar. Nu gaan we de ‘Gloss’ toevoegen. Dit doen we met de ‘Pen Tool’. Als kleur gebruiken we wit. Teken met de pen tool de vorm van de ‘Gloss’.

_{Teken de vorm van de ‘Gloss’.}

Klik nu met je rechtermuisknop op de layer en kies ‘Rasterize Type’. Vervolgens klik je met ‘Ctrl’ ingedrukt op de layer van de knop. Je hebt nu een selectie op de ‘Gloss’. Ga naar ‘Select’ » ‘Inverse’ of druk op ‘Shift’ + ‘Ctl’ + ‘I’ en vervolgens nog eens op ‘Del’. Zet nu de ‘Opacity’ van de layer op ongeveer 75%. De knop zelf is nu klaar.

_{Het resultaat.}

Nu kun je er een logo of symbool op zetten. Enkele voorbeelden: