Maak een harige calligram in Illustrator

In deze tutorial zal ik je begeleiden bij het maken van je eigen calligram, geïnspireerd door een hond genaamd Poppy. Je leert hoe je een lettertype manipuleert tot het maken van vacht, het toevoegen van doggy-functies en verschillende details.


Invoering

Ik heb een obsessie met mijn kat en heb talloze vectoren met haar gemaakt. Een van de stukken die ik heb gedaan, is de calligram van 'Miauw', die in het haar was weergegeven met de markering van haar vacht.

Het wonder dat Wikipedia zegt:

Een calligram is een gedicht, zin of woord waarin het lettertype, de kalligrafie of het handschrift is gerangschikt op een manier die een visueel beeld creëert. De afbeelding die door de woorden wordt gemaakt, geeft visueel weer wat het woord of woorden zegt.

Om mijn dierenportfolio uit te breiden, besloot ik honden te vectoren, een vergelijkbaar proces als katten, maar voor het grootste deel meer ruwharig, ruw haar.

In deze tutorial ga ik je begeleiden bij het maken van een stuk tekstkunst die is geïnspireerd op mijn "Meow" calligram, maar deze is gebaseerd op een hond. Ik wil je graag kennis laten maken met de hyperactieve kracht die Poppy is. Ik zal naar haar verwijzen tijdens deze tutorial.


Typeface-theorie

Het woord dat ik ga weergeven is "WOOF" en dit heeft twee redenen:

  • Het is een woord dat wanneer je het hoort je meteen associeert met een hond.
  • De letters kunnen worden gemanipuleerd om de ledematen en het lichaam van de hond te illustreren. Bijvoorbeeld, de benen en de staart kunnen worden geïllustreerd met behulp van de "W" en "F", en het gezicht en lichaam kunnen worden geconstrueerd van de "OO".

Bij het selecteren van een lettertype dat als basis voor dit project moet worden gebruikt, neig ik om meer naar meer klassieke lettertypen zoals Tahoma, Verdana enz. Te leunen. Dit komt omdat ze voor het grootste deel gemakkelijk zijn in het gebruik en niet zo complex om te manipuleren.

Stereotiepe katten worden meer gezien als een vrouwelijk wezen, geïllustreerd met rondingen en zeer weinig harde lijnen. Dus in tegenstelling, mijn door de hond geïnspireerde calligram zal mannelijker lijken. Dus voor de beste vriend van de mens, kies ik een lettertype met veel rechte lijnen en minimale curves. Ik ga een schreefloos lettertype selecteren als ik serifs associeer als een meer vrouwelijke kwaliteit omdat ze er delicaat uitzien.

Een ander aspect dat u in gedachten moet houden, is dat u niet wilt dat uw brieven te smal zijn, omdat u veel vacht op de letters wilt tonen. In tegenstelling hiermee wil je echter niet dat de letters te mollig zijn, zodat je met de vacht aan de buitenkant van de letters niet kunt zeggen wat het woord is!

Voor deze tutorial ga ik het lettertype Tahoma gebruiken. Laten we staren!


Stap 1

Gebruik het gereedschap Tekst (T) om de tekst "WOOF" aan uw canvas toe te voegen.
Ga naar de tekenopties (in CS5 staat deze bovenaan, onder je werkbalk) en verander je de tekengrootte naar 150pt. Verander de letterstijl in vetgedrukt. Klik in het figuurpaneel en verander de tracking naar 100 en de verticale schaal naar 125%.


Stap 2

Vouw de letters uit door naar Object> Uitbreiden te gaan en klik vervolgens op OK. Koppel de letters los van de groep (Command + Shift + G) om ze gemakkelijker te kunnen manipuleren.


Stap 3

Gebruik het pengereedschap (P) om een ​​staart toe te voegen aan de "F." Selecteer nu de staart en de "F" -vorm en gebruik vervolgens de Pathfinder om ze te verenigen.


Stap 4

Ik wil dat de "W" duidelijk slechts twee voorpoten zijn. Om deze illusie te creëren, moet ik het midden van de letter verkleinen zodat de twee eindstelen veel prominenter worden weergegeven.

Gebruik het gereedschap Direct selecteren (A) en selecteer de lijnen en punten die zich in het midden van de letter bevinden. Gebruik vervolgens het gereedschap Vrije transformatie (E) om deze elementen naar beneden te verplaatsen, zodat deze het midden van de letter platdrukken.


Stap 5

