Hvordan lage et Holiday Themed Typography Piece i Adobe Illustrator

Tis sesongen å være jolly, så hvorfor ikke spre noe av den glede og muntre rundt? Denne opplæringen vil lære deg noen teknikker for å endre skrifttyper og manipulere deres alternativer i Adobe Illustrator for å skape et unikt, ferieinspirert typografistykke.


1. Sett opp dokumentet

Trinn 1

La oss begynne med å installere de nødvendige skriftene som trengs for denne opplæringen. Vi bruker flere skrifter av høy kvalitet fra Lost Type-samarbeidet. Nærmere bestemt:

  • Lavanderia
  • Bånd
  • Klinisk slab

Steg 2

Med våre skrifter installert, brann opp Illustrator og opprett et nytt dokument som er 850 x 850px.


Trinn 3

Aktiver Rektangelverktøy (M) og opprett en firkant som er like stor som vår bakgrunn. Nå fylles med følgende farge og slippe opacity til 10%.


Trinn 4

Bytt til Star Tool og klikk på Artboard og skriv inn følgende verdier. Fyll stjerneformet med hvitt og senter det til Artboard.


Trinn 5

Tegn en annen firkant over toppen av vår stjerneform i samme størrelse som vår Artboard igjen. Nå velger du både stjernen og toppfeltet da Høyreklikk på Artboard og velg Lag Clipping Mask.



2. Lag din første linje med tekst

Trinn 1

For dette stykket bruker vi en utdrag fra en populær Holiday-sang. Aktiver Typeverktøy (T) og klikk for å lage din første linje med tekst; "Må dine dager være". Vi bruker skrifttypen Lavendaria for denne linjen med følgende informasjon angitt for størrelse og farge


Steg 2

Med den linjen med tekst som fortsatt er valgt, besøk Open panelet (Vindu> Type> OpenType) og velg Titling Alternates alternativ. Dette vil endre capitolbrevene til alternative versjoner som fontdesigneren har opprettet.


Trinn 3

Dobbeltklikk å redigere teksten og markere den aller siste "e"og i Open panelet velger Kontekstuelle alternativer alternativ. På samme måte velger du den første "y"og velg swash fra Open panel.


Trinn 4

La oss tilpasse denne fonten litt mer. Det er en utmerket skrift, men jeg finner noen av kantene hvor skriptet løper og slutter å være litt skarpt.

Høyreklikk på typen og velg Lag oversikter å konvertere teksten til former.

Zoom inn i setningen slik at vi kan se hva vi gjør og med en blanding av Pennverktøyet (P), de Direkte utvalgsverktøy (A), og Konverter Anchor Point Tool (Shift-C) Behandle de flate kantene slik at de er mykere og mer runde. Jeg vil bare gjøre dette for det første "y", "r", "D", "s", "B" og "e". Du merker med "s" at jeg fjernet halen som normalt ville koble det brevet til det neste.





Trinn 5

Med vår redigerte tekst valgt, naviger til Forvandle panelet (Vindu> Transformere) og juster X- og Y-aksen til følgende figurer for å plassere teksten der vi ønsker det.



3. Lag ditt båndtekst

Trinn 1

Aktiver Tekstverktøy (T) og skriv ut "Merry" med Bånd med følgende informasjon og farge


Steg 2

Dobbeltklikk for å redigere ordet, merk deretter "M" og "E" og i Open panelet velger Stilistiske alternativer alternativ.


Trinn 3

Med vår redigerte tekst valgt, naviger til Forvandle panelet (Vindu> Transformere) og juster X- og Y-aksen til følgende figurer for å plassere teksten der vi ønsker det.



4. Opprett et pryd og oransje.

Trinn 1

Velg Ellipseverktøyet (L) og lag en sirkel som er 81 x 81px og har samme farge som vår "Merry" tekst og plasser den på følgende sted.


Steg 2

Dupliser denne sirkelen og endre størrelsen på den 64 x 64px. Fjern fyllfarge og legg til et hvitt slag som er 7px vekt.


Trinn 3

Aktiver Legg til ankerpunktsverktøy (+) og til venstre for sirkelen over venstre ankerpunkt, klikk for å opprette tre nye ankerpunkter som vist nedenfor. Nå, med Direkte utvalgsverktøy (A) aktivert, velg det nederste ankerpunktet, det høyre ankerpunktet og det midterste ankerpunktet du nettopp har laget av de tre, og slett dem fra formen. Dette vil gi en fin høyde-lignende effekt.


Trinn 4

Med de åpne banene som gjør høydepunktet fortsatt valgt, besøk Objekt> Utvid å konvertere slagtilfellet til en form. Du må kanskje gjøre dette to ganger. En gang for å gruppere de to åpne banene og en annen gang for å faktisk lage figurene.

