Slik lager du en blyant tekst effekt i Adobe Illustrator

Hva du skal skape

I de følgende trinnene lærer du hvordan du lager en blyanttekst-effekt i Adobe Illustrator ved hjelp av en ganske detaljert mønsterbørste. 

Til å begynne med lærer du hvordan du setter opp et enkelt rutenett og hvordan du lager blyantens kropp ved hjelp av en rektangulære rektangler. Ved hjelp av Zig Zag, Warp og Roughen effekter sammen med grunnleggende blanding og vektormodell byggteknikker, vil du lære å lage spissen av blyanten. 

Deretter lærer du hvordan du lager de resterende komponentene i blyanten din ved hjelp av avrundede hjørner og Live Corners-funksjonen sammen med en rekke rektangler og sammensatte stier..

Når du går videre, lærer du hvordan du gjør arbeidet enklere ved hjelp av Form Builder Tool, hvordan du lagrer og navngir mønstre, og hvordan du lager din egen mønsterpensel. Ved hjelp av Transform-effekten lærer du hvordan du enkelt kan multiplisere en bane og hvordan du kan justere den perfekt til pikselruten. Til slutt lærer du hvordan du oppretter teksteffekten ved hjelp av mønsterbørsten og et enkelt stykke tekst som referanse.

For mer inspirasjon om hvordan du justerer eller forbedrer din endelige teksteffekt, kan du finne mange ressurser på GraphicRiver.

1. Hvordan lage et nytt dokument og sette opp et rutenett

Truffet Kontroll-N å opprette et nytt dokument. Å velge piksler fra enheter rullegardinmenyen, skriv inn 850 i breddeboksen og 585 i høydeboksen, og klikk deretter på det Flere innstillinger knapp. Å velge RGB for Fargemodus, sett Raster Effects til Skjerm (72 ppi), og klikk deretter Opprett dokument.

Aktiver rutenettet (Vis> Vis rutenett) og Snap to Grid (Se> Snap to Grid). Du trenger et rutenett hver 1 px, så bare gå til Rediger> Innstillinger> Guider> Grid, og skriv inn 1 i Gridline hver boks og 1 i inndelinger eske. Forsøk ikke å bli motløs av alt det rutenettet - det vil gjøre arbeidet enklere, og husk at du enkelt kan aktivere eller deaktivere den ved hjelp av Styre-" hurtigtast.

Du kan lære mer om Illustrators gridsystem i denne opplæringen av Andrei Stefan: Forstå Adobe Illustrators Grid System.

Du bør også åpne info panelet (Vindu> Info) for et levende forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å sette måleenheten til piksler fra Rediger> Innstillinger> Enheter. Alle disse alternativene øker arbeidshastigheten betydelig.

2. Slik lager du blyantens kropp

Trinn 1

Velg Rektangelverktøy (M) og fokus på verktøylinjen. Fjern fargen fra streken, og velg deretter fyll og sett fargen til R = 227 G = 174 B = 124. Flytt til din tavle og bare lage en 10 x 8 px rektangel - rutenettet og snap to grid skal gjøre dette enklere.

Gå tilbake til verktøylinjen og erstatt eksisterende fyllfarge med R = 207 G = 154 B = 104. Bruk samme verktøy, opprett to 10 x 6 px former og plasser dem nøyaktig som vist i det andre bildet.

Steg 2

Bruker Rektangelverktøy (M), opprett to 10 x 1 px former og plasser dem nøyaktig som vist i det første bildet. Fyll toppen med R = 246 G = 202 B = 155 og bunnen med R = 242 G = 197 B = 158.

Bruk samme verktøy, opprett to 10 x 2 px former og plasser dem nøyaktig som vist i det andre bildet. Fyll begge former med svart (R = 0 G = 0 B = 0), senk deres opacity til 40%, og endre Blandingsmodus til Mykt lys.

Lage en 10 x 3 px form, fyll den med hvitt (R = 255 G = 255 B = 255), senk dens opacity til 50%, og endre Blandingsmodus til Mykt lys.

3. Hvordan lage tipset på blyantpenningen

