Share
Wat je gaat creërenWe zijn bijna aan het einde van deze serie belettering! In deze zelfstudie ga ik u wat meer technische methoden bieden om verschillende vormen van extra styling voor uw belettering te maken. Nu weet je natuurlijk dat er eindeloze manieren zijn om je letters te stylen. Ik moet nog steeds alles proberen, maar voor deze tutorial zullen we ons concentreren op negen van de meer gebruikelijke vormen van stilering die ik gebruik in mijn werk:
Ik zal het proces hiervan allemaal afzonderlijk uitleggen, maar voel je vrij om meerdere stijlen te combineren om een uniek karakter te creëren.
Opmerking: deze tutorial vereist een Gemiddeld / Gevorderd kennisniveau van Adobe Illustrator. Ik gebruik terminologie die u misschien niet begrijpt als dit de eerste keer is dat u Illustrator opent. Hoe dan ook, het stapsgewijze proces moet eenvoudig genoeg zijn om te volgen en bijna iedereen in staat stellen om het te voltooien. Wees gewoon voorbereid om een ding of twee te leren! Zoals altijd, als je vastloopt of vragen hebt, laat hieronder een reactie achter en ik neem zo snel mogelijk contact met je op!
In deze zelfstudie gebruik ik enkele aangepaste 'H' s die ik heb gemaakt. Ook al zijn deze 'H's' misschien niet 'met de hand geschreven', ze kunnen heel gemakkelijk de stijlen laten zien die ik ga maken. U kunt dus de onderstaande kennis nog steeds gebruiken voor bijna elk willekeurig lettertype of lettertype dat u maakt. U kunt zelfs een lettertype aanpassen met behulp van een paar van de onderstaande technieken. Het draait allemaal om het kiezen van de juiste techniek voor het juiste project. Gebruik ze ook spaarzaam, omdat meerdere stijlen behoorlijk overweldigend kunnen zijn.
Ten slotte, binnen elke sectie, heb ik een voorbeeld gegeven van enkele "echte" toepassingen van de specifieke soorten styling die we zullen aanpakken. Hopelijk kunnen deze voorbeelden u precies laten zien hoe ze elders kunnen worden toegepast en niet alleen op de "H"'s waarmee we in deze zelfstudie zullen werken. Laten we beginnen!
Ik noem dit de "gesplitste stijl" vanwege de aard van de lettervormen nadat ze "verdeeld" zijn. De lettervormen zijn bijna verdeeld in twee - vandaar het "gesplitste" effect dat het creëert.
In het vectorbestand "H Matrix" dat ik heb opgegeven, beginnen we linksboven en later rechtsonder, van links naar rechts werken.
Dus, om te beginnen, de eerste "H" die we zullen stylen is de bovenstaande H "(" linkerbovenhoek "van de matrix). Tijdens deze stap, voel je vrij om de "H" elke tint of waarde die je zou willen kleuren. Voor mij persoonlijk, houd ik het een grijze waarde.
Om de letters te "splitsen", gebruikt u de Line Segment Tool in Illustrator en vorm tweelijnen op de bovenkant van de "H". Geef die lijnen een witte lijn om het split-effect te creëren.
Om het af te maken, maakt u nog een horizontaal lijnsegment bovenop de dwarsbalk. Maar ik zou je slaggewicht een haarlijn dunner maken dan je verticale slagen om alles optisch in balans te brengen.
Vuistregel als het gaat om het type: horizontale lijnen (met name wanneer ze verbinding maken met verticale lijnen) lijken optisch dikker.
Het bovenstaande gif is het proces dat we net hebben doorlopen. Ik hoop dat het je meer inzicht geeft in hoe het allemaal samen is gekomen.
Het bovenstaande belettering stuk dat ik een paar maanden geleden heb voltooid, gebruikte de "split-stijl" overal. Hopelijk demonstreert dit een goed gebruik van de stilering.
Tijdens dit deel van de tutorial kun je vrijwel alles maken wat je hartje begeert. Sierdetails kunnen bijna alles zijn. Vormen, lijnen, textuur, bloeit, enz. - Voel je vrij om wild te gaan!
Om de volgende stijl te beginnen, gebruik ik de tweede van linksboven "H". Denk eraan, we werken van links naar rechts. Voel je vrij om de "H" in te kleuren als je wilt. We beginnen nu wat sierdetails te maken. Dit is een geweldige kans voor u om te doen wat u wilt. De details in deze "H" kunnen zijn wat u maar wilt! Zoals altijd, bent u welkom om te creëren wat ik ook bedacht heb.
Ik wilde "spur" -uitsnijdingen maken in de verticale lijnen. Om dat te doen, vormt u een driehoek met de Pen gereedschap (geef het een witte vulling) of hoe je wilt. Er zijn miljoenen manieren om één ding in Illustrator te doen! Je kunt de vorm zien die ik heb gemaakt in de bovenstaande afbeelding. Zodra die eerste vorm is gemaakt, kunt u deze kopiëren en plakken over de verticale stelen.
Vervolgens heb ik besloten om in het midden een ruitvorm toe te voegen met streken die van boven naar beneden lopen. Nogmaals, wat je hart ook begeert. De "ornamenten" die u aan uw typografie toevoegt, kan letterlijk alles zijn. Gebruik gewoon uw ontwerpgevoel om er zeker van te zijn dat het er goed uitziet!
Om de bovenstaande toevoegingen te maken, heb ik een diamant gevormd met de Rechthoekgereedschap. Vorm een vierkant door vast te houden Verschuiving, en draai het vierkant dan 45 graden en trek de bovenste en onderste ankerpunten uit.
Trek ten slotte lijnsegmenten uit om zich boven en onder uit te strekken, vergelijkbaar met hoe we het deden in de "gesplitste stijl".
Om te eindigen, heb ik nog een aantal extra vormen gemaakt om naar buiten toe uit de lettervorm te komen. Ook heb ik een andere diamantvorm gebruikt om de dwarsbalk te vertakken. Je kunt in de bovenstaande afbeelding zien dat ik de vormen heb gevormd en die vormen heb ik gedupliceerd naar de andere verticale steel.
Als alles eenmaal in elkaar is gezet, moet het proces iets lijken op het bovenstaande gif.
Het is bizar hoe sommige eenvoudige vormen toegevoegd of afgetrokken van de letter het hele gevoel direct kunnen veranderen! De mogelijkheden zijn eindeloos.
Er is geen goed of fout antwoord op het vormen van sierdetails. Het is waar het ontwerp eigenlijk om vraagt. Gebruik uw oordeel, begrijp de look / feel en voeg dienovereenkomstig toevoegingen toe.
In dit voorbeeld waren de decoratieve details die ik heb toegevoegd de "sporen" en de randen rond de lettervorm. Daarnaast heb ik een aantal andere technieken gebruikt die ik later in deze tutorial zal laten zien.
Het proces voor de slagschaduw hieronder is het proces dat ik het gemakkelijkst en het eenvoudigst vind om het effect te creëren waar we voor gaan. Er zijn veel, vele manieren om hetzelfde te doen, dus als dit proces je niet logisch lijkt, voel je dan vrij om de taak op elke gewenste manier uit te voeren.!
We beginnen met de rechterbovenhoek "H" in de matrix. Op dit punt, zoals altijd, voel je vrij om de tint te veranderen en bereid je voor om de volgende stap aan te pakken.
Tijd om te beginnen met het vormen van de slagschaduw. Om te beginnen, terwijl je vasthoudt Keuze op een Mac of alt op een pc, klik en sleep uw "H" naar beneden en naar rechts (of naar links) ongeveer drie pixels. Je hoeft niet exact te zijn, probeer alleen de bovenstaande afbeelding te kopiëren. Als je goed kijkt in de bovenstaande afbeelding, kun je zien wat we gaan vormen. Het ziet er naar uit dat we twee "H" s op elkaar gelaagd hebben. Voel je vrij om de tint of waarde van de "H" te veranderen, zodat je de gelaagdheid kunt zien.
Vervolgens, nadat u stap 2 hebt voltooid, hoeft u alleen maar op te drukken Command-D, dat is de snelkoppeling voor Duplicaat. Blijf drukken Command-D totdat je ongeveer vier tot zeven duplicaten van je H hebt. Het zou er uiteindelijk uit moeten zien als de bovenstaande afbeelding. Het zijn maar een stel "H"'s die op elkaar gestapeld zijn. Merk op dat de eerste, lichtere grijswaarde "H" nog steeds onderaan is.
Breng vervolgens die lichtere grijswaarde "H" terug naar voren zodat de donkerder getarreerde "schaduw" op de bodem staat. Ik weet zeker dat dit een beetje raar lijkt, maar ik beloof dat het er bij de volgende stap beter zal uitzien! Op dit punt zou ik dat doen samensmelten allemaal dupliceren donkerder "H" -symbolen zodat je een enkele vorm hebt. Het zou op de bovenstaande afbeelding moeten lijken, hoewel de richting en hoek van je schaduw er iets anders kunnen uitzien en dat is oke!
De laatste stap om deze schaduw te voltooien is om alle overbodige ankerpunten te verwijderen die zijn gemaakt nadat je je "H"'s hebt samengevoegd. Begin met het verwijderen van de extra ankerpunten die die ridgy secties vormden om een soepele verbinding te maken. Als je klaar bent, ziet het eruit als de bovenstaande afbeelding! U hebt nu een eenvoudige slagschaduw voltooid.
Hier is een proces-gif om het begin en einde van de slagschaduw te tonen. Het kan een paar stappen zijn, maar als het goed is gedaan, duurt het maar twee of drie minuten om er een te maken!
De slagschaduw in het bovenstaande voorbeeld is voltooid met exact hetzelfde proces. Zoals u in dit voorbeeld kunt zien in vergelijking met de "H", werkt het voor elke vorm van belettering! De reden dat ik het bovenstaande proces gebruik in plaats van de optie "Extrude & Bevel", is bijvoorbeeld vanwege de onnodige vormen, ankerpunten en groepen die het maakt. Het wordt naar mijn mening een beetje te ingewikkeld. De bovenstaande methode is eenvoudig en to the point.
Dit proces hieronder kan mijn persoonlijke favoriet zijn. De look is altijd schoon en produceert ook een grote diepte. Mensen verwijzen naar dit proces als zowel een gebeiteld als een reliëf uiterlijk. Elke naam is correct in mijn boek! Laten we beginnen.
We beginnen nu aan de tweede rij van de "H" -matrix te werken. Begin met de meest linkse "H", verander de tint en waarde naar wens en bereid je voor op het gebruik van de Pen-tool!
Nu vormen we lijnsegmenten die we later zullen "delen" met behulp van de Pathfinder-tool om ons gebeitelde effect te creëren. Dus, begin met het verdelen van je "H", vergelijkbaar met de afbeelding hierboven. In wezen is wat we zoeken naar deze "H" om te hebben een lichte waarde, gemiddelde waarde en donkere waarde. Deze divisies zorgen ervoor dat uw "H" de juiste arcering heeft.
Nogmaals, de lijnsegmenten hierboven zijn gemaakt met de Pen Tool en hebben een slag van 1 pt. De sleutel om dit te laten werken, is door ervoor te zorgen dat uw lijnsegmenten elkaar raken. Ze hoeven geen paden te kruisen, gewoon aanraken om het verdelingsproces goed te laten werken.
Nadat u denkt dat uw paden allemaal goed zijn om te gaan, verwijdert u het slaggewicht van uw lijnsegmenten, terwijl u alleen een pad zonder slag overhoudt. Het moet lijken op de bovenstaande foto. Je kunt het pad alleen zien omdat ik het met mijn muis heb gemarkeerd.
Met uw "H" en alle geselecteerde lijnsegmenten navigeert u naar uw verkenner tool en selecteer de Verdelen keuze. Eenmaal verdeeld, zou je "H" moeten verschijnen zoals de afbeelding hierboven. In wezen zijn alle delen van de "H" nu opgedeeld in verschillende vormen zodat u kunt kleuren.
Als laatste, om de verdeelde "H" af te maken, is het tijd om elke individuele vorm te kleuren. Maar eerst moet je bepalen waar je lichtbron zal zijn. Voor mij heb ik vastgesteld dat het in de linkerbovenhoek is. Daarom worden de bovenste vormen de lichtste waarde, vormen de zijkant uw gemiddelde waarde en vormen de onderkant uw donkere waarde. Maak het consequent overal en gebruik een goed beoordelingsvermogen - u weet wat er goed uitziet en wat niet! De afbeelding hierboven is hoe het eruit zou kunnen zien. Het is duidelijk dat je waarden en tinten kunnen verschillen.
Een ander proces gif om het begin en het einde te tonen. De verkenner gereedschap is je beste vriend!
In het bovenstaande voorbeeld heb ik precies hetzelfde proces gebruikt om mijn "Z" te verdelen. De textuur en andere effecten zijn afzonderlijk gemaakt. Voor dit specifieke voorbeeld heb ik de textuur in Photoshop toegepast om de bestandsgrootte te verkleinen, omdat Illustrator-bestanden behoorlijk zwaar worden zodra een ton textuur is toegepast. Ik zal mijn textuurproces later in de zelfstudie beschrijven!
Dit is misschien niet de juiste naam voor de stijl waarmee we werken - het is precies wat ik het noem. Dit proces is ongelooflijk eenvoudig en kost niet veel tijd.
Tijd voor een andere favoriete stijl van mij, de "inline". We zullen de middelste plak serif "H" in de matrix gebruiken. Bereid dat voor Pen gereedschap nog een keer. Dit proces gaat erg snel, maak je geen zorgen!
Gebruik om te beginnen de Pen gereedschap of de Line Segment Tool om een lijn te vormen van de bovenste plaat serif naar de onderste plaat serif. Zodra u die ene lijn hebt getekend, kopieert en plakt u deze over de verticale lijn naar rechts. Als je "H" lijkt op de afbeelding hierboven, ben je op het goede pad. Dat was het moeilijke deel!
Vervolgens, met die gestreepte lijnsegmenten geselecteerd, navigeer je je cursor omhoog in de richting van de selector van de slag "profiel". Dit kan ook gevonden worden binnen de Beroerte venster. Hoe dan ook, als je eenmaal in de profielkiezer zit, kies dan de allereerste optie, die eruitziet als een gepeperde oogbol. We willen het profiel dat aan beide uiteinden van onze slagen afneemt. Voel je vrij om met andere profielen te spelen. Sommigen van hen creëren een aantal coole effecten.
Daar heb je het! De slag loopt taps toe van het ene uiteinde naar het andere en creëert met één druk op de knop een mooie vloeiende en puntige streek.
Zoals altijd staat het proces-gif hierboven voor u om de begin- en eindfasen te zien. Niet veel om het proces om deze stijl te maken! 
Zoals je hierboven kunt zien, heb ik de inline-stijl gebruikt voor mijn deck-ontwerp voor Girl Skateboards. Ik voelde dat mijn lettervormen een beetje te zwaar waren. Om die zwaarte te verminderen, heb ik de inline styling toegevoegd, niet alleen aan de kleur, maar ook om een mooie textuur toe te voegen.De uitgesneden stijl die we gaan beginnen, lijkt veel op de inline-stijl, omdat we de profielkiezer opnieuw gebruiken voor onze streken. Het is een zeer snel proces.
Laten we nu met de uiterst rechtse "H" in de middelste rij beginnen met de kniptechniek. Verander op dit moment kleuren, schaal, etc. naar wens en bereid vervolgens de Pen Tool opnieuw voor!
Teken vervolgens een lijn die ongeveer een derde van de lengte van de verticale stengel is. Teken slechts één regel, want u kunt deze vervolgens kopiëren en plakken in de rest van de lettervorm. Het zou er uiteindelijk uit moeten zien als de afbeelding hierboven nadat al het kopiëren en plakken voltooid is.
Ten slotte, net zoals we deden in stap 3 van het gedeelte "Inline-stijl", navigeer je je cursor omhoog naar de profielkiezer. Met je streken geselecteerd, in plaats van de eerste tapse optie te selecteren, gaan we de driehoekig uitziende vorm selecteren. Net zoals de afbeelding hierboven. Dat profiel maakt de basis van je slag plat terwijl de rest smaller wordt. Het zal in wezen een driehoekige vorm creëren die je stelen zal uitsnijden.
Hier is het zeer snelle proces hierboven. Slechts ongeveer acht klikken van de muis vereist om dit gewenste effect te creëren. Niet slecht!
Het uitgesneden effect is een andere favoriet van mij. Ik heb de knipselstyling opgenomen in dit handgetekende stuk voor State Bicycle Co. Ik heb hier echter geen Illustrator voor gebruikt. Ik creëerde het knipeffect op de ouderwetse manier - met de hand, met een potlood.
De open slagschaduw is bijna identiek aan het "slagschaduw" -proces dat we eerder voltooiden. Het enige verschil is de negatieve ruimte tussen de lettervorm en de schaduw die we zullen maken. Je slagschaduw of schaduw kan naar linksonder of rechtsonder vallen. Een ding dat ik zal noemen is dat een schaduw linksonder wordt beschouwd als een "schaduw van tekenschilders", terwijl schaduw rechtsonder een "schaduw van printers" is.
Een schaduw van schilders vereist minder slagen en dus minder verf. Het draait allemaal om efficiëntie bij het schilderen van kleuren. Daarom hebben schaduwen die naar rechtsonder gaan meer streken van de borstel nodig. In dit geval gebruiken we Illustrator, dus het maakt ons niet echt uit, omdat het vector is. Ik dacht dat ik dat stukje info zou delen voor het geval je besluit een schaduw / schaduw te schilderen!
We naderen het einde! Laten we beginnen met de onderste linkse schreefloze "H". Doe je ding met deze "H" -kleur, schaal het, alles wat je hartje begeert, en bereid je voor op een zeer vergelijkbaar proces als de "Slagschaduw" -sectie.
Volg vervolgens, vergelijkbaar met Stap 2 in het gedeelte "Slagschaduw" Keuze en klik en sleep een "H" ongeveer 5 px naar beneden. Druk vervolgens op Command-D nog ongeveer vijf tot zeven keer om je schaduw te creëren. Het ziet er uiteindelijk uit als de bovenstaande afbeelding. tenslotte, samensmelten al die gekopieerde vormen om een enkele vorm te vormen.
Het volgende wat je moet doen is die "schaduw" naar achteren verplaatsen, zodat deze achter je originele "H" staat. Wijzig vervolgens de kleur / waarde van de eerste gekopieerde "H". Hierdoor kunt u zien wat we doen in de volgende paar stappen. Nadat alles gezegd en gedaan is, zou het op de afbeelding hierboven moeten lijken.
Verder gaan, gaan we nu doen Aftrekken onze verschillend gewaardeerde "H" van de rest van de schaduw die we net hebben gemaakt. Deze aftrekking creëert de open negatieve ruimte tussen de lettervorm en de schaduw.
Nogmaals, net zoals we eerder deden in stap 5 van het gedeelte "Slagschaduw", begin je met het verwijderen van alle onnodige ankerpunten. Nadat je ze allemaal hebt verwijderd, moet het er bijna af zijn! Nog een laatste ding om te doen.
Breng de schaduw een stap verder en laat het meer lijken alsof het zich uitstrekt van de "H". In de afbeelding in stap 5 wordt de schaduw vierkant in de hoeken. Om dat op te lossen, verwijdert u die extra ankerpunten en verschuift u vervolgens het enige ankerpunt naar rechts. Het maakt niet uit welk ankerpunt u verwijdert, omdat u toch het resterende ankerpunt verplaatst. Vergelijk en contrasteer de afbeelding van stap 5 en stap 6. Je zult zien wat ik bedoel.
Gebruik dit proces gif hierboven om u te helpen, indien nodig! Het proces kan een beetje verwarrend zijn als dit je eerste keer is dat je zoiets probeert. 
In mijn voorbeeld uit de praktijk hierboven, creëerde ik eigenlijk een tweeschaduwige open slagschaduw: een lichtere, gewaardeerde blauwe tint bovenop een donkerder getypeerde blauwe tint. Ik gebruikte het exacte proces dat ik hierboven heb beschreven.
Voor dit gedeelte van de tutorial gaan we de houtstructuur van Nick Slater gebruiken, aangezien hij het genadeloos gratis weggeeft. Ga naar zijn Dribbble-pagina, download de textuur en bereid je voor op het proces! Deze techniek kan hetzelfde werken voor elke vorm van textuur. Of dat nu beton, hout, vezels, bont, enz. Is, het kan met de onderstaande stappen. Laten we beginnen.
We werken nu met de middelste schreefloze letter H in de onderste rij. Verander de tint, waarde en wat je nog meer wilt. Open vervolgens de textuur die ik hierboven heb gekoppeld in Illustrator.
Nu, met de houtnerfstructuur open, kopieert u de textuur. Navigeer naar je "H" en plak de houtnerfstructuur er bovenop. Het zou er op het bovenstaande uit moeten zien. Selecteer op dit moment de textuur en Uitbreiden het om te zorgen dat het een solide vorm heeft en geen slag.
De laatste stap is om zowel de textuur als de "H" te selecteren. Terwijl beide geselecteerd zijn, navigeer je met je muis naar de verkenner paneel en gebruik de Minus voorkant keuze. Dit zal de textuur aannemen en "aftrekken" van wat erachter zit. In dit geval zal onze "H" de textuur eruit verwijderen, waardoor een houtachtige "H" overblijft.
Ik heb hetzelfde proces in dit stuk gebruikt. Mijn stuk "Follow Your Bliss" werd gezeefdrukt, en in plaats van een "gele" tint boven op de belettering te gebruiken, "trok ik" de textuur van de belettering af om het gele papier zichtbaar te maken. Dit verwijderingsproces is perfect voor zeefdrukken of boekdruk wanneer u de papierkleur in uw ontwerp wilt gebruiken. 
De laatste "H" in de matrix! Voor deze techniek moet u zowel het paneel Uiterlijk als het deelvenster Lijn begrijpen. Laten we beginnen.
Laten we beginnen met het toevoegen van de eerste streek aan onze lettervorm. Dit is het makkelijke gedeelte. Selecteer uw "H" en navigeer naar uw Beroerte paneel om een 2 pt-slag toe te voegen. Elke kleur zal het doen, zolang we de slag kunnen zien. Ik gebruik altijd een echt onaangename of gekke kleur om te beginnen, gewoon om te zien wat ik aan het doen ben.
De volgende stap is om de tweede streek toe te voegen. Om dat te doen, open je je Verschijning paneel. Klik met je "H" geselecteerd op het gestreepte vierkante pictogram linksonder in het paneel. Het lijkt een beetje gemarkeerd in de bovenstaande afbeelding. Maak hier een slag van 4 pt. Nu hebben we twee slagen ... Maar onze eerste streek is nog niet zichtbaar. Dat regelen we in de volgende stap.
Het paneel Uiterlijk werkt net als lagen. Dus herschik uw 4 pt slag naar de bodem terwijl uw 2 pt slag bovenaan blijft, zoals in de bovenstaande afbeelding. Dat zou het mogelijk moeten maken dat beide lijnen zichtbaar zijn. Als dat niet het geval is, ga dan naar de Beroerte paneel en lijn uw lijn naar buiten uit. Hierdoor wordt de slag naar buiten gedrukt in plaats van dat de streek uw "H" -vorm verbruikt.
Op dit punt zijn we klaar! Voel je vrij om die kleuren terug te brengen naar iets subtielers en consistenter. U kunt ook de hoeken van de lijnen wijzigen om een afgerond of hoekig effect te krijgen.
Het bovenstaande voorbeeld was een experiment voor mij. Ik heb nooit het effect van de dubbele streek gebruikt totdat ik aan het Girl Skateboards-project werkte. In combinatie met andere stijlen ziet het effect met dubbele streek er vrij lief uit als je het mij vraagt!
Er zijn zo veel manieren om stilering toe te voegen aan uw lettervormen. Om geweldige texturen, karakteristieken, kleurschema's, diepte, enz. Te vinden om aan je brieven toe te voegen, neem je een avontuur ergens ver of dichtbij waar je woont en haal je inspiratie uit je dagelijkse ervaringen. Misschien speelt het met gereedschappen die je normaal niet zou gebruiken om letters te maken, zoals een spons, een vork, stof - de mogelijkheden zijn eindeloos. Experimenteer eindeloos!
Accentsconagua