Arbeider med profesjonell typografi i Adobe Illustrator

Jeg vil gjerne dedikere denne opplæringen til typografi, som er metodene for behandling av trykt tekst for bedre lesbarhet og skjønnhet. Typografi er sammensatt gjennom den grafiske utformingen av trykt tekst ved hjelp av spesifikkene for disse språkene. I denne Basix vil opplæringen bli brukt typografi metoder og regler ved hjelp av Adobe Illustrator. Materialer for å lage denne opplæringen ble vennlig innredet av Roman Kuznecov, aka Asat, som har mange års publiseringserfaring.


Trinn 1

La oss se på utformingen av den trykte teksten i eksemplet på sandwichoppskriften som vi jobber med i dag. Denne typen tekst inneholder en rekke elementer som vil hjelpe deg med å utvikle temaet for dette arbeidet. For forsøkene bør du bruke tekst som denne her.

Definer først de grunnleggende parametrene for tekstinformasjon:

  • Størrelsen på tekstblokken
  • Navn på skrifttypen
  • Skriftstørrelse
  • Linjeavstand

Å velge disse typografiske parametrene avhenger av mange faktorer, spesielt: på formatet av publikasjonen, stilen på teksten, designernes personlige preferanser, etc. Jeg vil forlate disse problemene utenfor omfanget av denne opplæringen, da den dekker bøker og monografier. Basert på personlig smak bestemte jeg meg for at tekstblokken vil ha en størrelse på 150 ved 300 mm (Type> Type ...)


Steg 2

Skriv inn tekst med Garamond Pro font, størrelse 12pt, og ledende 13pt. Endre disse parametrene i paletten Tegn (Vindu> Tegn).

For din informasjon: Skriftstørrelsen er størrelsen på bokstavenes høyde; Typografisk punkt er måleenhetens størrelse.


Trinn 3

Juster nå teksten. Det finnes to grunnleggende teksttyper: Juster med siste linje justert til venstre og Juster alle linjer. Den første metoden er ganske enkel, så bruk den til formatering. For å gjøre dette, klikk på knappen "Justify with last line aligned left" i Paragraph paletten (Window> Type> Paragraph).


Trinn 4

Deretter må vi konfigurere bindestrekene. Det er viktig å holde balansen mellom antall bindestrekninger i tekstblokken og mengden tom avstand i radene. På den ene siden gir mange sammenhenger en følelse av "gjerdet" og påvirker lesbarheten av tekst, på den annen side gjør lange hull også det vanskelig å lese.

Adobe Illustrator lar deg justere denne saldoen selv med et dialogfelt for Hyphenation som åpnes fra uttrekksmenyen til Paragraph paletten. Ved å flytte glidebryteren til den bedre avstandsposisjonen reduserer vi lengden på hullene ved å øke mengden av bindestrek, og omvendt. Du må velge en optimal verdi som tilfredsstiller designen.

Det er også et alternativ som lar deg tilpasse utseendet på avsnittet. I fly-ut-menyen i Paragraph-paletten finnes det underavsnitt "Adobe Single-Line Composer" og "Adobe Components All-Line". Når du kobler sammen, analyserer Adobe Single-Line Composer bare en enkelt linje. "Adobe Every-line Composer" analyserer de foregående linjene; vanligvis gir dette deg mulighet til å få et bedre resultat.


Trinn 5

Således er den generelle sammensetningsoppsettet allerede bestemt. La oss nå fortsette å designe de enkelte elementene i teksten. Jeg bestemte meg for å markere hovedteksten til teksten, så jeg skal skrive den i store bokstaver. For å gjøre dette har jeg uthevet tittelen og i uttrekksmenyen på tegnpaletten jeg valgte alternativet All Caps.

Her må du være oppmerksom på et interessepunkt: Ved utforming av skriftsporingen mellom hovedstifter er valgt ut fra det ved siden av det vil det nødvendigvis være en små bokstaver, så hvis du skriver teksten i store bokstaver alene, Tekst føles trangt. Grafiske designere anbefaler å utvide litt bokstavene til en slik tekst. Med teksten som er valgt, angir du verdien til 20 i tegnpaletten i sporingsfeltet.


Trinn 6

Søk nå Kerning. Kerning er prosessen med å justere avstanden mellom tegnparene for å forbedre utseendet og lesbarheten til teksten, det tjener til å rettferdiggjøre avstanden mellom tilstøtende bokstaver eller andre skrifttegn.

Dette alternativet innebærer å jobbe individuelt med hvert tegnpar og hvordan de finner sin relative stilling, avhengig av den valgte fonten, tegne bokstaver seg selv og så videre. Verdien av kerning er angitt i prosent av bredden på mellomrommet på skrifttypen som brukes, det kan enten være positivt (når tegnene er adskilt) eller negativt (når tegnene kommer nærmere hverandre).

Det er lett å se at avstanden mellom parene. Se hvordan "AV" og "WA" ser annerledes ut, men det er formelt det samme.

For å gjøre avstanden mellom noen to tegn ser visuelt det samme, brukes Kerning. I Adobe Illustrator finnes det tre typer kerning:

  • Zero Kerning - når kerning ikke er aktuelt.
  • Auto Kerning - kerning satt i skriften av skaperen. Hvis skrifttypen er godt utformet, passer denne typen kerning godt i de fleste tilfeller.
  • Optisk kerning - Det er godt å knytte titler eller store frittstående tegn, for eksempel tekst for logoer.

