Hvordan lage et Love Lettering Card i Adobe Illustrator

Hva du skal skape

Kjærlighet er i luften! Kjærlighet er overalt! I denne opplæringen vil vi gå gjennom en inspirerende prosess og lage et intrikat brevpapir. Vi kombinerer ulike teknikker, fra å begynne å jobbe med grunnleggende geometriske former og verktøy og fortsette å skrive på frihånd, ved hjelp av tegningsverktøyene til Adobe Illustrator! Vi vil avslutte ved å jobbe med farger og legge til noen utsmykkede detaljer.

Ved slutten av denne opplæringen vil du ha et elegant brevkort som kan bli en nydelig gave til en kjære person. Dessuten kan du bruke de samme teknikkene for å lage et annet håndskriftkort eller plakat, enten det er et originalt bursdagskort, et hilsen eller en stilig bryllup invitasjon. Hvis du føler deg som om du er ute av ideer, anbefaler jeg på det sterkeste å surfe gjennom Envato Market for å finne lettering inspirasjon! Og hvis du er klar, la oss hoppe rett inn i prosessen!

1. Lag Love Letters

Trinn 1

Start med å lage en Nytt dokument av 450 x 450 px størrelse.

Jeg begynner vanligvis å lage brevkort fra grove skisser, søker etter ideer og balansert komposisjoner. Din skisse trenger ikke å være perfekt justert og pent. Her er den jeg har laget; det ser ganske quirky og ujevnt ut, fordi jeg har gjort det veldig fort for å fikse ideen min på papir. Jeg skal bruke denne skissen som en referanse til mitt fremtidige kort. Jeg legger den på et eget lag, Dobbeltklikk laget, og kryss av Mal boksen for å lage laget 50% gjennomsiktig og å låse den.

Steg 2

La oss begynne å forme ordet "kjærlig" fra bokstaven L. Bruk Rektangelverktøy (M) å lage en 8 x 50 px lysegul form. Lag en annen stripe på toppen, setter størrelsen på 10 x 25 px og fylle den med turkis.

Trinn 3

La oss nå gjengi de dekorative elementene i brevet, som også vil bli brukt til alle andre bokstaver. Ta Ellipseverktøyet (L), lag to 12,5 x 12,5 px overlappende sirkler, og plasser dem på venstre side av turkis stripe, som vist på skjermbildet nedenfor. Fargen på sirklene spiller ingen rolle - jeg gjør dem bare kontrasterende og synlige. Velg begge sirkler og klikk Minus Front i Pathfinder panel for å kutte toppsirkelen av.

Trinn 4

Nå som vi har halvmåneformen, la oss få den til å passe den turkise stripen. Velg både stripe og halvmåne, ta Form Builder Tool (Shift-M), holde alt og klikk på bunnen av halvmåne for å slette den.

Trinn 5

Bruke Eyedropper Tool (I) å velge fargen fra stripen og bruke den til dekorative elementet. Dobbeltklikk de Reflekteringsverktøy (O) og vri formen over Vertikal akse. Klikk på Kopiere knapp for å legge til en reflektert form og feste den på motsatt side av turkis stripen. På denne måten lager vi et retro blomstert utseende for brevet.

Trinn 6

La oss velge alle turkisbitene og Forene dem i Pathfinder inn i en enkelt form. Bruke Slett ankerpoengverktøyet (-) å kvitte seg med de unødvendige punktene ved kantene av den fusjonerte formen. Hvis formen ser deformert eller ikke-symmetrisk, bruk Direkte utvalgsverktøy (A) å fikse ankerpunktene og ankerhåndtakene. Husk å holde Skifte hvis du vil plassere håndtakene rett horisontalt eller vertikalt.

Trinn 7

Legg nå til en 30 x 10 px rektangel for den horisontale delen av bokstaven L. Opprett en annen liten 6 x 7,5 px rektangel og plasser den på høyre side av formen.

Trinn 8

Velg øverste høyre hjørne av vårt lille rektangel med Direkte utvalgsverktøy (A) og bruk Levende hjørner funksjon for å gjøre det helt avrundet.

La oss bruke Rette inn panel for å plassere fasene riktig. Velg både den horisontale stripen og det avrundede rektangelet, og klikk deretter den horisontale stripen igjen for å gjøre det a Nøkkelobjekt (det vil bli merket med tykkere utvalg). Klikk Horisontal Juster Høyre i Rette inn panel for å justere figurene til høyre.

Juster alle andre deler av brevet, om nødvendig.

Trinn 9

La oss nå dekorere toppen av brevet. Lage en 7 x 7 px gul sirkel og legg den på venstre side av den gule vertikale stripen. Holde Alt-Shift og dra sirkelen til høyre, og lag en kopi. Nå har vårt brev L et mykere, avrundet utseende. 

Trinn 10

