Effect van goud op tekst

Inleiding:

Hallo beste PSD-community. Fijn dat jullie weer meedoen met een van mijn tutorials. Vandaag zul je leren hoe je zo'n mooie gouden effect zoals in Afbeelding 01 kunt maken. Daarnaast laat ik je zien hoe je je eigen kleurenbibliotheken kunt maken, zodat je bijvoorbeeld de goudkleuren die we later zullen maken, altijd weer tot je beschikking hebt. Tot slot zullen we ook nog even bekijken hoe je van een 2D-tekst een 3D-uitvoering kunt maken.

Zo, nu genoeg gepraat. Laten we meteen beginnen...

Adobe Illustrator - Goudeffect op tekst

Deel 1:

Stap 1: Maak goudkleuren

Voordat je kunt beginnen met het maken van een gouden effect, heb je natuurlijk verschillende goudkleuren nodig. In deze tutorial hebben we vier verschillende CMYK-kleurwaarden nodig. Maar waar haal je deze waarden eigenlijk het beste vandaan? Mijn aanbeveling in dit geval is vrij eenvoudig. Aangezien we goudkleuren nodig hebben, typ je bij een zoekmachine naar keuze (in mijn geval "Google") het woord "Goud, Goudstaaf, Goudkleuren" of iets dergelijks in. Ga dan naar de "Afbeeldingen-zoekopdracht" en bekijk verschillende afbeeldingen waarin goudkleuren voorkomen. Zoals je in Afbeelding 02 kunt zien, heb ik hier gekozen voor een afbeelding met twee goudstaven. Sla deze afbeelding of de afbeelding van jouw keuze op je computer op en ga dan naar Illustrator.

Adobe Illustrator - Goud effect op tekst

Eenmaal in Illustrator, maak je allereerst een nieuw werkgebied in het formaat A3. Dat doe je via Bestand>Nieuw.

Adobe Illustrator - Goudeffect op tekst

Vervolgens ga je naar Bestand>Plaatsen en selecteer je in het volgende dialoogvenster de afbeelding die je eerder hebt opgeslagen. Bevestig dit venster met OK.

Adobe Illustrator - Goudeffect op tekst

Deze afbeelding zullen we nu gebruiken als referentie voor de goudkleuren. Pak het Rechthoekgereedschap, maak vier kleine vierkantjes aan en plaats ze ergens aan de rand van je werkgebied. De grootte is niet belangrijk. In mijn geval zijn de vierkantjes allemaal 28 x 28 mm groot.

Adobe Illustrator - Goudeffect op tekst

Nu zijn we op het punt gekomen waarop je de kleurwaarden van je afbeelding moet uitlezen. Selecteer eerst telkens een vierkant en pak dan de Pipet uit de Werkbalk. Selecteer nu verschillende goudtinten uit de afbeelding. Doe dit voor elk vierkant een keer. In Afbeelding 06 kun je zien uit welke gebieden ik de kleurwaarden met de Pipet heb afgelezen.

Adobe Illustrator - Goud effect op tekst

Voor degenen die niet helemaal tevreden zijn met hun eigen kleurwaarden, geef ik hier nogmaals de CMYK-waarden van mijn vier kleuren (zie ook Afbeelding 07).

• CMYK - 9/43/96/37
• CMYK - 6/24/80/9
• CMYK - 2/13/67/0
• CMYK - 3/6/65/0

Adobe Illustrator - Goudeffect op tekst

Stap 2: Verloop maken

Nadat je de vier verschillende kleurwaarden hebt aangemaakt, is het tijd om een verloop te maken met deze kleuren. Hiervoor gebruik je opnieuw het Rechthoekgereedschap en maak je opnieuw een vierkant. De grootte speelt ook in dit geval niet echt een rol.

Voordat je echter direct aan de slag kunt gaan met het maken van een verloop met de goudkleuren, moet je deze kleuren nog in je Kleurenpaneel brengen. Ook dit paneel kun je weer openen via Venster>Kleuren, als je dat nog niet hebt gedaan.

Adobe Illustrator - Goud effect op tekst

Als je nu een vierkant met een goudkleur aanklikt, verschijnt deze kleur ook in het onderste deel van de Werkbalk aan de linkerkant. Met de ingedrukte linkermuisknop kun je deze kleur nu via Drag&Drop naar het Kleurenpaneel slepen. Doe dit voor alle vier kleuren.

Adobe Illustrator - Goud effect op tekst.

Als volgende heb je het Verlooppaneel nodig. Als je deze nog niet hebt geopend, ga dan naar Venster>Verloop (of op Mac - Command+F9), om deze te tonen.

Adobe Illustrator - Goudeffect op tekst

In de volgende stap selecteer je het vierkant dat je aan het begin van Stap 2 hebt gemaakt. Klik een keer op het verloopveld in het Verloop-palet, om een vooraf ingesteld zwart-wit-verloop aan te maken. Dit verloop moeten we nu aanpassen voor onze doeleinden.

Adobe Illustrator - Goudeffect op tekst.

