En in-djup Guide till att arbeta med typografi i Illustrator

Adobe Illustrator är en fantastisk applikation för att tillverka typografiska mästerverk. Men om du skapar en enkel paragraf för en utskriftsannons eller ett komplext typografiskt konstverk för en webbplats, finns det flera tips och tekniker som du borde veta för hur man manipulerar typ inom programmet.

Nedan hittar du en kort översikt över några av de grundläggande kommandon som du borde bekanta dig med, liksom några måste känna till tangentbordsgenvägar och till och med några få obskyra funktioner som du inte ens vet om existerar. Låt oss börja!

Arbeta med typografi: Mycket grundläggande

Innan vi går in på hur man specifikt använder Illustrator för att arbeta med typografi är det viktigt att diskutera den grundläggande terminologin som vi ska använda. De flesta skrivdesigners lär sig dessa villkor i början av sin utbildning, men webbdesigners hoppar ofta över vad jag anser vara ABC: er av design och går direkt till att lära sig hur man tar mönster från Photoshop till HTML.

Så för alla som bara har börjat eller någon som har designat i flera år men hoppat över grunderna, här är en snabb och smutsig kraschbana på några variabler som du borde veta när du arbetar med typografi.

Bilden ovan pekar på flera nyckelord som du behöver veta. Vi kommer att titta på var och en av dessa djupgående när vi diskuterar hur man använder Illustrator för att manipulera dem, men för närvarande borde du helt enkelt se till att du förstår varje term.

Kerning och spårning styr det horisontella flödet av ett block av typ. Kerning avser att göra justeringar av avståndet mellan två specifika bokstäver. Spårning liknar men justerar avståndet mellan alla bokstäver i blocket samtidigt.

På liknande sätt styr ledande och baslinjeskift det vertikala flödet. Ledande justerar avståndet mellan två linjer och baslinjeskiftet gör att du kan flytta specifika bokstäver upp och ner.

Var och en av dessa motsvarar en inställning som antingen kan manipuleras direkt eller justeras stegvis genom teckenpaletten.

Illustratör vs Photoshop

Oavsett om du designar för utskrift eller webb, rekommenderar jag starkt ditching Photoshop för att skapa typografi. Photoshop är bra på många saker men att arbeta med typ är inte en av dem.

Inte bara är Illustrator mycket kraftfullare och flexibel när det gäller typ, det är också mycket snyggare också. För att se vad jag menar, överväga skärmdumpen nedan.

Detta är en sida-vid-sida jämförelse av två fönster som jag hade öppnat, var och en med ett liknande block av kopia. Vänster visar Photoshop-förhandsgranskningen och den högra visar Illustrator-förhandsgranskningen. Som du kan se är Photoshop hakig och ful medan Illustrator är slät och vacker.

Photoshop visar dig en anständig förhandsgranskning på 100% (Command + 1) men på nästan alla andra zoomnivåer ser texten ut som skit och är inte alls en bra indikation på hur din slutliga produktion kommer att se ut.

Illustratorn å andra sidan är lysande för att visa vektorgrafik på olika nivåer av zoom (sätt zoomat ut blir det lite rörigt men ändå bättre än Photoshop).

Kerning i Illustrator

Varför kärna? Det största rookiefelet du kan göra med typografi är att anta att Illustrator, Photoshop eller någon annan app kommer att spotta ut perfekt avståndstyp som standard.

Tyvärr, de olika egenskaperna och unika egenskaperna hos varje typsnitt orsakar perfekt brevavstånd för att vara ganska svårt att svårt programmera till programvara. Ett bra gammaldags par mänskliga ögon är helt enkelt det bästa verktyget till ditt förfogande för att göra dessa justeringar.

Tänk på exemplet nedan:

Exemplet längst upp är hur Illustrator placerar texten som standard och exemplet på botten visar samma exempel med några manuella justeringar. Jag markerade inte med uppgift om var justeringar har gjorts så att du kan lära dig att upptäcka de områden som behöver hanteras.

Ett av de viktigaste ställena att hålla koll på är avståndet mellan stora och små bokstäver. Brev som? V? som inte gör en bra blockform är särskilt dåliga och måste nästan alltid justeras för att undvika obehagligt avstånd.

Kerning kan tyckas löjligt noggrann och inte värt ansträngningen, men det är absolut något du borde vara uppmärksam på som designer. Det är en av de sakerna du kan gå hela ditt liv utan att märka men när du äntligen ser det ljus du är förstört. Du kommer att börja mentalt justera kärnan i restaurangmenyerna och på skyltar och bussannonser.

Baslinjeskift

Den andra som du kanske undrar är baslinjeskiftet. Visst finns det inga praktiska skäl att röra med baslinjeskiftet av ett brev, eller hur?

Som vi kan se i bilden ovan finns det åtminstone en extremt vanlig nödvändighet för att applicera baslinjeskift. Standarduppsatsåtgärden resulterar ofta i ett till synes gigantiskt registrerat varumärke eller upphovsrättssymbol. Även om det här kan anpassas i preferenser, kommer det fortfarande att vara nödvändigt att göra manuell justering av karaktärens storlek och grundlinje i de flesta fall.

Tangentbordsgenvägar

Här är den roliga delen. Du kanske känner många av dem från ditt jobb med Photoshop, men en uppdatering är alltid bra. Jag använder Mac-tangentbordsgenvägarna här så PC-användare ska komma ihåg att Command = Control and Option = Alt.