La oss legge til flere dekorative elementer. Bruke Linjesegmentverktøy (\) eller Pennverktøyet (P), holde Skifte og lag en vertikal stripe midt på brevet. Sett Stroke farge til mørkere gul. Hodet til Stroke panelet og sett inn Vekt til 1 pt. Sett Profil til Breddeprofil 1 i bunnen av Stroke panel, noe som gjør linjen tykkere i midten og tynn på enden.

Velg linjen og trykk Styre-[ flere ganger for å plassere den under turkisformen.

Trinn 11

Legg til en hjørnet linje på toppen av turkisformen og lag Stroke farge lys turkis. Og her er den enkleste måten å lage den stiplede linjen: i Stroke panel, kryss av Strekket linje merk av i boksen, sett inn bindestrek til 0 px og mellomrom til 4 pt. Sett Vekt til 1,5 pt, og her har du det!

Trinn 12

La oss nå lage brevet O. Ta Avrundet rektangelverktøy og lag en 30 x 52,5 px form. Du kan justere Hjørne Radius til din smak fra det øverste kontrollpanelet.

Bruke Guides å justere bokstavene til toppen. Du kan dra Guides rett inn på din kunstplate fra Linjaler (Control-R).

Lag et annet avrundet rektangel på toppen av den første. Jeg bruker den vertikale stripen i vårt forrige brev for å sikre at oversikten over brevet O har samme bredde. Dette hjelper meg å justere størrelsen på den indre formen. 

Når du har justert størrelsen på det indre rektangel, velger du begge og bruker Minus Front funksjon av Pathfinder å kutte formen ut og lage et hull.

Trinn 13

Velg bokstaven O og gå til Objekt> Path> Offset Path. Sett offset verdi til 1,5 px, danner en kant utenfor bokstaven. Fyll den nye formen med turkisfarge og Rette inn det til bunn av bokstaven L, ved hjelp av den horisontale stripen av L som a Nøkkelobjekt.

Trinn 14

Velg turkiselementet til O og ta Eraser Tool (Shift-E). Holde alt og slett den øverste halvdelen av formen. 

Bruk det horisontale Guide å gjøre elementene i bokstavene i samme høyde. 

Kopiereden turkise vertikale stripen fra bokstaven L og bruk Eraser Tool (Shift-E) å slette stripen, og la kun den dekorative "halen". Fest haler til brevet O, slik at de passer til den turkise formen til O.

Velg alle turkiselementene i O og trykk Shift-Control-] til Bringe dem til forsiden.

Trinn 15

Opprett et annet avrundet rektangel over O, skift det til Stroke farge. Bruke Saksverktøy (C) og klikk på merkede ankerpunkter for å dele formene i to deler. Endre utseendet til delene, og bruk samme innstillinger av Stroke som vi har for bokstaven L.

Trinn 16

La oss nå lage brevet V. Dupliser den gule vertikale stripen fra bokstaven L to ganger og roter stripene, slik at de overlapper nederst og danner en V-form.

Velg begge stripene og bruk Form Builder Tool (Shift-M) mens du holder alt å slette de unødvendige brikkene.

Trinn 17

Bruke Offset-banen fungere med 1,5 px forskyvning verdi og fyll den opprettede formen med turkis. Rette inn den nye formen til bunn av forrige brev.

Trinn 18

Slett den øverste delen av turkisformen og fest floral dekorative elementer til den. Fullfør brevet ved å legge dekorative streker.

Trinn 19

Lag de to neste bokstavene - I og N - fra de vertikale delene av bokstaven L. Bruk kopiene av disse delene og kombiner dem med hverandre, og skriv brev av samme stil.

Trinn 20

Og til slutt, bokstaven G. Lag en kopi av bokstaven O og bruk Eraser Tool (Shift-E) å slette et stykke på sin høyre side. Fest de dekorative slagene eller lage nye hvis de ser deformert etter transformasjon.

Dupliser de gule kretsene og et lite avrundet rektangel fra bokstaven L, og avslutt med bokstaven G.

Godt jobbet! Det første ordet på kortet vårt er klart! La oss gå videre og gjøre litt håndskrift!

2. Bruk Blob Brush Tool for håndskrift

Trinn 1

La oss nå skrive ordet "deg" på en frihånds måte. Du kan bruke din egen håndskrift eller velge en fin håndskrevet skrift til din smak som en referanse og tegne over den.

Dobbeltklikk de Blob børsteverktøy (Shift-B) å åpne alternativer vindu. Du kan se mine innstillinger i skjermbildet nedenfor. Jeg bruker en grafikkbrett for å gjøre prosessen mer komfortabel og glatt, og jeg endrer størrelsen på penselen med [ og ] nøkler. Hvis du bruker en mus, flytter du gjengivelse skyvekontrollen til Glatt for å få flytende linjer.