Trinn 1

Velg Pennverktøyet (P) og opprett en 20 px vertikal sti. Legg til en 0,25 px slag for denne nye banen, sett fargen til R = 237 G = 28 B = 36, og deretter gå til Effekt> Forvreng og transformer> Zig Zag. Skriv inn attributtene som vises i det følgende bildet, klikk OK, og deretter gå til Objekt> Utvid Utseende

Pass på at den resulterende banen er valgt, gå til Objekt> Sti> Bli med (Kontroll-J) for å lukke banen, og deretter trykke Shift-X å raskt reversere fyllings- og strekkattributtene.

Steg 2

Bruker Rektangelverktøy (M), lage en 21 x 20 px form og fyll den med en tilfeldig blå. Fokuser på høyre side av dette nye rektangelet og bytt til Direkte utvalgsverktøy (A). Velg begge ankerpunkter og gå til Objekt> Sti> Gjennomsnittlig. Undersøk Både boksen og klikk deretter OK. Dette bør i utgangspunktet gjøre rektangelet ditt til en trekant.

Pass på at triangelet er valgt og lag en kopi foran (Control-C> Control-F). Velg den og gå til Effekt> Warp> Arc Upper. Skriv inn attributtene som vises i det følgende bildet, klikk på det OK knappen, og deretter gå til Objekt> Utvid Utseende.

Velg din røde form sammen med de to blåene, åpne Pathfinder panelet (Vindu> Pathfinder), og klikk på Forene knapp.

Trinn 3

Pass på at den røde figuren din fortsatt er valgt, og lag en kopi foran (Kontroll-C > Kontroll-F).

Bruker Ellipseverktøyet (L), lage en 10 px sirkel og fyll den med en tilfeldig gul. Plasser denne nye formen som vist i det første bildet, og gå til Effekt> Forvreng og transformer> Roughen. Skriv inn attributtene som vises i det følgende bildet, klikk på det OK knappen, og deretter gå til Objekt> Utvid Utseende.

Velg din gule form sammen med kopien av den røde figuren, gå til Pathfinder panelet, og klikk på Union knapp. Velg den resulterende formen og erstatt eksisterende fyllfarge med R = 53 G = 47 B = 49.

Trinn 4

Bruker Rektangelverktøy (M), lage en 25 x 10 px form. Fyll den med en tilfeldig blå og legg den som vist i det første bildet. Fokuser på høyre side av dette nye rektangelet og bytt til Direkte utvalgsverktøy (A). Velg begge ankerpunkter og gå til Objekt> Sti> Gjennomsnittlig. Undersøk Både boksen og klikk deretter OK.

Velg din blå trekant sammen med den røde figuren og legg til kopier foran (Control-C> Control-F). Pass på at kun kopiene er valgt, og klikk på Minus Front knapp fra Pathfinder panel. Bare klikk Skift-Control-G til Del opp gruppe Din resulterende gruppe.

Trinn 5

Velg de resterende røde og blå figurene, og klikk deretter på Krysse knapp fra Pathfinder panel.

Flytt til lag panelet (Vindu> Lag), velg de mørke figurene som lager spissen av blyanten din, og ta dem til forsiden (Shift-Control-]).

Trinn 6

Velg din blå form sammen med den mørke og legg til kopier foran (Control-C> Control-F). Velg begge kopier og klikk på Krysse knapp fra Pathfinder panel. Fyll den resulterende formen med R = 96 G = 95 B = 93.

Trinn 7

Velg Rektangelverktøy (M) og opprett en 3 x 2 px form. Fyll den med en tilfeldig gul og legg den som vist på det første bildet.

Fortsett å fokusere på dette nye rektangelet og bytte til Direkte utvalgsverktøy (A). Velg det øverste høyre ankerpunktet og dra det til spissen av blyanten din, som vist i det andre bildet.

Dupliser din gule form, velg denne kopien, roter den 180 grader, og legg den så som vist i det tredje bildet.

Trinn 8

Velg Rektangelverktøy (M) og opprett en 24 x 3 px form. Fyll den med en tilfeldig gul og legg den som vist på det første bildet.

