Contact Button

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

Contact Button

Bericht door jangske » 16 jun 2017, 19:09

In deze oefening leer je hoe je een contact button kan maken.
Deze oefening is niet moeilijk en toch leer je hoe je verschillende technieken kan gebruiken.


Stap 1:
Open een nieuw document (Ctrl + N).
Maak het document 200 bij 50 pixels groot.

Stap 2:
Selecteer nu de Rectangle Tool. Nu komt er bovenaan in je scherm een nieuw soort menu.
Selecteer daar het vierkant met de ronde hoeken.

Afbeelding

Nu je dit geselecteerd hebt trek je een vierkant in het document.
Dan zou het er ongeveer zo uitkomen te zien.

Afbeelding

Stap 3:
Nu we het vierkant hebben gemaakt gaan we er fade effect aan toevoegen.
Dit doen we door middel van een heel simpel trucje.
Eerst gaan we de Vector Mask rasterizen.
Dit doen we door met de rechter muisknop op het symbooltje achter de layernaam klikken.
Druk dan op Rasterize Vector Mask. Nu kunnen we het vierkant vrij bewerken.
Selecteer nu met Rectangular Marquee Tool nu de bovenste helft van het vierkant, om nauwkeuriger de selectie te maken kan je één keer in zoomen.
Nu komt er bovenaan in je scherm weer een nieuw menu.
Zet bij Feather 10 neer.

Afbeelding

Nu wordt de selectie wat ronder gemaakt.

Afbeelding

Als je nu op delete of backspace drukt, wordt er een deel van de afbeelding lichter gemaakt.
Nu kunnen we het laatste aan het effect toevoegen, namelijk de omlijning.
Klik met de muis op Layer > Layer Style > Blending options.
Nu komt er een nieuw scherm.
Onderaan staat de tekst Stroke, klik op de tekst (niet het vakje ervoor!).
Nu staat achter Fill Type, Color. Verander dit in Gradient, klik nu op OK rechtsbovenin.

Afbeelding

Stap 4:
Nu kunnen we de tekst in het vakje zetten.
Maar eerst kunnen we er een logo in plaatsen.
Nu gaan we de tekst erin zetten.
Ik heb gekozen voor het niet-bestaande nummer 0800-1111.
Dit gaan we in het lettertype Harlow Solid Italic typen.


Het resultaat:

Afbeelding
Nog veel plezier op deze site...

Plaats reactie