Share
Hva du skal skapeI de følgende trinnene lærer du hvordan du oppretter en tegningstekst-effekt i Adobe Illustrator.
Til å begynne med lærer du hvordan du setter opp et enkelt nett og hvordan du lager de figurene som vil gjøre opp dine mønsterbørstekomponenter. Deretter lærer du hvordan du lagrer og omdøper mønstre og hvordan du lagrer en ganske enkel mønsterbørste. Ved hjelp av enkle slag, grunnleggende blandingsteknikker og flere Transform effekter, vil du opprette bakgrunnsarkitekturen.
Når du fortsetter, lærer du hvordan du lager den faktiske teksteffekten og hvordan du gjør arbeidet enklere ved hjelp av grafiske stiler. Til slutt lærer du hvordan du lager et enkelt kritt ved hjelp av 3D Extrude & Bevel-effekten, noen lineære gradienter og Utseendepanelet.
For mer inspirasjon, kan du alltid finne en rekke grafiske stiler (inkludert grafikkstiler) på Envato Market.
Truffet Kontroll-N å opprette et nytt dokument. Å velge piksler fra enheter rullegardinmenyen, skriv inn 600 i boksene bredde og høyde, og klikk deretter på Avansert knapp. Å velge RGB, Skjerm (72ppi) og sørg for at Juster nye objekter til pikselruten boksen er ikke merket før du klikker OK.
Aktiver rutenettet (Vis> Vis rutenett) og Snap to Grid (Se> Snap to Grid). Du trenger et rutenett hver 10 px, så bare gå til Rediger> Innstillinger> Guider> Grid og skriv inn 10 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 rutenett og hvordan det kan lette arbeidet ditt i denne korte opplæringen fra Andrei Stefan: Forstå Adobe Illustrators rutenett 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> Generelt. Alle disse alternativene øker arbeidshastigheten betydelig.
Velg Rektangelverktøy (M) og fokus på verktøylinjen. Fjern fargen fra streken, og velg deretter fyll og sett fargen til R = 255 G = 0 B = 7. Flytt til din tavle og bare lage en 63 px firkantet - rutenettet og Snap to Grid funksjonen bør gjøre dette enklere.
Pass på at nyopprettet form forblir valgt, åpne åpenhet panelet (Vindu> Gjennomsiktighet) og senk opacity til 10%.
Bruker Rektangelverktøy (M), lage en 30 x 3 px form, fyll den med svart, og legg den nøyaktig som vist på bildet nedenfor. Igjen, rutenettet og Snap to Grid funksjonen vil gjøre dette enklere.
Bruker Rektangelverktøy (M), lage en 3 x 15 px form, fyll den med svart, og legg den som vist i det første bildet.
Fokus på toppen av dette nye rektangel og velg Direkte utvalgsverktøy (A). Velg begge ankerpunkter og gå til Objekt> Sti> Gjennomsnitt (Alt-Control-J). Undersøk Både boksen og klikk på OK knappen, og rektangelet ditt blir til en trekant, som vist i det andre bildet.
Fortsett å fokusere på de redigerte ankerpunktene, bytt til Slett ankerpoeng (-), og klikk bare på det punktet for å fjerne et av de to overlappende ankerpunktene.
Kontroller at triangelen din fortsatt er valgt og gå til Object> Warp> Bulge. Skriv inn attributtene som vises nedenfor, klikk på OK knappen, og deretter gå til Objekt> Utvid Utseende.
Dupliser den resulterende formen (Control-C> Control-V), velg kopien, roter den 90 grader, og legg den så som vist i det andre bildet.
Fortsett å fokusere på de to trekanter og velg Direkte utvalgsverktøy (A). Velg de to ankerpunktene som er markert i det første bildet, fokus på alternativlinjen, og skriv inn 0,2 px i det Corners eske.
Live Corners-funksjonen er bare tilgjengelig for CC-brukere. Den beste løsningen for å erstatte denne effekten ville være Runde hvilket som helst hjørne Skript som kan finnes i denne artikkelen: 20 Gratis og nyttige Adobe Illustrator Scripts. Lagre det på harddisken, gå tilbake til Illustrator, og ta tak i Direkte utvalgsverktøy (A). Velg de samme to ankerpunktene og gå til Fil> Skript> Annet skript. Åpne Runde et hvilket som helst hjørnescript, skriv inn en 0.2 radius, og klikk OK.
Deaktiver Snap to Grid (Styre-"). Velg Penselverktøy (B), åpne Børster panel (Vindu> Pensler) og velg din 3 pt. Rund kalligrafisk børste.
Flytt til tavla og tegne noen bølgende baner langs kantene på dine svarte former, omtrent som vist på bildet nedenfor. Pass på at stiene dine ikke dekker en stor del av dine svarte former.
Velg de to banene som går langs din lengre, svarte form og gå til Objekt> Sti> Oversikt over strekk. Velg de resulterende figurene sammen med den svarte formen som ligger i ryggen, åpne Pathfinder panelet (Vindu> Pathfinder), og klikk på Minus Front knapp.
Flytt til de andre to svarte fasene og gjenta teknikken nevnt i forrige trinn.
Ta en nærmere titt på dine svarte former og gjør de skarpe ankerpunktene litt jevnere.
Aktiver Snap to Grid (Styre-"). Bruker Rektangelverktøy (M), lage en 3 px svart firkant og legg det som vist i bildet nedenfor.
Velg ditt røde rektangel, fokus på åpenhet panel, og senk opacity til 0%.
Nå, velg det samme rektangelet sammen med de tre svarte fasene som er markert i det følgende bildet, og bare dra dem inn i fargeprøver panelet (Vindu> Stikkord) for å lagre dem som et mønster. Pass på at det nylig lagt til mønsteret er valgt, åpne avspalingspanelet fra fargeprøver panel, og gå til Swatch-alternativer. Gi nytt navn til mønsteret ditt "Hjørne"og klikk det OK knapp.
Velg den svarte formen som er markert i følgende bilde, og klikk på Ny pensel knapp fra Børster panel. Undersøk Mønsterbørste knappen og klikk deretter på OK knappen for å åpne Mønsterbørstealternativer knapp.
Velg et navn for den nye penselen, dra den Scale skyvekontrollen til 70%, å velge nyanser for Fargelasjonsmetode, og deretter fokusere på Tile esker. Først velger du Ytre hjørne fliser og legg til din "Hjørne"mønster fra listen, og åpne deretter Inner hjørnefliser og velg Auto-Sentrert. Når du er ferdig, klikker du på OK knapp.
For dette trinnet trenger du et rutenett hver 10 px, så gå til Rediger> Innstillinger> Guider og rutenett og skriv inn 10 i Gridline hver eske.
Bruker Rektangelverktøy (M), lage en 620 px firkantet, fyll det med R = 33 G = 61 B = 150 og sørg for at den dekker hele tavla som vist på bildet nedenfor.
Kontroller at det blå torget ditt fortsatt er valgt, fokus på Utseende panel, og legg til en ny fylling ved hjelp av Legg til ny fylling knapp.
Velg denne nye fyllingen, sett fargen til svart, og gå til Effekt> Kunstnerisk> Filmkorn. Skriv inn attributtene som vises nedenfor, klikk på OK knappen, og gå tilbake til Utseende panel. Klikk på "opacity"stykke tekst som står for din svarte fylling for å åpne åpenhet fly-out panel, og senk deretter opacity til 7% og endre Blandingsmodus til Multiplisere.
Bruker Pennverktøyet (P), lage en 620 px vertikal bane og plasser den som vist på bildet nedenfor. Pass på at denne banen forblir valgt og fokus på Utseende panel.
Først må du kontrollere at det ikke er farge for fyllingen, og velg deretter slag. Gjør den hvit, senk den opacity til 40%, og endre Blandingsmodus til overlegg. Så gå til Effekt> Distort & Transform> Transform. Dra Move-Horisontal skyvekontrollen til 0,5 px, Klikk på OK knappen og deretter gå igjen til Effekt> Distort & Transform> Transform. Denne gangen drar du Move-Horisontal skyvekontrollen til 50 px og skriv inn 12 i den bunnen kopier eske.
Pass på at den vertikale banen fortsatt er valgt, fortsett å fokusere på Utseende panel, og legg til et nytt slag ved hjelp av Legg til nytt slag knapp.
Velg dette nye slag og sørg for at fargen er satt til hvit. Senk dens opacity til 30% og endre Blandingsmodus til overlegg, og deretter gå til Effekt> Distort & Transform> Transform. Dra Move-Horisontal skyvekontrollen til 0,5 px, Klikk på OK knappen og deretter gå igjen til Effekt> Distort & Transform> Transform. Denne gangen drar du Move-Horisontal skyvekontrollen til 5 px og skriv inn 120 i den bunnen kopier eske.
Bruker Pennverktøyet (P), lage en 620 px horisontal bane og plasser den som vist i bildet nedenfor. Pass på at denne banen forblir valgt og fokus på Utseende panel.
Først må du kontrollere at det ikke er farge for fyllingen, og velg deretter slag. Gjør den hvit, senk den opacity til 40%,og endre Blandingsmodus til overlegg. Så gå til Effekt> Distort & Transform> Transform. Dra Flytt-Vertical skyvekontrollen til 0,5 px, Klikk på OK knappen og deretter gå igjen til Effekt> Distort & Transform> Transform. Denne gangen drar du Flytt-Vertical skyvekontrollen til 50 px og skriv inn 12 i den bunnen kopier eske.
Pass på at den horisontale banen fortsatt er valgt, fortsett å fokusere på Utseende panel og legg til et nytt slag ved å bruke det samme Legg til nytt slag knapp.
Velg dette nye slag og sørg for at fargen er satt til hvit. Senk dens opacity til 30% og endre Blandingsmodus til overlegg, og deretter gå til Effekt> Distort & Transform> Transform. Dra Flytt-Vertical skyvekontrollen til 0,5 px, Klikk på OK knappen og deretter gå igjen til Effekt> Distort & Transform> Transform. Denne gangen drar du Flytt-Vertical skyvekontrollen til 5 px og skriv inn 120 i den bunnen kopier eske.
Åpne Karakter panelet (Vindu> Type> Tegn), velg Typeverktøy (T), og klikk på tavla. Legg til "BLÅ"stykke tekst og bruk Franklin Gothic Demi font med størrelsen satt til 150 pt. Velg en tilfeldig farge for teksten, og legg den grovt som vist på bildet nedenfor.
Pass på at tekststykket fortsatt er valgt, fjern eksisterende fyllfarge (som vil gjøre teksten din helt usynlig), og fokusere på Utseende panel.
Legg til et slag og velg det. Sett Vekt til 0,5 px, erstatt eksisterende farge med R = 233 G = 242 B = 248, og deretter gå til Effekt> Forvreng og transformer> Roughen. Skriv inn attributtene som er vist nedenfor, og klikk på OK knapp.
Pass på at tekststykket fortsatt er valgt, og fortsett å fokusere på Utseende panel. Legg til et nytt slag og velg det. Bare legg til mønsterbørsten fra Børster panel, og ikke glem å sette fargen til R = 233 G = 242 B = 248.
Med ditt stykke tekst fortsatt valgt, åpner du Grafiske stiler panelet (Vindu> Grafiske stiler) og klikk på Ny grafisk stil knapp.
Vellgjør Typeverktøy (T), Legg til "SKRIVE UT"stykke tekst, plasser det som vist i det følgende bildet og bruk de samme skriftattributtene. Når du er ferdig, bruk bare grafikkstilen din og ting skal ende med å se ut som det andre bildet.
Pass på at "SKRIVE UT"tekststykke er fortsatt valgt og fokuserer på Utseende panel. Velg eksisterende fyll, sett fargen til R = 233 G = 242 B = 248 og deretter gå til Effekt> Stylize> Scribble. Skriv inn attributtene som vises nedenfor, klikk på OK knappen, og deretter tilbake til Grafiske stiler panelet og klikk det Ny grafisk stil knappen igjen for å lagre den andre grafiske stilen din.
Du trenger ikke denne nye grafiske stilen gjennom denne opplæringen, men husk at du alltid kan bruke den til å raskt bruke sine attributter til enhver form for tekst, form eller sti.
For dette trinnet trenger du et rutenett hver 5 px, så gå til Rediger> Innstillinger> Guider og rutenett og skriv inn 5 i Gridline hver eske.
Bruker Ellipseverktøyet (L), lage en 15 px sirkel, fyll den med gul og legg den som vist på det første bildet. Pass på at denne nye formen forblir valgt og gå til Effekt> 3D> Extrude & Command. Skriv inn attributene som er vist nedenfor, og klikk deretter på OK knapp.
Pass på at den gule sirkelen din fortsatt er valgt, og gå til Objekt> Utvid Utseende.
Velg den resulterende gruppen og klikk Skift-Control-G to ganger til Del opp gruppe disse figurene. Nå velger du de to figurene som er markert i det første bildet og klikker på Forene knapp fra Pathfinder panel. Fyll den resulterende formen med den lineære gradienten som vises nedenfor, og husk at de blå tallene fra gradient bildet står for plassering prosentdel.
Velg den gjenværende gule formen og erstatt den gule med den lineære gradienten som vises nedenfor.
Velg de to figurene som er fylt med lineære gradienter, og opprett kopier foran (Control-C> Control-F). Velg begge kopier og klikk på Forene knapp fra Pathfinder panel. Fyll den resulterende formen med svart.
Kontroller at den svarte formen som ble gjort i det forrige trinnet, fortsatt er valgt.
Først, hit Styre-[ to ganger for å sende den valgte figuren bak de to figurene fylt med lineære gradienter, og fokuser deretter på Utseende panel. Pass på at hele banen er valgt (bare klikk på "Sti"tekststykke fra toppen av panelet) og deretter gå til Effekt> Forvreng og transformer> Gratis forvreng. Dra disse punktene grovt som vist nedenfor, og klikk deretter på OK knapp.
Sørg for at din svarte form fortsatt er valgt og fortsett å fokusere på Utseende panel. Velg den eksisterende fyllingen, senk dens opacity til 15% og gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en 3 px Radius og klikk på OK knapp.
Sørg for at din svarte form fortsatt er valgt, fortsett å fokusere på Utseende panel og legg til en ny fylling. Velg denne nye fyllingen, senk den opacity til 20% og erstatt eksisterende farge med den lineære gradienten vist nedenfor. Husk at den gule nullen fra gradient bildet står for opacity prosentdel.
Hvis du også vil legge til en enkel blyant på illustrasjonen din, følg denne enkle opplæringen: Hvordan lage en detaljert blyant-illustrasjon i Adobe Illustrator.
Endelig dupliserer du det blå firkanten som lager bakgrunnen din og tar kopien til forsiden ved hjelp av Shift-Control-] hurtigtast.
Velg denne nye figuren og trykk på D knappen fra tastaturet for raskt å erstatte det eksisterende Utseende attributter med standardene (hvitt fyll og svart slag). Fjern den svarte takten og velg fyllingen. Senk dens opacity til 40%, endre Blandingsmodus til overlegg og erstatt eksisterende farge med den radiale gradienten som er vist nedenfor. Ikke glem at gult null fra gradient bildet står for opacity prosentdel.
Slik ser det ut. Jeg håper du har hatt denne opplæringen og kan bruke disse teknikkene i dine fremtidige prosjekter.
Hvis du leter etter en annen utskrift-fokusert opplæring, sjekk ut denne ryddige opplæringen fra Ryan Quintal: Hurtig Tips: Hvordan lage en Blueprint Illustrasjon.
Accentsconagua