Fortsett å fokusere på dette nye rektangelet, bytt til Slett ankerpunktsverktøy (-), og bare klikk på det øverste høyre ankerpunktet for å fjerne det.

Trinn 9

Velg den øverste røde figuren og legg til en kopi foran (Control-C> Control-F). Velg denne kopien sammen med den øverste gule formen og klikk på Krysse knapp fra Pathfinder panel. Fyll den resulterende formen med svart, senk dens opacity til 40%, og endre Blandingsmodus til Mykt lys.

Velg nederst rød form og legg til en kopi foran (Control-C> Control-F). Velg denne kopien sammen med den nederste gule formen, og klikk på Krysse knapp fra Pathfinder panel. Fyll den resulterende formen med svart, senk dens opacity til 40%, og endre Blandingsmodus til Mykt lys.

Velg din blå form og legg til en kopi foran (Control-C> Control-F). Velg denne kopien sammen med den gjenværende gule formen og klikk på Krysse knapp fra Pathfinder panel. Fyll den resulterende formen med hvit, senk dens opacity til 50%, og endre Blandingsmodus til Mykt lys.

Trinn 10

Velg dine røde figurer og erstatt eksisterende farge med R = 217 G = 164 B = 114. Velg din blå form og erstatt eksisterende farge med R = 236 G = 192 B = 145.

4. Hvordan lage den metalliske siden av blyanten

Trinn 1

Velg Rektangelverktøy (M), og opprett to 3 x 22 px former og en 5 x 22 px form. Fyll alle tre rektangler med R = 171 G = 175 B = 184, plasser dem som vist i det første bildet, og gå deretter til Effekt> Stylize> Avrundede hjørner. Skriv inn en 1 px Radius, klikk det OK knappen, og deretter gå til Objekt> Utvid Utseende

Kontroller at de resulterende figurene er valgt og gå til Objekt> Forbindelsesvei> Lag (Kontroll-8) for å gjøre dem til en sammensatt bane.

Steg 2

Pass på at den grå sammensatte banen fortsatt er valgt, og legg til en kopi foran (Control-C> Control-F). Bruker Rektangelverktøy (M), lage en 13 x 6 px form, sett fyllfarge til R = 149 G = 153 B = 162, og legg det som vist i det første bildet.

Velg dette nye rektangelet sammen med kopien av den sammensatte banen, og klikk på Krysse knapp fra Pathfinder panel. Vend den resulterende gruppen av former til en ny sammensatt bane (Kontroll-8) og deretter kopiere det (Control-C> Control-F). Roter denne kopien 180 grader og legg den så som vist i det fjerde bildet.

Trinn 3

Velg Rektangelverktøy (M), og opprett to 3 x 1 px former og en 5 x 1 px form. Fyll alle tre rektangler med R = 229 G = 229 B = 227 og legg dem som vist i det første bildet. Vend dem til en sammensatt bane (Kontroll-8) for å gjøre det enklere for deg å velge eller redigere alle disse figurene samtidig.

Dupliser denne nye sammensatte banen (Control-C> Control-V) og velg kopien. Plasser den som vist i det andre bildet og erstatt den eksisterende fargen med R = 208 G = 212 B = 215.

Trinn 4

Velg Rektangelverktøy (M), og opprett to 3 x 2 px former og en 5 x 2 px form. Fyll alle tre rektangler med svart og legg dem som vist i første bilde. Senke deres opacity til 30% og endre Blandingsmodus til Mykt lys. Vri disse nye figurene i en sammensatt bane og dupliser den deretter (Control-C> Control-V). Velg kopien og legg den som vist i det andre bildet.

Velg Rektangelverktøy (M), og opprett to 3 px firkanter og en 5 x 3 px form. Fyll alle tre former med hvitt og legg dem som vist i det tredje bildet. Senke deres opacity til 40% og endre Blandingsmodus til Mykt lys. Slå disse nye figurene inn i en sammensatt bane.

Trinn 5

Velg Rektangelverktøy (M) og opprett to 1 x 20 px former. Fyll begge fasene med R = 83 G = 92 B = 107 og legg dem som vist i det første bildet.