Om de benen zichtbaarder te maken voor de kijker, ga ik poten toevoegen aan de letters. Ik ga dit doen met behulp van de Ellipse Tool (L). Zodra ik de vijf cirkels heb geplaatst, gebruik ik de Pathfinder om ze te verenigen. Gebruik nu het gereedschap Pen (P) om twee punten aan beide kanten te verwijderen.


Stap 6

Kopieer (Command + C) en plak (Command + V) de poten op de "W" en "F", met behulp van het gereedschap Vrije transformatie (E) om te roteren en plaats ze. Plaats de poten op de bijbehorende letter en verenig ze.


Stap 7

Selecteer alle (Command + A) de vormen en maak een samengestelde pad (Command + 8). Kopieer (Command + C) en plak vooraan (Command + F) het samengestelde pad en vergrendel beide vormen.


Stap 8

Met behulp van de Pen Tool (P) ga ik tekenen op de vormen waar de witte vacht voor de delen van het lichaam is. In plaats van wit ga ik een heel lichtgrijs gebruiken (C = 0, M = 0, Y = 0, K = 10), want later gaan we wit gebruiken om highlight aan de vacht toe te voegen.

Omdat de voorpoten deel gaan uitmaken van de "W", ga ik het eerste "O" klaproos hoofd maken en het tweede haar lichaam. Dit maakt een klein verschil in haar kleuren.


Stap 9

Selecteer alle (Command + A) de grijze vormen en maak ze een samengestelde pad (Command + 8). Ontgrendel een van de zwarte samengestelde paden en selecteer deze samen met het grijze samengestelde pad. Breng in de Pathfinder Intersect aan.

Terwijl de groep is geselecteerd, maak je er nu een samengesteld pad van (Command + 8). Verander het zwarte samengestelde pad in een off-black vulkleur (C = 0, M = 0, Y = 0, K = 95). Vergrendel de laagmap voor nu. Dubbelklik op de laagmap en wijzig de naam in 'Bases'.


Stap 10

Voor het volgende deel van de zelfstudie, moet u het breedteprofiel, de 1 en de 5 penselen van mijn Brush Brush-zelfstudie maken..

Maak een nieuwe laag en hernoem het "Bont." Ik ga de Paintbrush Tool (B) gebruiken met de borstel Width Profile 1, de lijnkleur off black en de dekking van 50%. Gebruik dit om de vacht rond de randen van de letters te tekenen waar de vormen zwart zijn.

Pas de lengte van uw slagen aan het type vacht van uw hond aan. Omdat Poppy een kortharige hond is, zal de vachtweergave korte halen vereisen. Beschouw het gebied van vacht dat elke letter vertegenwoordigt en de richting waarin de vacht zal gaan.


Stap 11

Selecteer Alles (Command + A), groepeer alle donkergrijze lijnen (Command + G) en vergrendel vervolgens de groep. Voeg nu de lichtgrijze vacht toe aan de rest van de randen. Waar de zwart en wit binnen de letters samenkomen, teken nog steeds, maar niet overlappend. Dit maakt de vacht natuurlijker.

Tip: als je een lichtgekleurde vacht trekt zoals ik ben, voeg je een laag achter al je vormen toe met een donkere kleur. Dit maakt het gemakkelijker om te zien waar je slagen worden geplaatst.

Selecteer Alles (Command + A), groepeer alle donkergrijze lijnen (Command + G) en vergrendel vervolgens de groep.


Stap 12

Voeg voor extra diepte aan de vacht streken toe binnen de vormen en enkele aan de randen met dezelfde borstel, maar met de overeenkomstige kleur met de vermenigvuldigingsmodus vermenigvuldigen. Gebruik voor het lichtgrijs een dekking van 70% en donkergrijs de dekking van 40%. Groepeer ze voor elk van de kleuren (Command + G) en vergrendel ze.

Tip: als u merkt dat Illustrator langzamer werkt terwijl u de vachtstrengen tekent, verbergt u de eerder getekende groepen.


Stap 13

Met hetzelfde proces ga ik hoogtepunten aan de vacht toevoegen. Ik ga dit doen door dezelfde kleuren te gebruiken voor de overeenkomstige gebieden. Stel de overvloeimodus in op het scherm, de lichtgrijze dekking op 50% en de donkergrijze dekking op 25%.

Groepeer ze voor elk van de kleuren (Command + G) en vergrendel ze en de laagmap.


Stap 14

Maak een nieuwe laag en hernoem het "Spots."

