Share
Het is nooit eenvoudig om je eigen grafische identiteit te creëren. Het is zelfs het moeilijkste wat je ooit hebt gedaan. Er is meestal geen deadline - alleen een pretentieuze klant met irrationele verwachtingen: jezelf.
Bij het zoeken naar de juiste look ben ik niet gaan zoeken in populaire lettertypen en trendy kleurenschema's. Omdat het merendeel van mijn werk experimenteel en volledig zelfgemaakt is, waarom zou mijn eigen logo dan niet zo goed zijn?
Het eerste dat je moet weten, is dat het maken van lettervormen niet voor iedereen is. Voor de meesten wordt het gebruik van een bestaand lettertype aanbevolen. Sterker nog, je kunt je afvragen: "Als je woordmerk zo simpel is, waarom zou je dan moeite doen? Waarom zou je niet gewoon een lettertype gebruiken?" Ik weet zeker dat er veel beter uitziende lettertypen zijn. Maar geen van beiden maakt me zo gelukkig als deze. Zie je, ik heb dit gemaakt. Als je een praktische man bent zoals ik, betekent gelukkig zijn met iets dat het aan je eisen voldoet. Dus, wat wil je uit je logo halen??
In deze zelfstudie leer ik je hoe je een logo maakt dat aan de volgende behoeften voldoet. Allereerst ben ik een beeldmaker die voornamelijk werk in digitaal formaat weergeeft. Dat is al een indicator dat mijn lettertype er goed uit moet zien op het scherm. Sans-serif-lettertypen presteren goed digitaal, dus dat is al een goede reden om die richting op te gaan.
Ten tweede heeft mijn werk een handtekening nodig, een symbool, iets dat een bepaald werkstuk als het mijne identificeert. In de digitale wereld wordt dat een watermerk genoemd. Al heel vroeg besloot ik dat dat symbool een monogram zou zijn. Ik ben altijd al aangetrokken tot ouderwetse dingen, en dit kan eigenlijk meer zijn dan een sentimentele keuze. Monogrammen nemen weinig ruimte in, kunnen zowel in grote als in kleine formaten worden weergegeven, maar bieden voldoende informatie om herkenbaar te worden. In een heel lang proces van schetsen, realiseerde ik me dat mijn monogram een ambigram kon worden (leest hetzelfde wanneer het van onder naar boven wordt geroteerd). Dat is +1 voor awesomeness. :)
Goed, dus ik wil een eenvoudig schreefloos woordmerk en verwant ambigram. Hoe kun je dat veranderen in meer dan een schets? Er zijn verschillende manieren om een lettertype te maken. Omdat ik zo'n controlfreak ben in mijn werk, heb ik ervoor gekozen om dit te doen door middel van geometrische constructie. Dat betekent dat niets ruw geschat wordt op basis van het gezichtsvermogen. Curven worden gemaakt door een reeks verhoudingsgewijs geschaalde cirkels uit te lijnen. Hun radii worden bepaald door nauwkeurig gehoekte lijnen en lettergewichten worden metrisch gespecificeerd. Simpel gezegd, niets wordt aan het toeval overgelaten.
Voordat we erin kwamen, dacht ik dat ik een van mijn brieven zou laten zien in vergelijking met Futura Std, op die manier krijg je een gevoel voor verhoudingen over hoe groot je je kringen kunt maken. Dit is ook het raster dat we gaan maken.
In de volgende stappen laat ik de letter 'e' op zijn plaats. Dit zal als een gids dienen, opnieuw ter wille van de proporties, hoewel we het opnieuw creëren. Deze brievenbak die we gaan maken zal later worden omgezet in een 'a', 'e' en een 'c'.
Maak om te beginnen je eerste cirkel. Dit zal de komhoek zijn, om zo te zeggen. In dit gedeelte moet de optie Illustrator Smart Guide zijn ingeschakeld (Command + U) en klikken is ingeschakeld (Option + Command + "). In deze situatie is het niet alleen tijdbesparend, maar ook noodzakelijk.
Maak een horizontale lijn die zich uitstrekt van de ene kant van de cirkel naar de andere.
Ga naar Object> Transformeren> Roteren en roteer de lijn in een hoek van -25 graden.
Sleep de lijn langs het pad naar de linkerkant. Op die manier heb je een duidelijke kruising van paden met de cirkel.
De lijn bevindt zich nu boven de cirkel, omdat deze achteraf is gemaakt. We willen dat de cirkel bovenaan staat, omdat we proberen een kruispunt toe te voegen aan het pad van de cirkel. Verander het arrangement door de cirkel bovenop te plaatsen of knip en plak de cirkel op zijn plaats (Command + F). Beweeg vervolgens de muis over het kruispunt en voeg een punt toe met het gereedschap Pen (P).
Kopieer en plak de lijn op zijn plaats (Command + F) Ga naar Object> Transformeren> Reflecteren. Draai het om via de verticale as.
Herhaal het lijnproces (sleep de lijn langs het pad, breng de cirkel naar boven, voeg een snijpunt toe aan de cirkel).
Kopieer en plak de cirkel op zijn plaats en ga naar Object> Transformeren> Schaal. Maak het 225% groter.
Sleep het toppunt van de 15 graden hoek van de grote cirkel direct bovenop het punt van de kleinere. Ze moeten op hun plaats klikken.
Kopieer en plak de kleinere cirkel. Sleep deze zoals je deed met de eerste, behalve over het laagste punt van de grote cirkel.
Dit is wat je constructie nu zou moeten zien. Hiermee is de buitenste rand van de brief voltooid. De volgende is de binnenradiusgrens.
Kopieer en plak op zijn plaats de kleine cirkel van de buitenradius. Schaal het af tot 50%.
Voeg met behulp van de Smart Guides-optie een punt toe met het gereedschap Pen op de binnenradiuscirkel op 135 graden (de gids wordt automatisch weergegeven). Kortom, dit is een diagonaal van 45 graden.
Kopieer en plak op zijn plaats de kleine cirkel (we zullen deze nieuwe middelgrote noemen). Schaal het op 130%.
Maak opnieuw de diameter voor de cirkel zoals eerder, maar onder een hoek van -15 graden deze keer.
Kopieer en plak op zijn plaats een van de grote cirkels. Geef het ook een diameter van -15 graden.
Verplaats de grote cirkel zodat deze overeenkomt met het 15 graden-hoekpunt van de middelgrote cirkel.
Kopieer en plak de twee cirkels (klein en middelgroot). Draai ze verticaal om (horizontale reflectie) en klik ze vast op het onderste 15 gradenpunt van de grote cirkel (als je er nog geen hebt gemaakt, doe het dan nu).
Kopieer en plak nog een grote cirkel en knip deze naar het bovenste punt van de middelgrote cirkel. Doe hetzelfde voor de onderste.
Maak nu een slag van 37 pt die groter is dan de letter. Maak ook een dunne streek die u als een gids gebruikt (in het zwart). Klik de richtlijnlijn op het juiste punt van de middelgrote cirkel.
Terwijl u de grote streek selecteert, gaat u naar Object> Uitbreiden.
Maak een paar richtlijnen aan elke kant van deze dikke streek.
Verwijder de dikke streek en verzend de handleidingen die u zojuist hebt gemaakt naar de achterkant van het canvas.
waar de hulplijnen elkaar kruisen met de grote buitenste en binnenste cirkels, voeg kruispunten toe.
Onze constructie is nu voltooid. Laten we beginnen met het samenstellen van de buitenste rand. Kopieer alleen de buitenste randelementen naar een nieuwe laag en verberg de vorige laag.
Hier is hoe dit werkt. Elke cirkel is alleen relevant totdat deze een andere cirkel raakt. Dus van de grote buitenste bovenste cirkel (nog steeds als een witte lijn voor referentie) hebben we alleen maar het kleine, bovenste deel nodig. Omdat we kruispunten hebben toegevoegd aan al deze punten, hoeven we alleen maar de extra's bij te snijden door onnodige punten te verwijderen met het gereedschap voor directe selectie (A - witte pijl). Alles wissen, maar het gemarkeerde gedeelte hieronder.
Vanuit de hoekstraal laat je net zo veel over om de bovenste en linker grote cirkel te verbinden.
Doe hetzelfde voor de linker grote cirkel en vervolgens de onderkant.
Op dit moment zou je cirkel er zo uit moeten zien. Let niet op dat de bovenkant langer is. Het is niet echt - de 'e'-letter is iets minder breed dan de' a 'bovenaan.
Het pad kan er continu uitzien, maar in feite is het opgesplitst in de vele stukken die we hebben gemaakt. We moeten nu alle kruisende punten bij elkaar voegen. Sleep met de tool voor directe selectie (A) over de twee overlappende punten en voeg de paden samen toe (Command + J). Doe dit voor alle gespleten haarpunten.
Je buitenomtrek is nu klaar. Zorg ervoor geen losse eindjes te missen.
Herhaling van het proces voor de interieuromtrek zou u dit resultaat moeten geven. Vergeet niet om ook de twee paden samen te voegen.
Weet je nog de twee verticale hulplijnen die we hebben geplaatst? Sluit de 'a' bowl af met de Rectangle Tool (M).
Vul het kompad met een effen kleur, verwijder de contour en groepeer deze met de rechthoek. En tot slot hebben we onze eerste brief!
Dupliceer het en laten we verder gaan met de volgende letter. Creëer een schuine lijn van 15 graden.
Plaats het onderste eindpunt van de lijn over de hoek van de letter.
In dezelfde techniek om eindpunten over elkaar kruisende paden te plaatsen, snijdt u de onderkant van de kom af.
Verplaats de rechthoek door de rechteronderhoek over het onderste eindpunt van de letter te klikken.
Verklein de rechthoek tot een verticale proportie van 70%. Vergeet niet om dit niet-conform te doen, om de dikte te behouden.
Sleep de rechterbovenhoek van de rechthoek totdat deze op het kompad klikt.
Snijd het overtollige deel van de kom af aan de rechterkant van de rechthoek, zoals hieronder te zien is.
Dupliceer de rechthoek, draai deze in een hoek van 90 graden en klik deze vast op de hoek van de vorige rechthoek.
Dupliceer de verticale rechthoek en klik deze vast aan het middelste binnenste anker van de schaal.
Versleep de twee eindpunten van de horizontale rechthoek met het gereedschap Direct selecteren (A) totdat het klikt naar de derde rechthoek. Verwijder de laatste om de opening te onthullen.
De 'c' is een eenvoudige wijziging ten opzichte van de 'e'. Knip gewoon de horizontale scheidingslijn af terwijl u een gids van de 'e' gebruikt. We hebben nu de drie moeilijkste letters om te maken!
We gaan nu de formulering maken en nieuwe letters maken waar nodig. Om te beginnen hebben we een plaatsingsrooster nodig. Maak twee zeer lange horizontale lijnen en knip ze naar de verste verticale ankers op de 'a'.
Groepeer de twee lijnen (Command + G), knip en plak ze op een nieuwe laag, kopieer en plak ze op hun plaats (Command + F). Schaal deze nieuwe groep tot 94% op zijn verticale as. Waarom de dubbele set gidsen? Bekijk snel alle professionele lettertypen in uw bibliotheek. Je zult merken dat de aanrechten altijd verder reiken dan stelen. Dit komt omdat wanneer de toonbank en de stengel op gelijke niveaus zijn, de ene visueel de steel waarneemt als groter. Om dit niveauverschil te compenseren, moet men het tellerniveau voorbij de x-hoogte verhogen.
De rode lijnen zijn nu onze x-hoogte. We hebben nu een oplopende lijn nodig (gemarkeerd met wit).
Maak een verticale lijn die uit de ascenderlijn springt naar de basislijn. Verwar de basislijn niet met de tegenregel. Onthoud dat de stengels (wat we nu creëren) niet samenvallen met de tegenlijnen. Het kan u helpen om de kleur van de basislijn en x-hoogte naar een andere te veranderen.
Voeg nog een hulplijn toe die op de punt van de letter 'a' schaal klikt (zoals hieronder getoond). Voeg vervolgens op de fontlaag een hoek van 20 graden toe en knip het bovenste eindpunt waarbij de geleider de steel snijdt.
We hebben nu een component nodig voor de letter 'l'. Maak een zeer grote cirkel op dezelfde laag.
Klik het linker horizontale anker van de cirkel op de steel.
Voeg ankers toe aan de paden waar ze elkaar kruisen met de hulplijnen. Eén voor de tegenregel en één voor de basislijn. Zorg ervoor dat u de geleidelaag vergrendelt, anders komen die ankers op de hulplijnen terecht in plaats van paden.
Knip de cirkel af totdat je over bent met het kleine gedeelte linksonder. Verbind de paden om een laatste letter 'l' te krijgen.
Maak een lange lijn van 40 pt (lijndikte) en draai deze in een hoek van 35 graden.
Dupliceer de lijn en draai deze horizontaal om.
Breid het uit en snij het overtollige af, nogmaals, met behulp van de basislijn en x-hoogte als richtlijn. Zodra de x voltooid is, roteert u een 'l' met 90 graden en klikt u deze tegen de onderkant van de tegenlijn. Dupliceer vervolgens de hulplijnen en klik ze vast aan de onderkant van de geroteerde 'l'. We hebben in feite zojuist hulplijnen voor een tweede rij gemaakt met een rijafstand die identiek is aan het lettertypegewicht. Dit zorgt voor een zeer strakke lay-out, maar onmogelijk te maken met grote typen van het type.
Zie je, ik heb geen aflopende letters in mijn voornaam (ex 'g' - letters die voorbij de basislijn komen). Met een dergelijke lay-out overlappen de afstammelingen de tweede rij, wat uiteraard een probleem zou zijn.
Dupliceer de 'a' en draai deze horizontaal in de onderste rij.
Vouw de stengel uit tot deze de ascenderlijn bereikt.
Dupliceer de 'a' en draai deze horizontaal in de onderste rij.
Vouw de stengel uit tot deze de ascenderlijn bereikt.
De wijziging die we gaan maken, is er een die de leesbaarheid in kleine maten verbetert. Het is het soort ding dat men opmerkt na het afdrukken van proefdrukken en het testen op kleine afmetingen op het scherm. Maak een cirkel met een geschat resultaat, zoals hieronder weergegeven. Gebruik de techniek uit het eerste deel van de tutorial en trim de kom.
U ziet de onderstaande wijziging, die de leesbaarheid verbetert, vooral bij kleine maten.
Onze volgende letter op de lijst is 't'. Dupliceer de 'e' en knip deze over een gedupliceerde 'l' zoals hieronder te zien is.
Snijd alles af, maar wat wordt weergegeven in de onderstaande schermafbeelding.
Voeg de balk toe aan de 't' terwijl u de juiste uitlijning gebruikt.
Voeg een -10 graden lijn toe en gebruik deze als een gids om de balk aan te passen.
Het behouden van de visuele eenheid van een lettertype kan betekenen dat delen van een letter opnieuw moeten worden gebruikt om anderen te maken (zoals we deden met de 'a', e, 'c'), maar het kan tot uitersten leiden. Een 'b' veranderen in een 'h' is geen manier om te gaan. De hoek moet scherper worden en de overgang naar de tweede steel moet rond een strakkere radius plaatsvinden. Je moet de techniek nu kennen, dus maak er een aan de hand met de onderste afbeelding als richtlijn.
En tot slot, een letter 'ik' gemaakt van een verkorte 'ik'. Voeg de punt toe, maar maak de stip 105% groter dan het lettertypegewicht (of meer als je wilt).
Onze laatste zet met het woordmerk is op de spatiëring, ook bekend als tekenspatiëring. Om te beginnen, zullen we onze letters op een metrische plaats plaatsen door een 'l' letter als een sjabloon te gebruiken. Klik alle letters op dit spatieblok om hetzelfde resultaat te krijgen.
Wat we echter echt willen, is optische ruimte. Als u letters op gelijke afstand van elkaar plaatst, krijgt u ongewenste openingen als gevolg van de afzonderlijke vorm van elke letter. De gaten moeten worden geëffend door elke letter naar links of rechts te verplaatsen. In de sectie 'tec' heb ik bijvoorbeeld de 'e' meer naar links verplaatst om de kloof te corrigeren. Verplaats de eindletters van elk woord niet (a, x; b, i). Verplaats in plaats daarvan de inhoud.
Een grondige manier om kerning te verklaren is dit. Stel je voor dat je de ruimtes tussen elke letter met zand zou vullen. Elke ruimte zou dan ongeveer hetzelfde volume moeten hebben.
En hier is het woordteken, vóór en na kerning.
Het maken van de ambigram is vrij eenvoudig. Kopieer en plak twee 'b'-letters op een andere laag.
Draai de linker verticaal en horizontaal om.
Lijn de twee uit zoals te zien is in de onderstaande afbeelding.
Maak een slag van 30 pt en breid deze uit. Lijn het uit op beide randen van de stengel.
Pak de Pathfinder en gebruik de optie Aftrekken van vormgebied om het ambigram eruit te snijden.
Voeg een cirkel van 30 punten toe en laat tegelijkertijd voldoende ruimte over. Het verkleinen van het symbool zal onthullen hoeveel ruimte nodig is.
En hier zijn ze, ambigram en woordmerk. Ik hoop dat deze tutorial je iets heeft geleerd over typografie. Ik kijk er naar uit om je eigen namen en persoonlijkheden te zien die worden uitgedrukt door aangepaste gezichten!
Accentsconagua