Bruk det samme verktøyet, opprett fire 1 px kvadrater og plasser dem som vist i det andre bildet. Fyll alle fire figurer med hvitt, senk deres opacity til 70%, og endre Blandingsmodus til Mykt lys.

Deretter opprett to 1 x 2 px former, fyll dem med svart, og legg dem som vist i det tredje bildet. Senke deres opacity til 20% og endre Blandingsmodus til Mykt lys. Vri disse to figurene i en sammensatt bane (Kontroll-8) og duplisere det (Control-C> Control-V). Plasser kopien som vist på det fjerde bildet og hever det opacity til 30%.

Lag to 1 x 3 px former, fyll dem med hvitt, og legg dem som vist i det tredje bildet. Senke deres opacity til 30% og endre Blandingsmodus til Mykt lys.

5. Hvordan opprette blyantens rydder

Trinn 1

Velg Rektangelverktøy (M), lage en 15 x 20 px form, fyll det med R = 224 G = 67 B = 86, og legg det som vist i det første bildet. Fokus på venstre side av dette nye rektangelet og bytt til Direkte utvalgsverktøy (A). Velg begge ankerpunkter, gå til kontrollpanelet, og skriv inn 3 px i det Corners eske.

Steg 2

Pass på at din rosa form fortsatt er valgt og legg til en kopi foran (Control-C> Control-F). Velg Rektangelverktøy (M), lage en 15 x 6 px form, plasser den som vist i det første bildet, og sett fyllfarge til R = 229 G = 82 B = 101. Velg dette nye rektangelet sammen med kopien av din rosa form og klikk på Krysse knapp fra Pathfinder panel. Pass på at den resulterende formen er valgt og legg til en kopi foran (Control-C> Control-F).

Bruk samme verktøy, opprett en 15 x 2 px form, fyll den med svart, og legg den som vist på det tredje bildet. Velg dette nye rektangelet sammen med kopien som ble gjort for noen få minutter siden og klikk på Krysse knapp fra Pathfinder panel. Pass på at den resulterende formen forblir valgt, senk dens opacity til 30%, og endre Blandingsmodus til Mykt lys.

Trinn 3

Velg de to figurene som ble gjort i forrige trinn og dupliser dem (Control-C> Control-V). Roter disse kopiene 180 grader og plasser dem som vist i det andre bildet. Velg formen markert i det andre bildet og erstatt den eksisterende fyllfargen med R = 214 G = 57 B = 76.

Velg Rektangelverktøy (M), opprett to 15 x 1 px former, og plasser dem nøyaktig som vist i det første bildet. Fyll toppen med R = 255 G = 122 B = 141 og bunnen med R = 235 G = 102 B = 121.

Bruk samme verktøy, opprett en 15 x 3 px form og plasser den nøyaktig som vist i fjerde bilde. Sett fyllfarge til hvitt, senk det opacity til 30%, og endre Blandingsmodus til Mykt lys.

6. Hvordan lage mønsterbørsten

Trinn 1

Velg Rektangelverktøy (M) og opprett en 4 x 26 px form. Fyll den med en tilfeldig rød, senk den opacity til om 50%, og legg det nøyaktig som vist i det første bildet. Velg dette rektangelet sammen med resten av figurene laget så langt og Gruppe dem (Kontroll-G).

Lag en kopi av gruppen din (Control-C> Control-V) og legg den om som vist i det tredje bildet.

Steg 2

Velg din øverste gruppe og velg Form Builder Tool (Shift-M). Hold alt knappen på tastaturet ditt og bare dra en litt vertikal sti fra toppen til bunnen av det røde rektangel. Dette trekket fjerner raskt det røde rektangelet sammen med alle former som ligger bak det, og til slutt skal ting se ut i det andre bildet.

Trinn 3

Velg den gjenværende gruppen av figurer og velg det samme Form Builder Tool (Shift-M). Denne gangen holder du Skifte og alt knapper på tastaturet og dra to enkle valg til venstre og høyre side av det røde rektangel, som vist i de følgende bildene. Til slutt skal ting se ut i det tredje bildet.