Met behulp van het Kleuren-palet kun je nu de zojuist aangemaakte goudkleuren naar het verloopveld slepen. De zwarte en witte kleur in dit verloop kun je eenvoudig verwijderen door deze met ingedrukte linkermuisknop te pakken en uit het Verloop-palet te slepen.

Voeg nu zoveel kleurvelden toe aan het verloop, als te zien is in afbeelding 12.

Adobe Illustrator - Goudeffect op tekst.

Van links naar rechts zou je dan de volgende volgorde moeten hebben bij de kleurvelden (zie afbeelding 13).

Adobe Illustrator - Goud effect op tekst

Stap 3: Tekst maken en voorbereiden voor het goudverloop

Nadat je het goudverloop hebt aangemaakt, kun je met het tekstgereedschap een woord of een zin schrijven. In mijn geval schrijf ik het woord "Goud". Om de gouden effect later goed tot zijn recht te laten komen, raad ik je aan zeker een lettertype te kiezen dat redelijk dik is. Bij fijne, delicate lettertypes zal het gouden effect niet zo sterk opvallen en eerder misplaatst lijken. In mijn geval heb ik het lettertype Myriad Pro in de lettertype-stijl Vet gekozen. Als lettergrootte heb ik 300pt ingesteld.

Adobe Illustrator - Gouden effect op tekst

Als je tevreden bent met je keuze van lettertype en woord, ga je in de bovenste menubalk naar Lettertype>Omzetten in lettercontouren.

Adobe Illustrator - Goud effect op tekst

Nu kun je met de Pipet op het vierkant met het verloop dat je eerder hebt aangemaakt, klikken. In tegenstelling tot bijvoorbeeld Photoshop herkent de Pipet in Illustrator het verschil tussen een enkele kleur en een verloop. Hierdoor wordt het hele verloop toegepast op je tekst. Daarna zou het er ongeveer zo uit moeten zien als in afbeelding 16 bij jou.

Adobe Illustrator - Goud effect op tekst

Aangezien het verloop nu nog van links naar rechts verloopt en niet zoals gewenst van boven naar beneden, kun je ofwel in het Verloop-palet eenvoudig een hoek van 90° instellen ...

Adobe Illustrator - Goudeffect op tekst

... of je kunt het Verloop-gereedschap uit de Gereedschapskist pakken. Met dit gereedschap kun je door te klikken en te slepen het verloop vrij aanpassen. Zo kun je de hoek, de positie en de lengte van het verloop vrij instellen.

Adobe Illustrator - Goudeffect op tekst

Na het aanpassen van je verloop, zou het er ongeveer zo uit moeten zien (zie afbeelding 19).

Adobe Illustrator - Goud effect op tekst

Stap 4: Goud laten glanzen

In de volgende stap moet je ervoor zorgen dat je goud ook mooi glanst.

Om dit te bereiken maak je nu een zwarte omtrek aan met een dikte van 5pt.

Adobe Illustrator - Goud effect op tekst

Omdat oudere versies van Illustrator nog geen verlopen op omtrekken toelieten, moet je deze omtrek omzetten naar een eigen object. Dit doe je via Object>Omzetten in. In het volgende venster haal je het vinkje weg bij Vlak en zet je er een bij Omtrek. Bevestig dit door op OK te klikken.

Adobe Illustrator - Gouden effect op tekst

Met de sneltoets Command+Shift+G (op de PC - Ctrl+Shift+G) kun je dit nu degroeperen (druk deze sneltoets 2x). Hierdoor kun je nu de omtrek apart selecteren. (Afbeelding 22)

Adobe Illustrator - Goud effect op tekst.

Klik nu op het vierkant met het verloop en maak met de Alt-toets ingedrukt een kopie direct ernaast. Ga nu terug naar het verloop-palet en verander, zoals in afbeelding 23, de gemarkeerde goudwaarde naar wit. Deze witwaarde zal later verantwoordelijk zijn voor de highlights op de randen.

Adobe Illustrator - Goudeffect op tekst

Selecteer nu de omtrek van je tekst en vul deze met het zojuist aangepaste verloop in. Je kunt dit het gemakkelijkst doen met de pipet door op het vierkant met het juiste verloop te klikken (Afbeelding 24).

Adobe Illustrator - Goud effect op tekst

Om dit verloop nog wat aan te passen, pak je opnieuw het verloopgereedschap uit de gereedschapspalet en trek je het verloop van linksboven naar rechtsonder. (Dit moet je voor elke letter apart doen). Daarna zou het er ongeveer uit moeten zien zoals in afbeelding 25.

Adobe Illustrator - Goudeffect op tekst

Als je deze tekst nu nog voor een donkere achtergrond plaatst, zullen de glanzende randen aan de randen nog beter tot hun recht komen. En klaar is het goud-effect.

Adobe Illustrator - goud effect op tekst

Deel 2:

Kleurbibliotheken maken

Vooral bij effecten zoals de goudtekst zou het erg handig zijn als je deze kleuren en verlopen apart zou kunnen opslaan. Natuurlijk kun je de juiste kleurwaarden opschrijven in een notitieboekje en ze altijd opzoeken wanneer je ze nodig hebt. Echter, Illustrator biedt een veel betere, snellere en vooral eenvoudigere manier.

