Contact Buttons

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

Het resultaat:

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



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.


Nu wordt de selectie wat ronder gemaakt.


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.


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:

Reageer
De vragen en reacties kunnen door tijdgebrek helaas niet altijd beantwoord worden door de auteur van de tutorial. Help elkaar daarom, en houdt het vriendelijk. Plaats geen rare reacties, anders riskeer je een ban voor de website. Voor overige vragen, zie ons Photoshop Forum.
Naam:
E-mail: (niet verplicht)
BBCode:
Reactie:
Code: (tegen spam)*

Reacties (28)

Geschreven door Ro0w, op 24-02-2010 11:29 30 button tutorials die allemaal beter zijn dan deze,   tjaa sorry hoor!     http://speckyboy.com/2009/08/11/30-useful-photoshop-buttons-and-badges-tutorials/

Geschreven door Rachida, op 22-04-2009 15:02 Waardeloos! Ik heb vet lang moeten zoeken naar:  "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."    Je kan ook gewoon met je rechtermuisknop klikken op je "button" die je aan het maken bent, maar goed...     En dan nog iets.. Als ik de Rectangular Marquee Tool gebruik en op Delete of Backspace klik... Dan verdwijnt mijn "button".

Geschreven door ano, op 03-10-2008 20:35 kijk op google dan vind je genoegsite van contact button's   DOE NIET ZO MOEILIJK!!! XD

Geschreven door Danny, op 19-06-2008 11:51 Ik probeer deze button te maken, en bij stap 3 staat: "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." Ik zie nergens een symbooltje van een layarnaam... Wat nu?

Geschreven door Juan, op 27-05-2008 13:15 heey     ik snap het niet   waar staat het symbooltje 8er de layer. ik zie geen symbooltje:s ik kom niet verder dan stap 3...

Geschreven door mwaa, op 17-04-2008 21:40 wat is dit dit is toch geen BUTTON, er moet iets met image ready gedaan worden (roll over) of zo?????

Geschreven door alma, op 05-03-2008 19:16 Ik krijg geen kleur in het ronde vierkant, hij blijft gewoon wit en word niet zwart

Geschreven door Dennis, op 05-03-2008 19:02 Al onze tutorials zijn gebasseerd op CS2 tenzij anders vermeld

Geschreven door Jr, op 21-02-2008 23:16 Ehh ja..  dan heb ik nu een best mooie button gemaakt!     Thanks!

Geschreven door Jeroen, op 18-02-2008 18:01 simpel, maar effectief. Thnx