Hvordan lage et Retro julekort i Adobe Illustrator

Hva du skal skape

Ring meg gammeldags, men det er ikke noe hyggeligere enn å få et gjennomtenkt kort i posten, spesielt i løpet av ferien. Så vi skal lage et morsomt, retro postkort som du faktisk kan skrive ut (eller kjøpe blanke kort og skrive ut selv) for å sende til langt unna familie og venner.

Vi bruker Illustrators innebygde tegneverktøy for å lage enkle vektorillustrasjoner og gi vårt design noen midten av århundre stil med retrofonter og inky teksturer. Alternativt, hvis du ønsker å øke hastigheten og forenkle prosessen, kan du hente opp noen ferdige, retro-stil ornamenter og juletrevektorer.

Underveis vil jeg inkludere forslag til farger og andre innstillinger hvis du vil duplisere resultatene du ser her, men gjerne endre dem for å la din egen stil skinne gjennom. La oss komme i gang!

1. Sett opp arbeidsområdet i Illustrator

Trinn 1

Gå til Fil> Ny og åpne et nytt dokument i henhold til innstillingene under; Jeg bruker en standard amerikansk postkortstørrelse. Også, hvis du planlegger å skrive ut det ferdige postkortet ditt, må du sørge for å lage to kunstbrett for både front og bakside.

Jeg har valgt å sette fargemodus til RGB, slik at prosjektet vises godt på skjermen. Men hvis du har tenkt å skrive ut ditt ferdige postkort, vil du konvertere den endelige filen til CMYK for å sikre at fargene kommer ut rett under utskrift. Vår Beginners Guide til Prepping og Sending to Print har også gode tips.

Steg 2

Deretter installerer vi fargepaletten for designet. Jeg har tatt med en fil i vedlegget til denne opplæringen. Etter at vi har installert det, vil fargestoppene vi trenger for designen, komme opp i Illustrator.

Gå til Windows> Stikkord eller velg fargeprøver ikonet fra panelpanelets verktøylinje. Klikk på knappen øverst til høyre i vinduet Fargeprøver, og velg i rullegardinmenyen som vises Åpne Swatch Library > Annet bibliotek.

Finn hvor du har lagret vedlegget på datamaskinen, og velg deretter jul-postkort-palette.ase og klikk Åpen.

Og der har du det. Jeg har tildelt hver fargeprøve et navn og inkludert heksekoder for enkel referanse:

Hver gang vi bruker en farge, vil jeg oppgi både navn og hexekode ved førstegangsinnkalling, og referer til det bare ved navnets navn fremover.

Trinn 3

Åpne lag panel. Å arrangere lagene dine på forhånd vil hjelpe deg med å holde deg organisert under designprosessen og gjøre bestemte trinn mye raskere og enklere. Du kan sette dem opp i henhold til bestillingen du ser nedenfor. For å navngi et lag, dobbeltklikk på det-a Lagalternativer boksen vil dukke opp der du kan skrive inn en ny tittel.

Trinn 4

Som det siste trinnet med å sette opp, vil du kanskje laste ned de eiendelene vi skal bruke i designet. På den måten må du ikke pause og installere dem senere. Du kan finne lenker til hver ledig ressurs nedenfor: 

Først, skrifter:

  • Gå lang skrift (via Dafont)
  • Gone font (via Dribbble)
  • Forlovelses font (via 1001 Fonter)

Og teksturbørstene:

  • Vector Pensler (via Dribbble)

2. Lag bakgrunnen

Trinn 1