Når du har utvidet dine to former, besøk Objekt> Forbindelsesvei> Lag. Velg nå høydepunktet og sirkelen bak den og i Pathfinder panelet (Vindu> Pathfinder) velg Minus Front mulighet til å kutte høydepunktet ut av sirkelen.


Trinn 5

Bytt til Avrundet rektangelverktøy og klikk på Artboard for å lage en form. Skriv inn følgende verdier og juster plasseringen som beskrevet nedenfor.


Trinn 6

Med den avrundede rektangulæren fyller du formen med hvit og gir den en 2 piksler midtlinjert slag i samme farge som sirkelen under.


Trinn 7

Med den avrundede rektangelet er det fortsatt valgt besøk Objekt> Utvid deretter Høyreklikk på det avrundede rektangel og velg Del opp gruppe. Velg bare det hvite objektet fra denne formen mens du også velger sirkelen under og velg Minus Front fra Pathfinder panel.


Trinn 8

Bytt til Ellipseverktøyet (L) og lag en sirkel som er 6 x 6px. Slå det med det samme 2 piksler rosa farge som vi gjorde vår avrundede rektangel bare denne gangen er det ikke behov for en fyllfarge Når den er opprettet, justerer den den øverste delen av den avrundede rektangel.


Trinn 9

Aktiver Linjesegmentverktøy (\) og lag en linje fra midten av den lille sirkelen til toppen av sløyfen i "e" fra vår forrige tekstlinje. Pass på å gå litt hengende over toppen slik at det ser ut som om det er sløyfet over. Min linje er 51.5px lengde og posisjon som vist nedenfor.


Trinn 10

Bytt til Pennverktøyet (P) og skape en sløyfeform på toppen av linjen vi nettopp trakk for å skape en bueffekt.


Trinn 11

Når du har en loop opprettet besøk Effekt> Distort & Transform> Transform. I vinduet Transform Effect som vises velger du Reflektere X alternativet og legg til nummeret 1 til kopier tekstområde. Nå under Bevege seg seksjon for Horisontal og skriv inn 100% deretter treffer OK. Dette vil lage en kopi av løkken og vende den mens du flytter den over til riktig posisjon.


Trinn 12

Aktiver Typeverktøy (T) og skriv ut en ampersand ved hjelp av følgende skrift og størrelse. Jeg har plassert den til høyre for ornaments hovedkrets og farget den hvit, slik at du kan se den.


Trinn 13

Høyreklikk på ampersand og velg Lag oversikter å konvertere den til en form. Med den valgte ampersandformen velger du prydsirkelformen og velger Minus Front fra Pathfinder panel.



5. Lag et bånd med tekst inni

Trinn 1

Bytt tilbake til Typeverktøy (T) og skriv ut ordet "Bright" med følgende innstillinger.


Steg 2

Aktiver Rektangelverktøy (M) og lag et rektangel som er 624 x 138px. Jeg har lagt til en 8 piksler slag langs innsiden av rektangelet og justert den som sett under.


Trinn 3

Med rektangelet valgt, aktiverer du Legg til ankerpunktsverktøy (+) og på venstre og høyre side av rektangelet klikker du i midten for å lage to nye ankerpunkter. Bytt til Direkte utvalgsverktøy (A) og mens du holder Skifte tasten på tastaturet trykker på Venstre og Høyre piltastene tre ganger for å kaste ankerpunktene over 30px.



6. Lag en snøfnugg

Trinn 1

Vi er ferdige med teksten, men la oss legge til ekstra vinterelementelementer for å binde alt sammen. Vi starter med en snøfnugg.

Aktiver Star Tool og klikk på Artboard og skriv inn følgende informasjon. Når stjernen er opprettet, besøk Forvandle panelet og klikk på Begrense, forhindre ikon (ser ut som kjede) og endre Bredde til 182px. Du kan da rotere hele formen 90º og legg til et senterjustert Slag som er 6px og samme farge blå som vår tekst inni båndet vi laget tidligere.


Steg 2

Dupliser denne stjernen form og krymp det slik at det er 62px bred. Omvendt fyll og slag, så det er ingen slag og fyllingen er nå blå.


Trinn 3

Aktiver Linjesegmentverktøy (\) og lag en linje fra midten av stjerneformen og opp slik at den er 148px høyt og strekk det med de samme innstillingene er den første stjernen.


Trinn 4

Bytt til Direkte utvalgsverktøy (A) og velg de tre øverste ankerpunktene fra den store stjernestilen vi opprettet før. Kopier utvalget og lim det inn på Artboard, og sett det opp med midten av linjen vi opprettet, men over stjernestilen som sett under.


Trinn 5

Dupliser denne chevronformen og krymp den litt, og flytt den nær toppen av linjeskikket som vist nedenfor.


Trinn 6

