Hur man skapar en semestertema typografi bit i Adobe Illustrator

Tis säsongen att vara jolly, så varför sprida inte någon av den glädjen och jubla runt? Denna handledning kommer att lära dig några tekniker för att ändra teckensnitt och manipulera sina alternativ i Adobe Illustrator för att skapa en unik, semesterinspirerad typografibit.


1. Ställ in ditt dokument

Steg 1

Låt oss börja med att installera de nödvändiga teckensnitt som behövs för denna handledning. Vi använder flera högkvalitativa teckensnitt från Lost Type co-op. Specifikt:

  • Lavanderia
  • Band
  • Klinisk platta

Steg 2

Med våra teckensnitt installerade, skjuter upp Illustrator och skapar ett nytt dokument som är 850 x 850px.


Steg 3

Aktivera Rektangelverktyg (M) och skapa en fyrkant som är lika stor som vår bakgrund. Nu fyller du med följande färg och släpper Opacitet till 10%.


Steg 4

Byt till Star Tool och klicka på Artboard och ange följande värden. Fyll stjärnformen med vit och centrera den till Artboard.


Steg 5

Rita en annan ruta över toppen av vår stjärnform som är lika stor som vår Artboard igen. Välj nu både Star och Top Square sedan Högerklicka på Artboard och välj Gör Clipping Mask.



2. Skapa din första textrad

Steg 1

För det här stycket använder vi ett utdrag från en populär Holiday Song. Aktivera Typverktyg (T) och klicka för att skapa din första rad text "Må dina dagar vara". Vi använder teckensnittet Lavendaria för den här raden med följande information för storlek och färg


Steg 2

Med den textlinjen som fortfarande valts, besöker du Opentype panel (Fönster> Typ> OpenType) och välj Titling Alternates alternativ. Detta kommer att ändra huvudstämplarna till alternativa versioner som skrivbordsdesignern skapat.


Steg 3

Dubbelklicka att redigera texten och markera den allra senaste "e"och i Opentype panelen väljer Kontextuella alternativ alternativ. På samma sätt, välj den första "y"och välj swash från Opentype panel.


Steg 4

Låt oss anpassa denna typsnitt lite mer. Det är ett utmärkt typsnitt men jag hittar några av kanterna där manuset löser och slutar att vara lite skarpt.

Högerklicka på typen och välj Skapa konturer att konvertera texten till former.

Zooma in i meningen så att vi kan se vad vi gör och med en blandning av Penverktyg (P), de Direktmarkeringsverktyg (A), och den Konvertera Anchor Point Tool (Shift-C) manipulera de platta kanterna så att de är mjuka och mer runda. Jag gör det bara för det första "y", "r", "D", "s", "B" och "e". Du kommer att märka med "s" att jag tog bort svansen som normalt skulle koppla den bokstaven till nästa.





Steg 5

Med vår redigerade text markerade navigera till Omvandla panel (Fönster> Transformera) och justera X- och Y-axeln till följande figurer för att placera vår text där vi vill ha den.



3. Skapa ditt bandtext

Steg 1

Aktivera Textverktyg (T) och skriv ut "God" med Band med följande information och färg


Steg 2

Dubbelklicka För att redigera ordet markera sedan "M" och "E" och i Opentype panelen väljer Stilistiska suppleanter alternativ.


Steg 3

Med vår redigerade text markerade navigera till Omvandla panel (Fönster> Transformera) och justera X- och Y-axeln till följande figurer för att placera vår text där vi vill ha den.



4. Skapa en prydnad och Ampersand.

Steg 1

Välj Ellipsverktyg (L) och skapa en cirkel som är 81 x 81px och har samma färg som vår "Merry" text och placera den på följande plats.


Steg 2

Kopiera denna cirkel och ändra storlek på den 64 x 64px. Ta bort fyllfärgen och lägg till en vit stroke som är 7PX vikt.


Steg 3

Aktivera Lägg till Anchor Point Tool (+) och längs vänster om cirkeln ovanför vänster mest ankarpunkt klickar du på för att skapa tre nya ankarpunkter enligt nedan. Nu med Direktmarkeringsverktyg (A) aktiverad, välj den nedre ankarpunkten, den högsta ankarpunkten och den mellanliggande ankarpunkten du just skapat av de tre och radera dem från formen. Detta kommer att göra en fin höjd-liknande effekt.


Steg 4

Med de öppna vägarna som gör höjdpunkten fortfarande valda besök Objekt> Expand att omvandla stroke till en form. Det kan hända att du måste göra det två gånger. En gång för att gruppera de två öppna banorna och en andra gång för att faktiskt skapa formerna.

