Share
Wat je gaat creërenIk herinner het een jaar geleden dat ik het had zo veel moeite met het vectoren van mijn lettervormen. Ik had een goed begrip van de Pen-tool, maar had geen idee dat er kleine technieken zijn die wonderen voor je type doen om die vloeiende curves te maken waarnaar je op zoek bent.
Deze tutorial zal hopelijk al je vragen over het vectoren van lettervormen beantwoorden en bijna alles over geven wat dat betreft. Hetzelfde proces kan worden gebruikt voor alles wat u binnen Illustrator samenstelt. In het geval van letters, de sleutel is om relatief weinig ankerpunten te hebben tijdens het gebruik van de juiste puntplaatsing en een aantal andere trucs om die bochten, hoeken, breedtes, enz. te perfectioneren.
Drie dingen om op te merken voordat we beginnen:
Ten eerste maakt het onderstaande proces gebruik van een werk dat ik al in een eerdere zelfstudie heb gemaakt. Voor je oefening en ervaring, stel ik voor om je eigen stuk letters te maken / gebruiken, in plaats van het mijne te herscheppen. Het is echt de beste manier om te leren! Ik wil dat je de onderstaande informatie opneemt en deze op je eigen letters toepast, zodat je een voltooid stuk hebt dat je echt van jezelf kunt bellen!
Ten tweede gaat deze zelfstudie niet over het leren gebruiken van de Pen-tool. Als u niet begrijpt hoe het werkt of de functionaliteit ervan, stel ik voor dat u daarover leest voordat u begint - het maakt het later alleen maar gemakkelijker.
Ten derde wil ik dat jullie allemaal weten dat deze tutorial een beetje door elkaar geschud lijkt en overal, maar ik beloof het om te leren! Ik wil gewoon alles en alles delen om je vectoring-proces te helpen. Lang verhaal kort, het zal geen gestroomlijnd begin en einde zijn. Er zal een begin zijn en er zal een einde komen, maar het zal ons enige tijd kosten om er te komen!
Blijf open staan en ik beloof dat we geweldige dingen zullen maken. Laten we beginnen!
Voor deze zelfstudie gaat u een schets gebruiken van een aantal eerdere letters die u mogelijk uit de vorige zelfstudies hebt gebruikt. We gaan focussen op het nemen van die schets en het opnieuw tekenen in vectorformaat.
Voordat we aan de computer gaan werken, gaan we vectoren met de hand oefenen! Met papier! Gek, toch? Ik beloof je dat het je een veel groter begrip en waardering zal geven voor de prachtige Pen-tool.
Wat doet "extrema"In de eerste plaats is het meervoud voor extreem.In de wiskunde betekent dat meestal het maximum of minimum.In het geval van belettering hebben we het over de extreme tegenstellingen van de letter om het samen te stellen met bezier-handles. van de letter "O" zijn de noord en zuid ankerpunten die de curve vormen. De oost en west ankerpunten aan de zijkant laten u toe om gewicht en breedte te verdelen.
Bekijk deze cirkel hieronder. Je kunt zien dat de vorm gelijkmatig wordt gemaakt door vier hoofdpunten. Dat zijn de "extremen" van de letter "O".
Let erop dat de handgrepen zijn gelijkmatig uitgebalanceerd en verdeeld ook. Deze zelfde techniek moet worden toegepast binnen uw belettering. Zorg ervoor dat uw handvaten allemaal de werklast in evenwicht houden en dat niet slechts één handgreep extreem lang is en al het gewicht draagt.
Download de bijgevoegde letters als je de mijne wilt gebruiken. Zo niet, dan kunt u uw eigen gebruiken! Vanaf hier beginnen we met tekenen waar de ankerpunten zouden komen. Ga je gang en gebruik een potlood of pen enteken cirkels waar je denkt dat je die ankerpunten zou plaatsenin Adobe Illustrator.
Maak je geen zorgen als je gelijk of ongelijk hebt - ga gewoon ervoor en kijk wat je momenteel denkt dat goed is. Later tijdens deze tutorial en verdere oefening, zult u versteld staan van uw groei / nieuwe kennis.
Neem vervolgens datzelfde stuk letters en begin rechthoeken te tekenen rond elke lettervorm. We gebruiken een eenvoudige truc om te begrijpen waar je je punten kunt plotten op de 'extrema' van je lettervormen. Waar de rechthoeken je letter raken, is waar het ankerpunt zou moeten liggen. Dat wil niet zeggen dat uw lettervorm maar vier ankerpunten moet hebben, omdat er vier zijden zijn van een rechthoek. Dit geeft je gewoon een goed startpunt.
Later zullen we beginnen met het plotten van de extrema in Illustrator, en dan extra ankerpunten toevoegen voor bepaalde krommen of misschien wat meer gewicht in je lettervorm. Elke lettervorm zal verschillen, dus dit proces is niet in steen gebeiteld. Uiteindelijk geeft het je een voorsprong in de goede richting, en dan is het aan jou om te bepalen wat er "goed" uitziet of wat er "goed" uitziet..
Nu, voordat we ons verdiepen in dit gedeelte van de tutorial, wil ik zeggen dat 0 °, 45 ° en 90 ° niet noodzakelijkerwijs de enige hoeken zijn waarop je je handvatten moet plaatsen. Nogmaals, het komt allemaal neer op wat er goed uitziet en aan de hand van je eigen oordeel bepalen of het een willekeurige hoek van 15 ° kan gebruiken, bijvoorbeeld.
Wat is er zo speciaal aan horizontale, verticale en diagonale (45 graden) hoeken? Ten eerste zorgt het gebruik van vergelijkbare hoeken ervoor dat dingen consistent blijven over uw belettering. Ten tweede zijn die hoeken de sleutel tot het vormen van de vloeiendste bochten. Heb je ooit kleine punten of randen in je letters opgemerkt die worden veroorzaakt door ankerpunten? Wel, dat kan eenvoudig worden verholpen met de juiste plaatsing van het ankerpunt en de juiste hoek van uw handvatten.
Laten we aan de slag gaan!
Dit eenvoudige proces hieronder toont het belang van horizontale en verticale verankeringspunten. Dit proces zou moeten worden gebruikt voor bijna elk vectoringproject dat je hebt vanaf hier. Laten we beginnen met het vectoren van de onderstaande "De". Ik wil het vectoring-proces afbreken zodat je kunt zien hoe ik normaal gesproken een dergelijk woord zou willen vectoren.
Als je wilt, kun je beginnen met het toepassen van de "rechthoek" -techniek met je letters voordat je begint, zodat je kunt bepalen waar je extrema moet worden geplaatst.
Nadat je je "De" -tekst hebt getekend, gaan we het nu stuk voor stuk uit elkaar halen tot vector.
Ik zal beginnen met de stam van de "T". Zoals je kunt zien, Ik gebruik die horizontale handvatpunten voor ankerpunten en twee niet zo wiskundige hoeken. Vergeet niet dat niet elk handvat horizontaal hoeft te zijn. Het is echt wat je denkt dat er het beste uit kan zien. Voor deze stengel ben ik begonnen met alle hendels horizontaal en daarna heb ik de twee aangepast om aan mijn wensen te voldoen.
Al met al is deze hele stam gemaakt met slechts vier ankerpunten en een beetje vallen en opstaan.
Dit is waar dingen een beetje gek worden. Voor dit specifieke voorbeeld heb ik besloten om de "Th" -verbinding samen te vectoren om een enkele vorm te creëren. Elk ankerpunt is even gebalanceerd en verdeelt de kromming gelijkmatig. Wat betreft waar te beginnen met het uitzetten van uw ankerpunten, het is allemaal een kwestie van voorkeur. De lettervormen dicteren over het algemeen waar te beginnen. Voor mij werk ik van links naar rechts, dus begon iktekening van de lusverbinding van de "T" en eindigde bij de stam van de "h".
Laten we doorgaan!
volgende,Ik vormde de schouder van de "h"(de tweede stam als je wilt). Elk stuk van deze belettering is opgesplitst in afzonderlijke vormen, zodat u later bewerkingen kunt uitvoeren op afzonderlijke stukken in plaats van op het hele stuk.
De laatste stap is om de "e" te maken.Met slechts acht ankerpunten kon ik de juiste vorm creëren zonder meer punten toe te voegen om de breedte, het contrast, enz. Aan te passen.
Begin waar je maar wilt, maar voor mij persoonlijk, begon ik met het vormen van de dwarsbalk van de "e", omcirkelde die vorm om de kom heen en maakte het af met de staart.
En daar hebben we het! Onze klaar "De". Vergeet niet om die punten op de extrema uit te zetten, finesse die handvatten tot perfectie, en je bent gouden! Geduld is de sleutel!
Ik heb ook het onderstaande voorbeeld opgenomen, zodat u een geheel andere stijl van het woord "De" kunt zien terwijl u nog steeds vergelijkbare horizontale en verticale handvatten gebruikt.
Vectoring is zeker tijdrovend, zelfs voor een meester. Het maakt niet uit wat, het is veel afstemmen en corrigeren van die curves, ankerpunten, enz.
In dit gedeelte van de tutorial hoop ik nog wat meer wijsheid te vergaren om het proces net iets meer te versnellen. Voor de eenvoud ga ik de letter "O" of een cirkelvorm gebruiken om veel van deze trucs te demonstreren. Hoewel het een eenvoudige vorm is, kunnen de methodologie en de praktijk achter de tip voor elke afzonderlijke letter worden gebruikt.
Ik noem deze techniek het crossover. Terwijl u begint met het vectoren van uw letters, vindt u het wellicht gemakkelijker om deze crossover-techniek toe te passen om de breedtes en hoeken van delen van uw lettervormen te regelen. In het onderstaande voorbeeld kun je zien dat ik een extra ankerpunt heb gemaakt om te bepalen wat het "kruis" van de "N" wordt genoemd. In wezen kun je een gedeelte van je lettervorm verplaatsen en wijzigen zonder de andere te beschadigen.
In het onderste gif-voorbeeld laat dit precies zien wat ik bedoel door de ene kant te veranderen zonder de andere te verstoren. Nu is dit "A" -constructie absoluut niet correct. Het is gewoon een perfecte manier om weer te geven wat de crossover-techniek kan bereiken.
De Ellipse Tool en de Rectangle Tool in Illustrator kunnen je beste vrienden worden als je alleen maar nadenkt over welke vormen elke lettervorm vormen. De letter "O" heeft bijvoorbeeld twee ellipsen: een voor de breedte en een andere ellips aan de binnenkant om het gewicht te vormen. Als u dus twee ellipsen maakt, op elkaar gestapeld, kunt u binnen enkele seconden de letter "O" vormen.
Als u verder wilt gaan en een andere letter wilt maken, zoals een "H", kunt u bovendien de Rectangle Tool gebruiken. Elke steel en de dwarsbalk van de onderstaande "H" was gevormd met drie afzonderlijke rechthoeken. Je kunt ze later uitbreiden en samenvoegen als je een volledige vorm wilt.
Hopelijk laat het versnelde gif-proces hieronder precies zien wat ik bedoel. Ik gebruik alleen eenvoudige vormen om deze letters te vormen.
In het onderstaande voorbeeld heb ik de Breedte gereedschap binnen Illustrator. Het kan zeker van pas komen soms. Met deze tool berekent u in essentie waar u uw breedte wilt laten distribueren. In dit voorbeeld wilde ik dat de linker- en rechterkant van de lijn 0,525 inch waren terwijl de boven- en onderkant overbleven. Dit verdeelde het gewicht gelijkmatig en vormde een mooie hoog contrasterende letter "O".
Zoals u in het voorbeeld kunt zien, is de linkerbeweging slechts een streek, dat was voordat ik het gereedschap Breedte heb toegepast, terwijl de rechterkant is nadat het gereedschap Breedte is toegepast.
Deze tool kan zeker helpen om bepaalde lettervormen, met name scripts, sneller te vectoren. Vergeet niet om te tekenen met "streken" en voeg daarna het contrast aan uw lettervormen toe met het gereedschap Breedte.
Het nadeel van het gereedschap Breedte is dat wanneer u uw lijn uitbreidt, deze een vormt enorme hoeveelheid extra ankerpunten die je niet nodig hebt. Je kunt zien wat ik bedoel in de afbeelding hieronder. Al die kleine rode stippen zijn ankerpunten!
Dus als je wijzigingen wilt aanbrengen nadat het is uitgebreid, zou het nogal moeilijk zijn als je de oorspronkelijke streek niet had kunnen bewerken.
Oké jongens, het is tijd om het laatste vectoring-project uit te schakelen, omdat we zojuist alles hebben geleerd over hoe je moet vectoren! We beginnen waar we in de tutorial zijn gebleven en nemen dit stuk in New York City gereed voor voltooiing.
Dit stuk voor stuk nemen, begin vectoring uw lettervormen een voor een. Gebruik de crossover-techniek om een gebied van uw belettering aan te passen zonder een ander deel ervan te verstoren. Voor dit specifieke stuk letters had ik heel weinig verticale en horizontale hendels. Maar ik heb mijn punten nog steeds uitgezet op de extrema waardoor ik de vormen kon creëren die je ziet.
Na het "Nieuwe" vectoren, beginnen we het volgende woord: "York". Gebruik stuk voor stuk hetzelfde proces en dezelfde vector. U kunt waarschijnlijk de verzameling ankerpunten binnen de "K" zien. Dat is omdat ik elk deel van de "K" als afzonderlijke vormen heb getekend om later te bewerken als dat nodig mocht zijn. Dus de steel en de twee benen zijn allemaal individueel getekend, waardoor er in totaal drie vormen ontstaan om de "K" te vormen.
Merk op dat het goed is als alles overlapt, omdat we deze vormen later zullen invullen.
Het laatste woord voor vector, "Stad". Je weet wat je moet doen: begin met het uitzetten van die punten en verfijn je handvatten zorgvuldig naar je zin. Teken elke letter afzonderlijk, zoals je hieronder kunt zien - dit zal later het bewerkingsproces helpen.
Daar hebben we het! Nadat je het hele stuk hebt voltooid met vectoren, kun je de belettering een vulling geven in plaats van een streek, zodat je kunt zien hoe de positieve en negatieve ruimte elkaar beïnvloeden.
Zelfs nadat je denkt dat je klaar bent met vectoren, je bent waarschijnlijk niet!
Je kunt heel veel bewerkingen uitvoeren nadat je de vormen hebt 'gevuld', omdat je vervolgens kunt zien wat meer contrast, meer tekenspatiëring, enzovoort nodig heeft. In dit geval heb ik veel kleine bewerkingen gemaakt om de algehele kleur te helpen. Bovendien heb ik de vorm van de "Y" aangepast om uit te breiden naar de negatieve ruimte van de "N".
De laatste stap! Voor dit stuk heb ik kleine "inkepingen" toegevoegd aan de invoer- en eindreeksen van de lettervormen. Hoe zou een vector zoiets zijn? Vergeet niet om dingen opnieuw op te splitsen in eenvoudige vormen of lijnen. Voor mij wist ik dat het perfect zou zijn om enkele eenvoudige lijnen te gebruiken die met de Pen Tool waren gemaakt, maar ik heb de "Profiel met variabele breedte"van de lijn om de driehoekige vorm te creëren. U kunt hieronder zien wat ik bedoel.
Ik nam de vrijheid van het filmen van een zeer versnelde video van het hele belettering proces. Het kostte me een goede twee uur om dit stuk te voltooien. Nog een keer, geduld is de sleutel als u wilt dat uw vectorbelettering er precies uitziet zoals u het hebt geschetst! Bekijk het onderstaande proces en zie de extra stap die ik heb gezet om de vectored letters naar het volgende niveau te brengen.
Het onderstaande stuk uit New York City is de voltooide vector na het toevoegen van veel extra details. Als je nieuwsgierig bent naar hoe je diepte, textuur, kleurencombinaties, etc. kunt creëren, dan is mijn volgende tutorial perfect voor jou! Houd dat in de komende twee maanden in de gaten.
Ik weet zeker dat je op dit punt een goede hoeveelheid hebt geoefend om hopelijk nog comfortabeler te worden met vectoren dan je al was. We hebben veel materiaal behandeld en nu is het tijd om deze kennis op de proef te stellen. Blijf oefenen wat je hebt geleerd, want het wordt alleen maar beter met de tijd, dat beloof ik! Ga zo door!
Zoals altijd, als je problemen of vragen hebt, kun je hieronder een reactie achterlaten en dan kan ik je helpen. Succes!
Als u geïnteresseerd bent in hulp bij uw belettering, heeft Envato Studio een grote verzameling van beletterings- en kalligrafiespecialisten die u misschien graag zou willen verkennen.
Accentsconagua