Bytt til Direkte utvalgsverktøy (A), velg det røde rektangelet, og fjern det ved hjelp av Slett knappen på tastaturet.

Trinn 4

Bruker Direkte utvalgsverktøy (A), velg alle figurene som er markert i det første bildet og bare dra dem inn i fargeprøver panelet (Vindu> Stikkord) for å lagre dem som et mønster. Fravelg formene fra din tavle og velg det mønsteret fra fargeprøver panelet (Vindu> Stikkord). Åpne utfluktmenyen fra fargeprøver panel og gå til Alternativer for swatch ... . Gi nytt navn til mønsteret ditt "Start"og klikk deretter på OK knapp.

Velg figurene som er markert i det andre bildet og lagre dem som et andre mønster. Velg dette nye mønsteret og endre navnet på det "Slutt".

Trinn 5

Velg figurene som er markert i følgende bilde, åpne Børster panelet (Vindu> Pensler), og klikk på det Ny pensel knapp. Undersøk Mønsterbørste boksen og klikk OK. Velg et navn på mønsteret ditt, kontroller at attributter er angitt som vist nedenfor, og fokuser deretter på Tile esker.

Enkel å åpne Start flis og legg til din "Start"mønster, og åpne deretter End Tile og legg til din "Slutt"mønster. Når du er ferdig, klikk på OK knappen og din nye mønster børste vil dukke opp i Børster panel.

7. Hvordan lage bakgrunnen

Trinn 1

Velg Rektangelverktøy (M) og opprett en 860 x 595 px form. Fyll det med R = 250 G = 255 B = 255 og sørg for at den dekker hele tavla.

Steg 2

Velg Pennverktøyet (P), opprett en 860 px horisontal bane, og legg den som vist i bildet nedenfor. Legg til en 1 px strekk for denne banen og sett fargen til R = 41 G = 171 B = 226.

Trinn 3

Pass på at den horisontale banen fortsatt er valgt, senk dens opacity til 20%, og deretter gå til Effekt> Distort & Transform> Transform. Dra Flytt-Vertical skyvekontrollen til 0,5 px, klikk det OK knappen, og deretter gå igjen til Effekt> Distort & Transform> Transform. Denne gangen, dra den Flytt-Vertical skyvekontrollen til 15 px, Tast inn 39 i kopier boksen, og klikk deretter OK.

Det første Forvandle Effekt brukes til å justere streken til pikselruten perfekt. Aktiver Pixel Preview trekk (Vis> Forhåndsvisning av piksel), ta en nærmere titt på den horisontale banen, og deaktiver deretter den Forvandle effekt for å forstå nøyaktig hva det gjør.

8. Hvordan lage teksteffekten

Trinn 1

Velg Typeverktøy (T) og åpne Karakter panelet (Vindu> Type> Tegn). Velg Milkshake font, og sett størrelsen til 200 px og sporing til 100.

Bare klikk på tavla og legg til "Tegne"tekst. Gjør det svart og senk det opacity til om 30% fra åpenhet panelet (Vindu> Gjennomsiktighet).

Bruker Pennverktøyet (P) og teksten som referanse, tegne noen enkle baner som vist i det andre bildet.

Steg 2

Bli kvitt teksten din og sørg for at banene dine er valgt. Bare bruk mønsterbørsten fra Børster panelet (Vindu> Pensler), og deretter gå til Effekt> Stylize> Drop Shadow. Skriv inn attributtene som vises i det venstre vinduet (i bildet nedenfor), klikk på OK knappen, og bruk deretter de to andre Drop Shadow effekter.

Trinn 3

Til slutt legger du til en enkel krabbeffekt for resten av ordene.

Gratulerer! Du er ferdig!

Slik ser det ut. Jeg håper du har hatt denne opplæringen og kan bruke disse teknikkene i dine fremtidige prosjekter.

Du er velkommen til å justere det endelige designet og gjøre det til ditt eget. Du kan finne noen flotte inspirasjonskilder på GraphicRiver, med interessante løsninger for å forbedre design.