När du har dina två former expanderat, besök Objekt> Sammansatt sökväg> Gör. Välj nu markeringen och cirkeln bakom den och i Stigfinnare panel (Fönster> Pathfinder) Välj Minus Front möjlighet att skära ut höjdpunkten ur cirkeln.


Steg 5

Byt till Rundad rektangelverktyg och klicka på Artboard för att skapa en form. Ange följande värden och justera platsen enligt nedan.


Steg 6

Med den rundade rektangeln valda fyller du formen med vit och ger den en 2px mittlinjeformat slag i samma färg som cirkeln nedan.


Steg 7

Med den rundade rektangeln är det fortfarande valt besök Objekt> Expand sedan Högerklicka på den avrundade rektangeln och välj Dela upp. Välj bara det vita objektet från den här formen samtidigt som du väljer cirkeln nedan och välj Minus Front från Stigfinnare panel.


Steg 8

Byt till Ellipsverktyg (L) och skapa en cirkel som är 6 x 6px. Slå på det med samma 2px rosa färg som vi gjorde vår rundade rektangel bara den här gången finns det inget behov av en fyllningsfärg. När den är skapad, justera den till toppen av den avrundade rektangeln.


Steg 9

Aktivera Linjesegmentverktyg (\) och skapa en rad från mitten av den lilla cirkeln till toppen av slingan i "e" från vår tidigare textrad. Se till att du hänger lite över toppen så att det ser ut som om det är löst över. Min linje är 51.5px längd och positionerad enligt nedan.


Steg 10

Byt till Penverktyg (P) och skapa en slingform på toppen av linjen som vi just ritat för att skapa en böjseffekt.


Steg 11

När du har ett ögla skapat besök Effekt> Förvräng & Transformera> Transformera. I fönstret Transform Effect som visas väljer du Reflektera X alternativ och lägg till numret 1 till kopior textområde. Nu under Flytta avsnitt för Horisontell och typ 100% sedan träffa ok. Detta skapar en kopia av slingan och bläddrar den samtidigt som den flyttas över till rätt position.


Steg 12

Aktivera Typverktyg (T) och skriv ut en ampersand med följande teckensnitt och storlek. Jag har placerat den till höger om ornamentens huvudcirkel och färgat den vit så att du kan se den.


Steg 13

Högerklicka på ampersand och välj Skapa konturer att konvertera den till en form. Med den valda ampersandformen väljer du prydnads cirkelformen och väljer Minus Front från Stigfinnare panel.



5. Gör ett band med text inuti

Steg 1

Växla tillbaka till Typverktyg (T) och skriv ordet "Bright" med följande inställningar.


Steg 2

Aktivera Rektangelverktyg (M) och skapa en rektangel som är 624 x 138px. Jag har lagt till en 8px stroke längs insidan av rektangeln och justerade den som sedd nedan.


Steg 3

Med rektangeln vald aktiveras Lägg till Anchor Point Tool (+) och på vänster och höger sida av rektangeln klicka i mitten för att skapa två nya ankarpunkter. Byt till Direktmarkeringsverktyg (A) och medan du håller Flytta tangenten på tangentbordet trycker på Vänster och Höger piltangenter tre gånger för att knyta ankarpunkterna över 30px.



6. Skapa en Snowflake

Steg 1

Vi är färdiga med texten men låt oss lägga till några extra vintertemaelement för att hjälpa till att knyta allt ihop. Vi börjar med en snöflinga.

Aktivera Star Tool och klicka på Artboard och ange följande information. När stjärnan är skapad besöker du Omvandla panelen och klicka på Begränsa ikon (ser ut som kedja) och ändra Bredd till 182px. Du kan sedan rotera hela formen 90º och lägg till ett mittlinjeformat Slag som är 6px och samma färg blå som vår text inuti bandet vi gjorde tidigare.


Steg 2

Duplicera denna stjärnform och krympa den så att den är 62px bred. Omvänd fyllning och stroke så det finns ingen stroke och fyllningen är nu blå.


Steg 3

Aktivera Linjesegmentverktyg (\) och skapa en linje från mitten av stjärnformen och uppåt så att den är 148px hög och stroke det med samma inställningar är den första stjärnan.


Steg 4

Byt till Direktmarkeringsverktyg (A) och välj de tre största ankarpunkterna från den stora stjärnformen vi skapade tidigare. Kopiera urvalet och klistra in det till Artboard och radera det med mitten av linjen som vi skapade men ovanför stjärnformen, se nedan.


Steg 5

Duplicera denna chevronform och krympa den lite och flytta den nära toppen av linjens form som framgår av nedan.


Steg 6