Zoom inn på topplisterbordet; Vi gjør først forsiden av postkortet. Bruker Rektangelverktøy, fyll hele kortet med den lyseste nyansen av blå (mynte / # D4EBE2). Sørg for å utvide bakgrunnen helt til de røde blødelinjene, spesielt hvis du planlegger å skrive ut postkortet.

Steg 2

For den snødekte bakken delen av bakgrunnen, bruk Pennverktøy å tegne en buet form i hvitt. Hvis du finner Pennverktøyet plagsomt, kan du prøve å tegne formen frihånd med blyantverktøyet eller penselverktøyet.

Med noen av disse teknikkene, hvis kurven din ikke blir like jevn som du vil, kan du bruke Glatt verktøy (klikk-hold på Blyantverktøy for å få tilgang til det) for å rydde opp - bare hold og dra markøren over banen på eventuelle skrå eller humpete flekker.

3. Legg til hilsen

Trinn 1

Last ned skriftene som er koblet over hvis du ikke allerede har det. Vi legger til hilsen "Ha en god og lyst jul" (men vær så snill å bytte den til et annet uttrykk hvis du er så tilbøyelig), jobber fra bunnen opp.

Steg 2

Skriv inn 'Christmas' i tekstlaget, ved hjelp av skrifttypen engasjement85 pt. Endre fargen til rød / # EF4428. Plasser den over bakken på høyre side av postkortet.

Trinn 3

Deretter skriver du "BRIGHT" i alle store bokstaver ved hjelp av skrifttypen Borte. Juster størrelsen slik at den samsvarer med bredden på 'jul' - dette bør være om 40 pt. Plasser den rett over 'Jul' og bytt fargen til det mørkeste grønne alternativet (eviggrønn / # 2B9690).

Deretter skriver du "MERRY" over "BRIGHT", bruker samme skrifttype og farge, og legger litt mellomrom mellom de to ordene. Igjen, gjør 'MERRY' samme bredde som de to andre ordene; det vil være litt større enn "BRIGHT" på omtrent 45 pt.

Trinn 4

Til slutt bruker du skriften Gå lang35 pt, skriv ut 'HAVE A' i store bokstaver og senter den over 'MERRY'. I Karakter panel, sett sporing til 100 å plassere bokstavene litt lenger fra hverandre. Lag fargen turkis / # 77CCC8.

Skriv ut 'OG' med samme størrelse og farge som ovenfor og senter den mellom 'MERRY' og 'BRIGHT'. Sett sporingen til 50. Hvis du vil, kan du legge til litt ekstra retro personlighet ved å velge 'OG' og gå til Skriv> Opprett oversikter, og deretter velge Objekt> Ungruppe. Nå kan du justere hvert brev til en annen høyde (se nedenfor).

Trinn 5

Nå for å få slutt på teksten ... Juster det vertikale avstanden mellom ordene om nødvendig. Det skal være omtrent like mye mellomrom mellom hvert ord, men det trenger ikke å være nøyaktig - bare gjør det som ser riktig ut visuelt. Du kan også legge til noen trekantede former eller andre enkle pynt på begge sider av 'OG' for å fylle ut disse hullene.

Når du er ferdig, bør du ende opp med noe slikt:

4. Tegn noen trær

Nå er det tid for noen morsomme illustrasjoner. Vi bruker en løs, vinkelformet stil inspirert av 1950-tallet og 60-tallet. Denne estetikken fra midten av århundret er med vilje litt grov og ufullkommen - det er en del av sin sjarm. Vi kopierer en stil som opprinnelig ble opprettet med designelementer som ble håndskrevet, håndmalte eller kuttet av papir og limt sammen. 

Så jeg vil oppfordre deg til å jobbe ganske raskt når du tegner trærne (og senere, legger til andre gjenstander og utsmykninger); la den spontaniteten komme igjennom i designen og ikke bekymre deg for mye om å gjøre alt perfekt rett eller symmetrisk. Fremfor alt, ha det gøy med det!

Trinn 1

Gå til Trees-laget. Bruke Pennverktøy å lage en enkel furu-treform (i utgangspunktet en langstrakt diamant med et rektangel som kommer ut i bunnen). Om nødvendig, juster størrelsen slik at den passer godt mellom 'jul' og den høyre kanten av postkortet. Gjør farge lys grønn / # 79C9B4.

Hvis du vil gå med en enda mer minimal stil, kan du legge av kuffertene og bare lage noen høye, tynne trekanter for å representere trærne.

Steg 2

Lag noen flere trær og grupper dem på den andre siden av julen. Jeg brukte lysegrønn igjen, sammen med turkis for en liten kontrast. Velg de grønne trærne og endre opacity til 45%; gjør turkis treet litt mørkere på 60%.

Trinn 3

Nå skal vi lage noen tregrener som kommer fra venstre side av postkortet. Fargene for disse blir turkise og eviggrønne.

For den første, velg Pennverktøy igjen - hvis du ikke er så kjent med dette verktøyet, går jeg deg gjennom trinnene, siden vi skal gjøre litt mer enn å klikke på en rett linje som vi gjorde for trærne: 

  • Sett ditt første ankerpunkt på venstre bløderlinje, nær øvre hjørne. 
  • For å gi toppen av grenen en liten nedadgående kurve, sett ditt andre ankerpunkt lavere enn den første og omtrent tre fjerdedeler av veien over til 'MERRY'. Når du plasserer det andre punktet, klikk og hold, flytt markøren oppover sakte til kurven tar en form som du liker.
  • Deretter bruker du fortsatt Pennverktøy, klikk på ankerpunktet som endrer kurven din for å konvertere den til et skarpt hjørne.
  • Fortsett nå med verktøyet for å lage en serie linjer og vinkler for å representere furu nåler på grenen, flytte opp og ned tilbake mot hjørnet der du startet. Gjør dette noe raskt og tilfeldig, varierende lengder og bredder av nålformene.

Trinn 4

Gjenta prosessen for å opprette en annen grense. Jeg valgte å ha den andre kurven oppover for å overlappe med den første grenen. Velg begge og endre opacity til 55%.

5. Legg til tekstur i bakgrunnen

Trinn 1

Hvis du ikke har installert teksturbørstene ennå, gjør det nå. Åpne dem og velg en av børstene; Jeg liker Scatter Brush 9 (den siste). Endre slagfargen til hvit og Stroke Weight til 0,25 pt.

Steg 2

Først legger vi til litt konsistens bak julenes hilsen, så gå til Bakgrunnsstrukturer-laget. Bruk figurens form som veiledning, tegne noen sirkulære hvirvler og linjer ved hjelp av Paintbrush Tool med teksturbørsten du valgte. Hvis du har problemer med å se hva du gjør, gjør du tekstlaget usynlig midlertidig ved å klikke på øyeikonet til venstre for lagnavnet.

Gjør linjene mer konsentrert i midten og lenger fra hverandre når du beveger deg ut mot kantene på teksten. Jeg har tatt med et skudd med teksten fjernet, slik at du kan se hvordan slagene kan se ut. Men det er ikke nødvendig å prøve å kopiere den nøyaktige plasseringen. bare skrap en håndfull linjer bak teksten til du får en effekt som du liker. 

Når det gjelder størrelse, bør du ende opp med en grov sirkel som sitter mellom furutrærne og strekker seg opp til toppen av postkortet og ned til bakken.

Trinn 3 

I lag panel, velg alt i bakgrunnsstrukturlaget ved å klikke på den åpne sirkelen til høyre for lagnavnet. Endre deretter opacity til 60%.

Her er hva du vil ende opp med:

Jeg har også lagt litt skygge på utsmykningene på hver side av 'OG' for å hjelpe dem til å skille seg ut litt bedre mot bakgrunnstekstur. Hvis du vil gjøre det samme, velg begge figurene, kopier dem (Kommando / Ctrl-C), og Lim inn foran (Rediger> Lim inn foran eller Kommando / Ctrl-F). Endre deretter til en farge etter eget valg; Jeg gikk med samme farge som himmelen. Bruk piltastene dine til å pusse de fargede figurene litt til den ene siden av de hvite.

Trinn 4

Nå, som fortsatt jobber i bakgrunnsstrukturlaget, legger vi til litt konsistens på snøen ved hjelp av samme metode. 

Denne gangen valgte jeg Scatterbørste 14 fra våre børste sett. Endre slagfargen til mynte og Stroke Weight til 0,25 pt. Bruker Paintbrush Tool, tegn enEt par skarpe linjer under trærne på hver side av "julen". Velg begge linjene og endre opacity til 50%.

6. Legg til teksturen til trærne

På på trærne. Vi bruker den samme teksturbørste teknikken pluss et ekstra skritt for å klippe teksturene til formen på trær og grener. I begynnelsen vil teksturen se veldig rotete ut, men ikke bekymre deg - vi får det rettet ut på kort tid.

Trinn 1 

Gå til Tree Textures laget. Velg en tekstur pensel (jeg bruker fortsatt Scatterbørste 14) og sørg for at Stroke Weight er fortsatt satt til 0,25 pt. Gjør berøringsfarge lysegrønn.

Steg 2

Tegn noen buede eller vinklede linjer langs kantene på de tre grønne trærne med Paintbrush Tool. Vi vil ikke at teksturene skal dekke trærne helt, bare for å aksentere en kant eller et hjørne. Endre deretter fargen til eviggrønn og gjør det samme for mellomtræret i gruppen på tre.

For opacity, endre de grønne teksturer til 70% og eviggrønne til 50%. Du har noe slikt:

Trinn 3 

Nå går vi gjennom noen trinn for å trimme teksturen slik at de passer til trærne. 

Gå tilbake til Treeslaget og velg alle fire trærne (forlatt grenene alene for nå). Du kan holde nede Skifte for å velge mer enn ett objekt samtidig. Truffet Kommando / Ctrl-C å kopiere dem, og lås deretter Trees-laget i lag panel, til venstre for det aktuelle lagets navn, ser du et tomt firkant. Klikk på den, og et lite hengelåsikon vil vises.

Trinn 4

Klikk inn i Tree Textures lag og velg Lim inn foran. Flere treformer kommer til å vises på toppen av trærne og teksturene du allerede har opprettet. Ved hjelp av et praktisk verktøy kalt en kappemaske, bruker vi disse ekstra treformene som et stempel eller en kakeskytter for å fjerne biter av tekstur som strekker seg utover trærne.

Velg en av trærne og tekstur som følger med ved å holde nede Skifte som du klikker på dem, og deretter gå til Objekt> Clipping Mask> Make. Du kan se resultatet under: Enkelt treet til høyre har hatt klippemasken påført ... Ryddig, er det ikke?

Trinn 5

Gjenta prosessen med å bruke en utklippsmaske til de tre gjenværende tre, en om gangen. For å øke hastigheten på dette, kan du bruke tastaturgenveien til å opprette klipper, som er Kommando / Ctrl-7.

La oss sjekke ut vår fremgang ... Det begynner å komme sammen!

7. Legg til teksturen til grenene

Nå bør du ha et ganske godt håndtak på denne tekstur + clipping mask prosessen - men hvis ikke, får du litt mer praksis! Vi skal bruke de samme nøyaktige trinnene for grenene.

Trinn 1

Igjen å bruke Scatterbørste 14 0,25 pt, tegne en linje som grovt følger kurven øverst på hver gren. Den første / øverste er i turkis med 100% opasitet, og den andre er i eviggrønn med 70% opasitet.

Steg 2 

Gå til Trees-laget og låse opp det ved å klikke på hengelåsikonet. Velg begge grenene samtidig, og kopier dem, og la låsen låse igjen. Gå til Tree Textures lag og Lim inn foran

Trinn 3 

Påfør limmaskene på grenteksturene med de ekstra grenformene du nettopp limt inn. (Hvis du trenger en rask påminnelse: Velg en gren med den tilsvarende teksten om gangen, hold nede Skifte, og deretter treffer Kommando / Ctrl-7.)

Her er hva vi har:

8. Hang noen ornamenter

Nå er det på tide å trimme treet med noen fargerike, retro ornamenter. I tillegg til de verktøyene og teknikkene vi allerede har dekket, bruker vi Ellipseverktøyet og noen av Illustrators innebygde børster.

Først, la oss gå gjennom trinnene for å lage grunnformen til vårt første ornament:

Trinn 1 

Gå til det røde ornamentlaget. Tegn en smal oval i rødt; min er ca 155 px bred. Høyden spiller ingen rolle så mye, siden vi for det meste vil ha det til å passe pent breddevis mellom kortets venstre kant og gruppen av trær.

Steg 2

Nå skal vi forvandle denne glatte ovalen til et pryd med bare noen få enkle handlinger. Hvert trinn som følger er illustrert i bildet nedenfor. 

  • Klikk på den røde ovale.
  • Velg Konverter Anchor Point Tool med et klikk-hold på Pennverktøy-Det er det siste alternativet i menyen som dukker opp. Med dette verktøyet klikker du på øvre og nedre ankerpunkter på ovalen; Dette vil forandre de glatte punktene til de skarpe. 
  • Nå, fra den samme menyen, velg Legg til Anchor Point Tool og legg inn ekstra ankerpunkter omtrent halvveis mellom hver av de fire eksisterende punktene. 
  • Velg nå Direkte utvalgsverktøy og en om gangen, klikk på topp- og nedre ankerpunkter igjen og dra dem litt utover.

Nå har vi en autentisk retro ornamentform. Legg inn på venstre side av postkortet under grenene.

Trinn 3

Gjenta nå disse trinnene for å lage et nytt ornament, og sørg for at du er nå i Pink Ornament-laget. Prosessen vil være nøyaktig den samme, bortsett fra at formen på formen vil være vertikal i stedet for horisontal:

Juster størrelsen og plasseringen av dette andre ornamentet på en måte som ser bra ut til deg. Jeg liker det overlappende litt med det røde ornamentet.

9. Legg litt tekstur og utsmykninger til ornamenter

Trinn 1 

Først vil vi legge til litt tekstur rundt kantene på ornamenter. Gå til Ornament Textures-laget og gjenta den samme teknikken vi har brukt så langt, med teksturbørster og utklippsmasker.

Som tidligere brukte jeg Scatterbørste 14 her på 0,25 pt. Denne gangen, den opacity for begge oppholdene på 100%. 

Når du er ferdig, lås dette laget.

Steg 2 

Gå tilbake til det røde ornamentlaget. Bruke Rektangelverktøy å lage et hvitt band over ornamentets bredde. Eller hvis du vil velge et mer retro utseende, bruk Pennverktøy å tegne en litt skrå geometrisk form. Uansett hva du velger, må du sørge for at formen strekker seg utover kantene på ornamentet.

Velg nå basisformen under, kopier den, og Lim inn foran. Velg både ornamentformen og det hvite rektangelet som glir ut fra under den, og gå deretter til Pathfinder panel og velg Avling. Dette vil trimme det hvite bandet til ornamentets form.

Trinn 3

Gå til utsmykningslaget. Bruke Ellipsis Tool å tegne et par ovaler, og stable dem på det rosa ornamentet. Jeg brukte Direkte utvalgsverktøy å flytte noen av ankerpunktene og gjøre dem litt skråstilt. Den blå ovalen i min versjon er vår akvamarinfarge / # B1DED8.

Jeg valgte også å legge til litt konsistens på det indre ovale for å skape en liten dybde, men vær så snill å hoppe over dette trinnet hvis du vil.

Trinn 4

Nå, ved hjelp av en av Illustrators innebygde kalligrafiske børster, trekker vi noen strenger slik at det ser ut som om ornamenter henger fra grenene. Jeg valgte en oval pensel fordi den har litt breddevariasjon som gjør at den ser litt mer ut som om den ble trukket med en faktisk børste.

I Børster panelet, klikk på Penselbiblioteker-menyen knappen nederst til venstre, og velg deretter Kunstnerisk> Artistic_Calligraphic> 3 pt. Oval. Endre strekkstørrelsen til 0,5 pt. Velg nå Børsteverktøy. Du finner at det er lettere å tegne den vertikale delen av strengen først (hold nede Skifte som du gjør for å holde det helt rett), og legg deretter bøyen på toppen separat.

Trinn 5

Vi er nesten ferdige! Nå er det på tide å legge til noen festlige dekorasjoner på ornamenter. For mine brukte jeg den samme ovale børsten til å tegne noen løkker og linjer, og enten Ellipse Tool eller den ovale penselen for å legge til noen fargepotter her og der. 

Noen stjerner, striper eller zig-zags kan også være morsomme spill med forskjellige utsmykninger, eller vær så snill å kopiere det du ser her.

10. Legg til en bakside (valgfritt)

Hvis du planlegger å skrive ut og sende ut postkortet ditt, vil du kanskje legge til et par pyntegjenstander på baksiden. Jeg holdt meg enkel med en hilsen og en skillelinje for å skille området for å skrive fra plass for adressen, sammen med en mindre versjon av gruppen av tre trær fra forsiden.

Fantastisk arbeid, du er ferdig!

Jeg håper du har hatt det gøy å bruke børster, teksturer, opasitetsinnstillinger og andre verktøy for å lage et lagdelt, illustrativt utseende for dette retro julekortet. Jeg liker alltid å finne måter å få digitale prosjekter til å se litt mindre datamaskingenerert og litt mer personlig og håndlagd, og mange teknikker vi har brukt i denne opplæringen, er en fin måte å gjøre det på.. 

Du er velkommen til å dele hvordan prosjektet ditt viste seg, eller stille spørsmål i kommentarfeltet. Glad design!