Leuk dat jullie er vandaag weer bij zijn. Hier zie je meteen het resultaat:

Gras typografie maken - Adobe Illustrator


Maar nu genoeg gepraat. Laten we direct beginnen ...


Stap 1: Tekst maken

Eenmaal in Illustrator aangekomen, moet je als allereerst een nieuw tekengebied maken. Ga daarvoor in de bovenste menubalk naar Bestand>Nieuw. Kies als grootte het formaat DIN A3 in liggend en bevestig met OK. (Afbeelding 02).

Gras typografie maken - Adobe Illustrator

Pak vervolgens het tekstgereedschap uit de gereedschapspalet en klik daarmee op je tekengebied. Vervolgens kan je nu een tekst typen. In mijn geval schrijf ik in hoofdletters het woord GRAS met het lettertype Myriad Pro in vetgedrukt. Voor de lettergrootte gebruik ik 160pt (Afbeelding 03).

Kleine tip:

Ik raad aan om voor dit gras-effect een redelijk dik en stabiel lettertype te kiezen, zodat het gras later echt goed tot zijn recht kan komen. Dunne en zeer fijne lettertypes zoals bijvoorbeeld "Zapfino" zijn hiervoor helemaal niet geschikt.

Gras typografie maken - Adobe Illustrator

Nadat je je tekst hebt gemaakt, moet je je tekst in paden omzetten. Ga hiervoor in de bovenste menubalk naar Tekst>Converteer naar paden of gebruik de sneltoets Command+Shift+O (Afbeelding 04).

Gras typografie maken - Adobe Illustrator

Stap 2: Werken met effecten

Selecteer je tekst en ga dan naar Object>Groepering opheffen. Als alternatief kan je ook de sneltoets Command+Shift+G (op een pc: Ctrl+Shift+G) gebruiken.

Het opheffen van de groepering zorgt ervoor dat je nu elke letter van je woord apart kan selecteren (bovendien worden de afzonderlijke letters ook weergegeven in het Lagenpaneel).

Gras typografie maken - Adobe Illustrator

Met Command+A (op een pc: Ctrl+A) selecteer je alles en ga dan in de bovenste menubalk naar Effect>Effectengalerij … (Afbeelding 06).

Gras typografie maken - Adobe Illustrator

In de map Tekenfilters vind je het effect Reliëfpapier. Selecteer dit en bevestig met OK. (Je kan de vooraf ingestelde waarden in dit filter gewoon laten zoals ze zijn).

Gras typografie maken - Adobe Illustrator

Nu zou het er ongeveer zo uit moeten zien bij jou (Afbeelding 08).

Gras typografie maken - Adobe Illustrator

Selecteer nu weer alles met Command+A (op een pc: Ctrl+A) en klik dan in de bovenste menubalk op Object>Uiterlijk uitbreiden. Hiermee wordt je tekst tijdelijk omgezet in een pixelbestand (Afbeelding 09).

Gras-typografie maken - Adobe Illustrator

Selecteer de eerste letter van je tekst en klik vervolgens op de pijl naast de beeldomtrek. Er opent zich dan een klein vervolgkeuzemenu waar je op Grijswaarden moet klikken.

Gras-typografie maken - Adobe Illustrator

Aangezien deze instelling nog niet optimaal is, moet je op het kleine pictogram klikken (zie Afbeelding 11) om bij de instellingen van de Beeldomtrekker te komen.

Gras typografie maken - Adobe Illustrator

De exacte instellingen die ik heb gekozen, kan je vinden in Afbeelding 12. Het allerbelangrijkste bij deze instellingen is dat je een vinkje plaatst bij Wit negeren. Als je dat niet doet, worden ook witte of transparante gebieden nagetekend en gevuld met witte kleur.

Gras-typografie maken - Adobe Illustrator

Als je alle instellingen hebt gedaan, kan je via het kleine pictogram (zie Afbeelding 13) een nieuw voorschrift voor de Beeldomtrekker maken. Geef dit voorschrift een zinvolle naam zoals bijv. Gras, zodat je ook over een half jaar nog weet waarvoor je dit voorschrift hebt aangemaakt.

Gras typografie creëren - Adobe Illustrator

Nadat je dit voorschrift hebt opgeslagen, selecteer je nu de volgende letter van je tekst en klik je weer op de pijl naast de knop voor de Beeldomtrekker. Deze keer hoef je echter niet op Grijswaarden te klikken, maar kan je direct teruggrijpen naar je opgeslagen voorschrift (Afbeelding 14).

Doe dit nu ook met alle andere letters van de tekst. (Je moet elke letter apart selecteren, omdat de Beeldomtrekker altijd maar met één object tegelijk kan werken).

Typografie van gras maken - Adobe Illustrator

Nadat je op elke letter de Beeldomtrekker hebt toegepast, moet je weer alles selecteren (Command+A of Ctrl+A). Klik vervolgens in de menubalk op Object>Uitbreiden … Bevestig het volgende dialoogvenster met OK.

Gras typografie maken - Adobe Illustrator

Na het omzetten zou het er ongeveer zo uit moeten zien (Afbeelding 16):

Gras typografie maken - Adobe Illustrator

Pak nu het Directselectie gereedschap (de witte muiscursor) en trek een Selectiekader over de nog uitstekende rechthoeken die zijn ontstaan door de omzetting (Afbeelding 17).

Gras-typografie maken - Adobe Illustrator

Verwijder deze met de Delete-toets op je toetsenbord (waarschijnlijk moet je deze tweemaal indrukken). Daarna zou alleen nog de tekst te zien moeten zijn (Afbeelding 18).