Sett Auto Kerning for hele teksten.


Trinn 7

Nå vil jeg dekorere litt de første linjene med tekst. Jeg skal gjøre det med små caps. Små caps i typografi er store bokstaver som ser ut som reduserte små bokstaver. Små caps brukes til å lage titler og første linjer i seksjonene etter store initialer, for å skrive navn, titler og forkortelser og for fet skrift i teksten.

Det anbefales ikke å bruke små caps i lange (mer enn to eller tre ord) setninger og setninger; det svekker lesbarheten av tekst. Så velg de første par ordene etter tittelen og velg Små caps i uttrekksmenyen på tegnpaletten.


Trinn 8

Nå må vi skille avsnittene visuelt. Denne separasjonen kan gjøres på mange måter, den vanligste av disse er: bruddlinje (innrykk ved begynnelsen av første linje i et avsnitt) og avstanden mellom avsnittene.

I denne teksten bestemte jeg meg for å lage en mellomrom mellom avsnittene, men ikke bare ved linjeavstand, men ved å sette et tomt mellomrom etter hvert avsnitt. For å gjøre dette, plasserer du Space etter avsnittverdien som er lik 10pt i paragrafpaletten.


Trinn 9

Og nå vil jeg snakke om noen måter å jobbe med tall i teksten. Det finnes 2 typer tall: tekst tall og alle kapsiffer. Det anses å være god form for å bruke den første sammen med små bokstaver, og den andre - med store bokstaver.

Hvordan taste inn slike tall? Det er en hemmelighet: begge sett med tall skal være til stede i skriften. Tilstedeværelsen av to sett med tall er en av kjennetegnene til en god skrifttype. Hvis disse tallene er i skrifttypen, så tast dem inn med Glyphs-paletten (Type> Glyfer), finn det nødvendige tegnet i tabellen, og dobbeltklikk for å sette det inn i en aktiv tekstblokk.

Vår tekst har to grupper med tall. I det første tilfellet er tallene i ingrediensavsnittet - la dem være uendret, jeg mener alle kapsiffer. Den andre gruppen av sifre er Fahrenheit temperatur tall og temperatur karakteren er i hovedteksten. Med hjelp av Glyphs-paletten får du dem små bokstaver.


Trinn 10

Vår tekst har en punktliste over flere elementer. Bytt bindestrek i begynnelsen av listen på kulen ved hjelp av Glyphs-paletten. Det er viktig å ordne ordningen ordentlig. For å gjøre dette, velg mellomrummet mellom kulen og ordet, og trykk på TAB. Gjør dette i hver linje i listen.

Kontroller om det er et flippsymbol hvor som helst, og det er ingen ekstra mellomrom. For å gjøre dette, gå til Type> Vis skjulte tegn. Fane karakteren skal representeres av en pil (plass er representert med et punkt, det skal ikke være mellomrom).

Velg radene med elementene i listen og åpne flippepanelet (Vindu> Type> Faner). Plasser markøren på fanen i regneboksen på stedet der listepostene starter.

Merk: at punktlister skal formateres ved hjelp av fanepanelet, men på ingen måte bruker flere mellomrom.


Trinn 11

Teksten din kan inneholde bindestreker. Det er en grov feil å sette en bindestrek eller dobbel bindestrek i stedet for et dash! Det er et tegn for bindestrek som vi kan skrive ved å klikke på Alternativ + Skift + _ for Mac (Alt + 0151 for Windows). Erstatt bindestreker med bindestreker der det trengs.

Det finnes to typer bindestreker - kort (en dash) og lang (em dash). "En dash" er tastet inn ved hjelp av en kombinasjon av nøkler Option + _ for Mac (Alt + 0150 for Windows). Det brukes til å betegne avstanden mellom datoene.


Trinn 12

Nå vil jeg fortelle deg om slik tekstformatering som romersk hengende tegnsetting. I denne teksten for mer visuell bruk av den romerske hengende tegnsetting brukte vi justeringen av teksten til høyre "Justify with last line aligned right" i avsnittet Panel.

Hvis du vil bruke romersk hengende tegnsetting, går du til Type> Justering av optisk margen, og deretter velger du Roman Hanging-tegnsetting i avsnittsmenyen. Med disse handlingene tar Adobe Illustrator alle ekstreme høyre tegnsettingstegn bak sidelinjene og optimaliserer optisk hele teksten.


Konklusjon

For å legge til ektheten i teksten, kan du endre formen på noen bokstaver. Til dette trykker du på knappene som vises på bildet under, i OpenType-panelet (Vindu> Type> OpenType).

Programmet vil automatisk erstatte tegnene med ligaturene (Ligature (fra Lat. Ligatura) - er et tegn på et hvilket som helst system for skriving, dannet ved å bli med to eller flere bokstaver). Tegn som har kontekstuelle alternativer vil bli erstattet av deres alternativer. Ligaturer og kontekstuelle alternativer er dessverre ikke tilgjengelige i alle skrifttyper.

Som et resultat av vår transformasjon fikk vi følgende tekst.

Merk: alt det som er beskrevet ovenfor, kan brukes til å formatere tekst i Adobe InDesign.