Steg 2

De Blob børsteverktøy (Shift-B) lar oss tegne med former, slik at vi ikke kan redigere linjene som slag. Vi kan imidlertid bruke Direkte utvalgsverktøy (A) å bevege ankerpunktene og justere ankerhåndtakets posisjon. På denne måten kan vi variere tykkelsen på brevet, noe som gjør deler av tykkelsen tykkere og de andre tynnere, etterligner virkelige håndskrifter på papir.

Her er hvordan mitt ord ser ut. Jeg spores bokstavene rett over skissen og redigerte dem for å gjøre bokstaverne jevne og flytende.

Trinn 3

Nå skal vi etterligne en skrivemaskinens skrifttype. Vi kunne bruke noen av de innebygde skrifttyper og bare skrive ordet, men la oss holde fast i den generelle stilen på bildet vårt og gi det et håndskrevet utseende.

Først av alt, la oss velge en fin skrivemaskin skrifttype, som Courier, Consolas eller noen andre til din smak. Jeg bruker Prestige Elite Std skrifttype for å skrive uttrykket "er som", setter størrelsen til 12 pt og fargen til en lys fargetone grå.

Lås objektet i lag panel, arm deg selv med Blob børsteverktøy (Shift-B) og begynn å tegne bokstavene. Jeg får dem til å se litt annerledes ut enn originalen.

Endelig, gruppe (Control-G) hvert brev og flytte dem litt nærmere hverandre.

Trinn 4

La oss nå flytte til ordet "magi". Jeg bruker skissen min som referanse til å tegne tegneserie-lignende bokstaver. Bruke Blyantverktøy (N) å tegne et buet swirly brev og fylle det med mørkblå farge. Vektorbokstaven min ser ikke ut akkurat som den på skissen, fordi skissen er ganske grov.

Hvis du føler deg ubehagelig å tegne med Blyantverktøy (N) uten en skikkelig skisse, kan du lage en ren skisse med glatte bokstaver, plassere den i Adobe Illustrator, og bare spore over med Blyantverktøy (N). Dette vil hjelpe deg å kontrollere linjene og gjøre tegningsprosessen enklere. 

Jeg bruker Direkte utvalgsverktøy (A) å flytte og redigere noen punkter i brevet som ikke ser riktig ut. Prøv å gjøre hvirvlene av brevet ser mer eller mindre symmetrisk ut.

Trinn 5

La oss nå tegne bokstaven A. Legg merke til hvordan venstre side av A passer pent på virvelen til bokstaven M. Dette bidrar til å bygge en viss forbindelse mellom bokstavene.

Tegn en liten form på toppen av A og bruk Minus Front funksjon av Pathfinder å kutte det ut, danner et avrundet hull. 

Trinn 6

Fortsett å bruke Blyantverktøy (N) og tegne neste bokstav. Plasser G over A og drei den til venstre litt, slik at den passer til bue av A. 

Legg til et rett brev jeg med en lekfull swirly dot på toppen av den. 

Avslutt ved å tegne en avrundet C, roter den til motsatt side, til høyre. Rediger bokstavene, om nødvendig, og gjør dem glatte.

Trinn 7

Juster plasseringen av bokstavene, gjør dem til å svare til hverandre, plasser noen av dem høyere og de andre lavere, roter dem i motsatte retninger for å gi ordet et lekende tegneserieutseende.

Trinn 8

Bruke Blyantverktøy (N) igjen, men denne gangen slår du på Fylle farge til ingen og Stroke farge til mørk blå. Lag glatte, avrundede slag rundt bokstavene. I Stroke panel, sett inn Vekt til 1 pt og Profil til Breddeprofil 1.

Nå ser ordet detaljert ut. La oss gå videre og kombinere ordene med et romantisk kort!

3. Kombiner ordene i et kjærlighetsbrev

Trinn 1