Välj båda chevronformerna och besök Objekt> Blanda> Blandningsalternativ. Ändra alternativen till Särskilda steg med mängden satt till 1. Besök nu Objekt> Blanda> Gör för att skapa blandningen.


Steg 7

Byt till Ellipsverktyg (L) och skapa en cirkel som är 20 x 20px ovanför chevron och linjer.


Steg 8

Välj linjen, chevronblandningen och cirkeln och Grupp (Command-G) dem tillsammans. Med den här gruppen vald besök Effekt> Förvräng & Transformera> Transformera och ange följande information. Vi kommer att skapa kopior och rotera formen på en specifik axel. Notera att vi har valt att rotera från botten mitthandtaget istället för den exakta mitten av formen så att vår punkt roterar runt hela stjärnformen.


Steg 9

Aktivera Ellipsverktyg (L) och skapa två cirklar. En är 20 x 20px och den andra är 10 x 10px. Ordna dem enligt bilden nedan.


Steg 10

Byt till Rektangelverktyg (M) och skapa en kvadrat som är 22 x 22px och rotera den 45 ° så det gör en diamantform. Aktivera nu Direktmarkeringsverktyg (A) och välj den vänstra mest ankarpunkten och ta bort den. Du kan nu välja denna chevronform och cirklarna och Grupp (Command-G) dem tillsammans.


Steg 11

Aktivera Rotera verktyg (R) och samtidigt hålla Alternativ på tangentbordet ändra vinkeln till 60º och tryck på Kopia knappen för att duplicera och rotera gruppen. Tryck nu på Kommando-D fyra gånger för att upprepa processen.


Steg 12

Med snöflingan skapad kan du nu placera den med resten av konstverket. Grupp (Command-G) snöflingan föremål tillsammans och justera det så att snöflingans mitt möter botten av det band vi gjorde tidigare.


Steg 13

Byt till Rektangelverktyg (M) och dra en rektangel över den nedre halvan av snöflingan. Välj sedan både rektangeln och snöflingan gruppen Högerklicka på Artboard och välj Gör Clipping Mask.



7. Skapa hålens grenar

Steg 1

Bären är ganska lätt att skapa. De är bara en cirkel som har blivit roterad och duplicerad. Börja med att välja Ellipsverktyg (L) och skapa en cirkel som är 24 x 24px och placera den på följande plats.


Steg 2

Navigera till Utseende panel (Fönster> Utseende) och ändra fyllningen till vit och lägg sedan till två slag. När det är inuti, 3px, och vår rosa färg från tidigare och en annan som ligger utanför, 2px och vitt. Kolla in skärmdumpen nedan.


Steg 3

Med den cirkeln fortfarande valt besök Effekt> Förvräng & Transformera> Transformera och ange följande information. Notera antalet kopior, rotationsaxeln såväl som Horisontell och Vertikal rör sig.


Steg 4

För att skapa hollybladet aktivera Penverktyg (P) och klicka för att skapa en rak linje följt av några krökta som visas nedan. Vi använder en stroke som är 4px och samma gröna färg som vår första raden av text.


Steg 5

Med den här halvan av lämnat utvalda besök Effekt> Förvräng & Transformera> Transformera och skapa en kopia och Reflektera det på X axeln sedan flytta den Vågrätt så mittlinjen möts.


Steg 6

Aktivera Linjesegmentverktyg (\) och skapa en linje som är 180px bred och stroke den med en fin brun färg


Steg 7

Byt till Ellipsverktyg (L) och skapa två cirklar som är 6 x 6px och justera dem längst till vänster om den linje som vi just skapat. Stackar dem ovanpå varandra, se nedan.


Steg 8

Växla tillbaka till Linjesegmentverktyg (\) och medan du håller nere Flytta På tangentbordet rita en diagonal linje som sträcker sig med a 3px grön linje. Kopiera nu denna linje och rikta den till den andra änden av pinnen.


Steg 9

Välj båda gröna linjerna och besök Objekt> Blanda> Blandningsalternativ och välj Specificerade steg med 12 som nummer. Välj nu Objekt> Blanda> Gör för att skapa blandningen.


Steg 10

Jag är säker på att du kan se vart vi ska med det här, så duplicera blandningen och rotera den så att den passar längs stiftets undersida. Du kan nu gruppera pinnen och lämna ihop och kopiera dem som en hel och sedan kopiera och rotera dem till andra sidan av holly bär.



Som en present ... Det är en omslag!

Stick en båge på den, du är färdig! Oavsett om du planerar att skriva ut ditt arbete för semesterkort eller bara dela det digitalt hoppas jag att jag kunde visa dig några bra tekniker för att anpassa text och skapa roterade kopior av objekt för att minska din arbetsbelastning.