Velg begge Chevron-former og besøk Objekt> Blend> Blandingsalternativer. Endre alternativene til Spesifikke trinn med beløpet satt til 1. Nå besøk Objekt> Blend> Lag å lage blandingen.


Trinn 7

Bytt til Ellipseverktøyet (L) og lag en sirkel som er 20 x 20px over chevron og linjeformer.


Trinn 8

Velg linjen, chevron-blandingen, og sirkelen og Gruppe (Command-G) dem sammen. Med denne gruppen valgte besøk Effekt> Distort & Transform> Transform og skriv inn følgende informasjon. Vi skal lage kopier og rotere formen på en bestemt akse. Legg merke til at vi har valgt å rotere fra det nedre midtre håndtaket i stedet for den eksakte midten av formen, slik at punktet vårt roterer rundt hele stjerneformen.


Trinn 9

Aktiver Ellipseverktøyet (L) og opprett to sirkler. En er 20 x 20px og den andre er 10 x 10px. Ordne dem som vist på skjermbildet nedenfor.


Trinn 10

Bytt til Rektangelverktøy (M) og opprett en firkant som er 22 x 22px og roter den 45º så det gjør en diamantform. Aktiver nå Direkte utvalgsverktøy (A) og velg det venstre ankerpunktet, og slett det deretter. Du kan nå velge denne chevronformen og sirkler og Gruppe (Command-G) dem sammen.


Trinn 11

Aktiver Rotate Tool (R) og mens du holder Alternativ På tastaturet endrer du vinkelen til 60º og trykk på Kopiere knappen for å duplisere og rotere gruppen. Trykk nå Kommando-D fire ganger for å gjenta prosessen.


Trinn 12

Med snøfnetten opprettet kan du nå plassere den med resten av kunstverket. Gruppe (Command-G) snøfnuggen objekter sammen og justere den slik at midtpunktet av snøfnetten møter bunnen av båndet vi laget tidligere.


Trinn 13

Bytt til Rektangelverktøy (M) og dra et rektangel over den nederste halvdelen av snøfnetten. Velg både rektangelet og snøfnuggegruppen da Høyreklikk på Artboard og velg Lag Clipping Mask.



7. Lag Holly Holmes

Trinn 1

Bærene er ganske enkle å lage. De er bare en sirkel som har blitt rotert og duplisert. Begynn med å velge Ellipseverktøyet (L) og lag en sirkel som er 24 x 24px og plasser den på følgende sted.


Steg 2

Naviger til Utseende panelet (Vindu> Utseende) og endre fyllingen til hvit, og legg deretter til to slag. Når det er inni, 3px, og vår rosa farge fra før og en annen som er ute, 2 piksler og hvitt. Sjekk ut skjermbildet nedenfor.


Trinn 3

Med denne sirkelen er det fortsatt valgt besøk Effekt> Distort & Transform> Transform og skriv inn følgende informasjon. Legg merke til antall kopier, rotasjonsaksen samt Horisontal og vertikal beveger seg.


Trinn 4

For å lage hollybladet aktivere Pennverktøyet (P) og klikk for å lage en rett linje etterfulgt av noen buede som sett under. Vi bruker et slag som er 4px og den samme grønne fargen som vår første linje med tekst.


Trinn 5

Med denne halvdelen av permisjonen valgt besøk Effekt> Distort & Transform> Transform og lag en kopi og Reflektere det på X akse og deretter flytte den horisontalt slik at midtlinjen møtes.


Trinn 6

Aktiver Linjesegmentverktøy (\) og lag en linje som er 180px Bred og strekk den med en fin brun farge


Trinn 7

Bytt til Ellipseverktøyet (L) og opprett to sirkler som er 6 x 6px og juster dem helt til venstre for linjen vi nettopp har opprettet. Stacking dem ovenpå hverandre som sett under.


Trinn 8

Bytt tilbake til Linjesegmentverktøy (\) og mens du holder nede Skifte På tastaturet tegner du en diagonal linje som strekkes med a 3px grønn linje. Dupliserer nå denne linjen og juster den til den andre enden av staven.


Trinn 9

Velg begge grønne linjene og besøk Objekt> Blend> Blandingsalternativer og velg Spesifikke trinn med 12 som nummeret. Velg nå Objekt> Blend> Lag å lage blandingen.


Trinn 10

Jeg er sikker på at du kan se hvor vi skal med dette, så dupliser blandingen og roter den slik at den passer på undersiden av staven. Du kan nå gruppere staven og forlater sammen og kopiere dem som en hel og deretter kopiere og rotere dem til den andre siden av holly bær.



Som en gave ... Det er en pakke!

Hold en bue på den, du er ferdig! Enten du planlegger å skrive ut arbeidet ditt til feriekort eller bare dele det digitalt, håper jeg at jeg kunne vise deg gode teknikker for å tilpasse tekst og lage roterte kopier av objekter for å redusere arbeidsbelastningen din tilbake.