Først av alt, la oss lage en 450 x 450 px rektangel og fyll det med en veldig mørk fiolettblå farge. Sende rektangelet å gå tilbake (Shift-Control- [), danner bakgrunnen.

Våre brev ser flatt ut på dette stadiet, og vi kan enten forlate dem slik eller prøve å bruke forsiktige gradienter for å gi bildet vårt litt mer dybde og få bokstavene til å se innviklet. 

Begynn med å endre fargen på bokstaven L i ordet "elskende". Velg alle de gule elementene og fyll dem med lineær gradient fra oransje til gul, noe som gir det et snev av gull. Bruke Gradient Tool (G) å plassere graden vertikalt.

Velg deretter de turkise elementene og bruk en vertikal lineær gradient fra turkis til blå, slik at brevet ser ut som lysende.

Recolor alle de resterende bokstavene i ordet også.

Steg 2

La oss nå jobbe med ordet "du". Begynn med å bruke en lineær gradient fra lysebrunt til lys beige, og still gradienten diagonalt.

Trinn 3

La oss nå gjøre brevet Y ser tredimensjonalt ved å legge til subtile skygger på de stedene hvor linjene overlapper. Kopiere Y og Lim inn foran (Control-C> Control-F). Fyll kopien med en kontrastblå farge. 

Zoom inn løkken i brevet og bruk Saksverktøy (C) å klikke på de fire ankerpunktene på overlappende delen av brevet, merket på skjermbildet nedenfor. Nå som formen er delt inn i flere deler, hold den valgt, ta Eraser Tool (Shift-E), og bruk den som vist nedenfor.

Trinn 4

Velg nå unødvendige elementer, og la bare noen få stykker, som blir omgjort til skygger.

Trinn 5

Sett Blandingsmodus av formen til Multiplisere og fyll den med lineær gradient fra lysebrun til hvit. Du kan også stille inn opacity av den hvite spissen av graden til 0%, gjør det helt gjennomsiktig. Bruke Gradient Tool (G) å plassere graden i riktig retning.

Disse milde skyggene hjelper oss å skille delene av brevet, slik at de ser tredimensjonale ut.

Trinn 6

Gjør det samme for resten av bokstavene, danner stykkene som blir omgjort til skygger. Jeg har merket disse figurene med svart farge i skjermbildet nedenfor.

Bytt disse figurene inn i Multipliser Blending Mode og bruk lineære gradienter, som vi gjorde i forrige trinn. Nå ser vårt ord ganske tredimensjonalt ut!

Trinn 7

Flytt til neste del av kortet vårt og fyll på uttrykket "er som" med en elegant gullbeige lineær gradient ved å velge alle bokstavene og bruke en gradient til dem alle samtidig. Legg til to tynne, horisontale linjer ved hver side av uttrykket.

Trinn 8

Og til slutt, det siste ordet av kortet vårt: "magi". Velg alle bokstavene og bruk en lineær gradient fra blå på topp til lilla nederst. 

Farger også strekkene slik at de passer til paletten på ordet. Du kan enten legge dem som streker og bruke fargene manuelt eller Objekt> Utvid Utseende og farger dem sammen med bokstavene ved å velge hele ordet og bruke en vertikal gradient.

Trinn 9

La oss gjøre bokstavene litt mer detaljerte og intrikate. Velg bokstaven M og søk Offset-banen med -2,5 px forskyvning verdi, skape en mindre form inni. Fest den indre formen, om nødvendig, ved å flytte ankerpunktene og håndtere med Direkte utvalgsverktøy (A).

Fyll den opprettede formen med en vertikal lineær gradient fra mørk blå til mørk fiolett og bytt Blandingsmodus til Skjerm, gjør formen halv gjennomsiktig og lys.

Bruk samme teknikk for å legge til lyse elementer i hvert brev.

Trinn 10

La oss legge til litt mer magi på bildet vårt ved å lage musserende stjerner. Bruke Star Tool (du kan finne den i samme rullegardinmeny som andre geometriske former) for å lage en 4-spiss stjerne. Hold Styre nøkkel mens du gjør stjernen til å justere dens tykkelse, noe som gjør den bulgy.

Lag en gruppe stjerner av forskjellige størrelser, fyll dem med lysere og mørkere gyldne gradienter, og speckle stjernene rundt ordet "magisk".

Trinn 11

Bruke Blyantverktøy (N) å tegne en swirly linje øverst til venstre på ordet "kjærlig". Bytte til Stroke farge og bruk en lineær gradient fra brun til lys beige. Du kan ikke redigere retningen til din Stroke gradient med Gradient Tool (G), men du kan justere det Angle fra gradient panel.

I Stroke panel, sett inn Vekt til 2 pt og Profil til Breddeprofil 1.

Trinn 12

Legg til flere virvler og snurre rundt ordet "kjærlig", og danner en ramme. Legg til noen virvler på begge sider av ordet "du" også.

Trinn 13

Avslutt hvirvlene ved å legge tynne lysfiolette streker og tynne prikkede streker, slik at virvlene ser utsmykkede ut.

Herlig! Vårt brevkort er ferdig!

God jobb, mine venner! Vi har ferdig med vårt elegante bokstav "kjærlighet" postkort, som du kan skrive ut, sette i en ramme og stolt presentere til din elskede person. Det er laget av deg, og som du vet, er håndlaget gaver skapt med kjærlighet det beste.

Jeg håper du har hatt glede av prosessen med å lage dette kortet, og vil bruke disse tipsene og triksene for å lage andre brevkort eller plakater.

Forresten, jeg har en annen skriftlig opplæring for deg! Det er enkelt og morsomt, så sjekk det ut!

  • Design en gal retro plakat med quirky bokstaver i Adobe Illustrator