kerning

För att justera kärnan mellan två bokstäver, placera markören mellan dem och använd alternativknappen i kombination med vänster och högerpil.

spårning

För att justera spårningen använder du samma kortkommandon som du använde med kerning, bara här gör du ett specifikt urval och justeringar utförs enhetligt över alla valda tecken.

Du kan antingen välja specifika tecken som i bilden ovan eller helt enkelt klicka på hela blocket med direktvalverktyget för att justera allt inom.

Ledande

Du gissade det, ledningen är samma tangentbordsgenväg som de föregående två men den här gången använder du upp och ner pilarna istället för vänster och höger.

Här kan du välja antingen hela blocket eller bara de linjer du vill justera.

Baslinjeskift

Baslinjeskiftet kastar en kurvkula genom att lägga till växlingsnyckeln i mixen. Välj ett brev och använd skiftknappen plus piltangenterna upp och ner för att justera höjden.

Andra Handy Genvägar

  • Större ökande förändringar: Kommandotangenten i kombination med genvägar ovan
  • Öka / Minska teckenstorlek: Kommando + Skift +> eller <
  • Alternativ Kerning / Tracking: Command + Shift + [eller]
  • Ändra Motivering: Kommando + Skift + L, R eller C (vänster, höger eller centrum)
  • Reset Kerning / Tracking: Kommando + Alternativ + Q

Arbeta med kolumner

Av någon anledning är många fortfarande under intryck av att Illustrator inte kan hantera flera kolumner av typen. Sanningen är att den har haft denna funktionalitet i åratal och är ganska anständig på den.

Det här är där InDesign-publiken hoppar ut ur sitt säte och kräver uppmärksamhet. Ja, InDesign är fantastiskt för sidlayout och svårt att slå för komplexa flerkolonnerade arrangemang. Men det här är inte en Indesign handledning så jag vill inte höra några klagomål.

Om du vill skapa flera kolumner med text i Illustrator, skapar du en textruta, fyller den med text och går till? Alternativ för områdets typ? under typmenyn.

Här kan du ställa in antalet kolumner och rader, justera bredden och rännan, sätt flödet på texten och mer. Resultatet är en enda textruta som automatiskt flyter din typ över så många kolumner som du vill. Resultatet uppdateras live när du ändrar textrutans storlek.

Tecken och styckeformat

Illustratorn låter dig spara attributen för din text i en återanvändbar stil. Detta är perfekt för de tillfällen då du ofta arbetar med flera märken och behöver snabbt byta mellan de stilar som anges i respektive varumärkesriktlinjer.

Skapa tecken och styckeformat är lika enkelt som att ställa in text på samma sätt som du vill ha den, välja den och sedan slå på? Ny? knappen i paletten för tecken eller styckeformat.

När du vill tillämpa den här stilen på en annan text, välj texten och klicka sedan på den stil du just ställde in. Dubbelklicka på titeln låter dig byta namn på stilen.

Inställning av flikar

För att ställa in flikar i Illustrator, tryck på Kommando + Skift + T och hämta flikpaletten. Här kan du dra ut flikar precis som du skulle i de flesta textredigerare.

Du märker att paletten för flytande flik är lite irriterande och svår att placera. För att åtgärda det, välj den text du vill justera och slå den lilla magnetikonen längst till höger. Detta stämmer automatiskt upp paletten till texten och gör det mycket lättare att korrekt konfigurera dina flikar.

Provtagning annan text

I Illustrator är verktyget Eyedropper mycket mer än ett verktyg för färgprovtagning. Du kan också använda den för att snabbt matcha stilar mellan element.

Om du till exempel skapar två kvarter av kopia, stil en, vill du att den andra ska matcha, välj den icke-stylade versionen och sedan eyedropper den stilade versionen för att snabbt göra dem identiska.

Genom att hålla nedskiften kan du bara prova färgen utan att ta tag i de associerade stilerna. Om du inte har något val, lägg i den textstil du vill duplicera, och välj alternativet Ögonband för att använda den här stilen.

Slutligen dubbelklicka på eyedroppen i verktygspaletten för att justera vad som är och kopieras inte över i provet.

Avancerad Sök och ersätt

Illustrator har en av de bästa hitta och ersätt verktyg som du hittar i någon app. Faktum är att det slår det för varje dedikerad textredigerare jag känner till (finns under Redigera-menyn).

Anledningen till detta är den lilla flyoutmenyn som innehåller alla de små sakerna du alltid vill hitta och ersätta men vet inte hur. Detta inkluderar tvingade radbrytningar, fliktecken, tunna utrymmen etc.

Illustrator gör det möjligt att snabbt hitta och ersätta teckensnitt. Klicka bara på? Typ? menyn och gå till? Sök Font? ?

Slutsats

Jag kunde prata om Illustrator typ tips för dagar men ovanstående representerar en bra översikt över den information som behövs för att komma igång.

Ett av huvudsyftet med detta inlägg är att verkligen uppmuntra alla dedikerade Photoshop-fans där ute för att ge några av de andra Creative Suite-applikationerna ett skott. Illustratorn kan verka som den bara är användbar för begåvade artister, men i sanning är den perfekt för alla vektorbaserade arbeten du behöver gjort om du är en skicklig illustratör eller inte.

Lämna en kommentar nedan och berätta för din favorit Illustrator-typ trick. Det finns mycket mer att välja mellan och jag hoppas att lära mig en sak eller två från dina svar!