Je hebt hier namelijk de mogelijkheid om je eigen kleurbibliotheken aan te maken, die direct in Adobe Illustrator worden opgeslagen.

Ga nu terug naar het kleurvlakken-palet. Daar heb je eerder alle goudtinten erin gesleept via drag & drop. Hetzelfde kun je nu doen met de twee verlopen die je hebt aangemaakt.

Adobe Illustrator - Goudeffect op tekst

Klik nu op het kleine map-symbool rechtsonder in het kleurvlakken-palet. In het volgende venster kun je een naam invoeren voor deze nieuwe kleurgroep. Noem deze groep eenvoudig "Goudkleuren" en bevestig het venster met OK. Hierdoor wordt er een nieuwe groep aangemaakt.

Adobe Illustrator - Gouden effect op tekst

Sleep nu je goudkleuren met drag & drop naar deze groep. Helaas kun je de verlopen niet in deze map plaatsen, omdat Illustrator daar tegenin gaat.

Omdat je in je goudkleuren-bibliotheek alleen de goudkleuren wilt opslaan, moet je de standaardkleuren nog verwijderen. Dit kun je het beste doen door de kleuren die je wilt verwijderen te selecteren met ingedrukte Shift-toets en vervolgens te klikken op het kleine prullenbakje in het onderste rechtergedeelte.

Meestal verwijder ik de kleuren zwart en wit niet, omdat je deze vaak goed kunt gebruiken. Als je dit allemaal hebt gedaan, zou het er ongeveer zo uit moeten zien (Afbeelding 29).

Adobe Illustrator - Goudeffect op tekst

Klik nu op de kleine pijl in de rechterbovenhoek om een drop-down-menu te openen. Ga bijna helemaal naar beneden en klik op Kleurveldbibliotheek opslaan als ASE. Geef in het volgende venster nog een naam op (in dit geval opnieuw "Goudkleuren").

Adobe Illustrator - Goudeffect op tekst

Je eerste eigen kleurbibliotheek is klaar.

Maak nu een nieuw document aan via Bestand>Nieuw.

Als je het document hebt aangemaakt, zul je merken dat de goudkleuren verdwenen zijn en de standaardkleuren weer zichtbaar zijn.

Om de goudkleuren nu opnieuw te gebruiken, klik je weer op de kleine pijl linksboven in het kleurvlakken-palet, om het drop-down-menu te openen. Maar dit keer kies je voor Kleurveldbibliotheek openen en vervolgens voor Aangepast. Dan verschijnen de kleurbibliotheken die je zelf hebt opgeslagen. Als je nu op Goudkleuren klikt, opent zich een nieuw kleurvlakken-palet met de goudkleuren en de verlopen die je eerder hebt opgeslagen.

Adobe Illustrator - Goudeffect op tekst.

Extra-Inhoud

Gouden tekst als 3D-uitvoering

Zoals aan het begin van de tutorial aangekondigd, heb ik hier een kleine extra-inhoud voor jullie voorbereid. Namelijk, ik wil nog snel laten zien hoe je van je 2D-lettertype een 3D-lettertype kunt maken. Laten we dus meteen beginnen ...

Selecteer je gouden tekst en klik vervolgens in de bovenste menubalk op Effecten>3D>Uittrekken en afkanten.

Adobe Illustrator - Goudeffect op tekst

Daarna verschijnt er een wat groter dialoogvenster waarin je nu alle instellingen voor een 3D-tekst kunt instellen. Als je links onderin op Voorbeeld klikt, zie je altijd meteen wat er verandert als je een waarde aanpast.

Twee instellingen zijn nu erg belangrijk voor ons 3D-lettertype.

• Bovenaan kun je de 3D-tekst vrij draaien en positioneren zoals je wilt (1).
• Bij Uittrekdiepte kun je instellen hoe ver je tekst naar achteren moet worden verlengd (2).

Op dit moment ziet het er nog niet zo geweldig uit (Afbeelding 33), omdat het naar achteren uitgetrokken deel van de tekst grijs en nog niet goud is.

Adobe Illustrator - Goud effect op tekst

Dit probleem kun je echter heel gemakkelijk oplossen door op Meer opties te klikken en bij Schaduwkleur te kiezen voor Aangepast. Als kleurwaarde kun je hier #D2B023 invoeren. De instellingen die ik heb toegepast, zie je in Afbeelding 34.

Adobe Illustrator - Goud effect op tekst

Je gouden 3D-lettertype is klaar.

Adobe Illustrator - Goudeffect op tekst

Afsluitende woorden

Ik hoop dat jullie plezier hebben beleefd aan deze tutorial en dat jullie nu weten hoe je met relatief eenvoudige middelen zo'n gouden tekst kunt maken. Mochten er nog vragen zijn, schrijf ze dan gewoon in de opmerkingen onder deze tutorial. Ik zal mijn best doen om ze zo snel mogelijk te beantwoorden.

Jullie

Julian