Gras-typografie maken - Adobe Illustrator

Meestal blijven er kleine zwarte randen zoals in Afbeelding 19 over en moeten deze nu worden verwijderd. Pak hiervoor het Directselectie gereedschap, klik gewoon een keer op de zwarte vlakken en verwijder deze.

Gras typografie maken - Adobe Illustrator

Nadat je de zwarte vlakken hebt verwijderd, is het nu tijd om de tekst een kleurverloop toe te wijzen.

Om dit te doen, heb je het Verloop-paneel nodig. Als dit bij jou nog niet is weergegeven, vind je het via Venster>Verloop of ook via de sneltoets Command+F9.

Klik nu in het Verloop-paneel op het vooraf ingestelde standaardverloop.

Gras typografie maken - Adobe Illustrator

Omdat dit verloop standaard zwart/wit is ingesteld, moet je deze beide kleuren nog aanpassen. Klik daarvoor dubbel op een Kleurveld in het Verloop-paneel. Vervolgens kun je elke kleur instellen. Neem voor onze gras-tekst een donkergroene en een lichtere groen.

Ik heb gekozen voor de volgende CMYK-waarden:

• donkergroen - CMYK - 50/0/100/47

• lichtgroen - CMYK - 50/0/100/0

Vervolgens moet je dit verloop nog met 45° draaien.

Grastypeografie maken - Adobe Illustrator

Letters met een holte worden in de meeste gevallen verkeerd weergegeven (Afbeelding 22).

Grastypografie maken - Adobe Illustrator

Om dit probleem op te lossen, moet je het Directselectie gereedschap pakken en de holtes met een muisklik selecteren en verwijderen.

Daarna zou je tekst er weer normaal uit moeten zien (Afbeelding 23).

Grastypografie maken - Adobe Illustrator

Nu zijn we bijna bij ons doel gekomen.

Selecteer je tekst en ga vervolgens in de menubalk naar Effect>Vervormings- en transformatiefilters>Zigzag …

Gras typografie maken - Adobe Illustrator

In het volgende venster kun je nu verschillende instellingen doen. Ik raad een waarde van 1,76 mm aan voor de Grootte. Kies bij Golven per segment voor 3 en bij de instelling Punt moet je Overgang selecteren. Bevestig dit vervolgens met OK.

Minitip:

Je kunt het Zigzag filter ook goed gebruiken als je in Illustrator een golvende lijn of juist een zigzaglijn wilt maken. Je moet dan gewoon een beetje experimenteren met de instellingen.

Gras typografie maken - Adobe Illustrator

Daarna ga je opnieuw naar Effect>Vervormings- en transformatiefilters en kies je daar echter niet voor Zigzag, maar voor Samenvoegen en opblazen.

Kies hier een waarde van -4% en bevestig het dialoogvenster met OK.

Gras-typografie maken - Adobe Illustrator

Je gras typografie is klaar.

Gras typografie maken - Adobe Illustrator



Dit effect kan zeker niet worden vergeleken met fotorealistisch gras, waarbij ik je in dit geval eerder naar Photoshop en echte gras texturen zou verwijzen. Echter vind ik dit effect leuk, vooral als je snel een opvallende kop wilt maken en deze volledig met vectoren wilt maken. Vooral als je in de lente of zomer een kop nodig hebt voor een verslag over tuinieren of planten, kun je deze effecten goed gebruiken.

Aangezien puur gras typografie voor sommigen misschien wat saai lijkt, geef ik hier nog een paar kleine tips en trucs over hoe je het nog wat meer kunt aankleden met de tools van Illustrator.

Stap 3: Finetuning

Veel Illustrator-gebruikers weten wel dat er een Symbolen-paneel is, maar slechts weinigen weten hoe veelzijdig je het kunt gebruiken. (Je vindt het Vormgeving-paneel in de menubalk via Venster>Symbolen vinden). (Afbeelding 28).

Standaard zul je zes verschillende symbolen vinden in dit paneel.

Gras-typografie maken - Adobe Illustrator

Allemaal goed en wel, maar dat helpt ons niet veel voor onze gras typografie. Nu komt echter de truc van dit verhaal. Klik op de kleine pijl helemaal rechtsboven in het Symbolen-paneel, om een pull-down-menu te openen.

Onderaan heb je de mogelijkheid om via Symbolenbibliotheek openen veel meer symbolen in Illustrator te activeren.

Voor onze gras typografie kun je het beste bloemen en natuur selecteren (Afbeelding 29).

Grastypeografie maken - Adobe Illustrator

In deze twee symbool-pakketten vind je nu bloemen, insecten, gras en andere dingen waarmee je je tekst kunt verfraaien. Om een symbool te gebruiken, volstaat het om het vanuit de symboolpalet naar je werkruimte te slepen (Afbeelding 30).

Gras typografie maken - Adobe Illustrator



Op dit punt komt het aan op jullie creativiteit. Bedek je tekst met bloemen, lieveheersbeestjes, bladeren, takken, etc...

Hier hebben jullie nu de mogelijkheid om je tekst zo individueel mogelijk vorm te geven.

Afscheid:

Ik hoop dat jullie plezier hebben beleefd aan de tutorial van vandaag en dat jullie ook het een en ander hebben kunnen leren. Mochten jullie nog vragen hebben over dit onderwerp, dan kunnen jullie deze gerust onder deze tutorial in de reacties schrijven. Ik zal mijn best doen om deze zo snel mogelijk te beantwoorden.

Ik wens jullie nu veel plezier met uitproberen.

Blijf creatief ...

Jullian