Als je opmerkt in de referentie afbeelding van Poppy, heeft ze een paar kleine vlekken van zwart op haar voorpoten en rond haar neus. Gebruik dus dezelfde penseeleigenschappen en de donkergrijze streekkleur en voeg enkele vlekken toe op de "W" en de eerste "O" op de plaatsen waar de vlekken zijn. Zet het penseel op een overvloeimodus van vermenigvuldigen en de dekking op 50%.

Als u klaar bent, groepeert u ze (Command + G) en vervolgens vergrendelt u ze en de laagmap.


Stap 15

Maak een nieuwe laag en hernoem het "Neus." Gebruik de Pen Tool (P), met een donkergrijze vulkleur; trek de neus. Teken dan de neusgaten in en een rij ertussen. Stel de overvloeimodus in op Vermenigvuldigen voor die vormen met de neusgaten op 100% en de rij ertussen op 50%.

Creëer een lichtgrijs tot lichtgrijs transparant radiaal verloop en voeg highlights toe en glans aan de neus. Gebruik het gereedschap Verloop (G) sleep de bron van het verloop naar de bovenkant van de neus.


Stap 16

Katten worden vaak getekend met hun karakteristieke lange snorharen. Honden hebben ook snorharen, maar niet zo prominent. Ze zijn een stuk korter en niet zo veel. In de laag "Nose" -laag voeg ik wat donkergrijze snorharen toe met het gereedschap Penseel (B) en het penseel Width Profile 5.


Stap 17

Gebruik dezelfde borstelopties, maar verander de dekking naar 75% en voeg wat puntjes toe aan de bovenkant van de neus, want de neus van een hond is niet helemaal glad. Dit voegt een subtiele textuur toe. Wanneer u klaar bent, vergrendelt u de laagmap.


Stap 18

Maak een nieuwe map Layer en hernoem het naar 'Details'. Gebruik dezelfde penseelopties om de dekking op 20% en de mengmodus op vermenigvuldigen te zetten. Voeg wat lijnen om de poten toe om een ​​definitie tussen de cijfers toe te voegen.


Stap 19

Maak met het pentool (P) een ovale vorm met de vulkleur donkergrijs en de dekking van 80%. Kopieer (Command + C) en plak (Command + V) de vorm voor elke cijferklauw op één poot. Selecteer de vier vormen voor één poot en maak ze dan een samengestelde baan (Command + 8).

Kopieer (Command + C) en plak (Command + V) het samengestelde pad en verplaats ze naar elk van de poten. Vergrendel de laagmap als u klaar bent.


Stap 20

Ga naar de "Bases" -laagmap en kopieer (Command + C) het donkergrijze samengestelde pad. Vergrendel de "Bases" -laagmap opnieuw. Maak een nieuwe laag boven de map "Bases" en noem deze "Light", plak dan vooraan (Command + F) het samengestelde pad.

Laat het samengestelde pad los (Alt + Shift + Command + 8). U moet de shapes voor elk van de "O" -vormen selecteren en Minus Front gebruiken in de Pathfinder-opties.

Gebruik het gereedschap Verloop (G) om de lichtgrijze tot lichtgrijze transparante radiale overgang naar de letters toe te passen. Plaats de verlopen alsof er licht van boven komt. Verlaag de dekking naar 15% en de overvloeimodus naar het scherm. Op sommige letters moet je Kopiëren (Command + C) en Plakken vooraan (Command + F). Eenmaal voltooid, vergrendelt u de laagmap.


Stap 21

Maak een nieuwe laag onder de laag "Bases" laag en hernoem het "Schaduw". Maak een donkergrijs tot donkergrijs transparant radiaal verloop. Gebruik de Ellips-tool (L) om cirkels onder de letters te tekenen om de indruk te wekken dat de letters zweven. Groepeer de vormen samen (Command + G) en verander vervolgens de overvloeimodus in Vermenigvuldigen en de dekking naar 70%.


Stap 22

Voeg een zacht lichtgrijs tot lichtgrijs transparant radiaal verloop toe op scherm 30% op de achtergrond om het stuk te voltooien. Nu ben je klaar met je Woof-calligram!


Conclusie

Door verschillende kleuren aan de vacht toe te voegen en de lengte van de streken te variëren, kunt u een uniek uitziend stuk tekstkunst verkrijgen. Door de subtiele verschillen tussen katten en honden te kennen, kunt u ook een purrfect calligram voor een kat die dezelfde technieken ook gebruikt.