Slik lager du en fargerik, sparkly tekstvirkning i Adobe Illustrator

Hva du skal skape

Til å begynne med lærer du hvordan du konfigurerer et enkelt nett og hvordan du lager et sett med scatterbørster. Deretter lærer du hvordan du lager en enkel bakgrunn og hvordan du bruker scatterbørstene. Når du går videre, lærer du hvordan du kan dra full nytte av Utseendepanelet og hvordan du kan lette arbeidet ditt ved hjelp av enkle grafiske stiler. Til slutt lærer du hvordan du legger til subtile skygge og høydepunkter ved hjelp av en enkel blanding, grunnleggende effekter og en blanding av teknikker.

1. Opprett et nytt dokument og sett opp et rutenett

Truffet Kontroll-N å opprette et nytt dokument. Å velge piksler fra enheter rullegardinmenyen, skriv inn 600 I boksen bredde og høyde klikker du 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 Nett (Vis> Vis rutenett) og Snap to Grid (Se> Snap to Grid). Til å begynne med trenger du et rutenett hver 5px, så bare gå til Rediger> Innstillinger> Guider> Grid, Tast inn 5 i Gridline hver boks og 1 i inndelinger eske. Forsøk ikke å bli motløs av alt det rutenettet, det vil lette arbeidet ditt og huske på at du enkelt kan aktivere eller deaktivere den ved hjelp av Styre-" hurtigtast. 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.

2. Lag fire enkle scatterbørster

Trinn 1

Velg Ellipseverktøyet (L) og fokus på verktøylinjen. Fjern fargen fra streken, velg deretter fyll og sett fargen på R = 0 G = 206 B = 88. Flytt til din tavle og bare lage en 5px ring rundt Snap to Grid bør lette arbeidet ditt.

Steg 2

Kontroller at den grønne sirkelen din fortsatt er valgt, åpne Børster panelet (Vindu> Pensler) og klikk på Ny pensel knappen (peker med den blå sirkelen i det følgende bildet). Undersøk Scatterbørste boksen og klikk deretter på OK knappen for å åpne Scatterbørstealternativer vindu. Skriv inn alle attributter som vises i følgende bilde, og klikk deretter OK.

Trinn 3

Vellgir den lille sirkelen din og erstatt den eksisterende fyllfargen med R = 255 G = 232 B = 0. Kontroller at formen din forblir valgt, gå til Børster panelet (Vindu> Pensler) og klikk igjen på Ny pensel knapp. Undersøk Scatterbørste boksen og klikk OK. Skriv inn alle attributter som vises i følgende bilde, og klikk deretter på OK knapp.

Trinn 4

Vellgir den lille sirkelen din og erstatt den eksisterende fyllfargen med R = 0 G = 179 B = 209. Kontroller at formen din forblir valgt, gå til Børster panelet (Vindu> Pensler) og klikk igjen på det Ny pensel knapp. Undersøk Scatterbørste boks, klikk OK, skriv inn alle attributter som vises i det følgende bildet, og klikk deretter på OK knapp.

Trinn 5

Vellgir den lille sirkelen din og erstatt den eksisterende fyllfargen med R = 255 G = 0 B = 22. Kontroller at formen din forblir valgt, gå til Børster panelet (Vindu> Pensler) og klikk en gang til på det Ny pensel knapp. Undersøk Scatterbørste boks, klikk OK, skriv inn alle attributter som vises i det følgende bildet, og klikk deretter på OK knapp.

 Når du kan se denne nye scatterbørsten inni din Børster panelet kan du fjerne den røde sirkelen fra tavlen din.

3. Lag bakgrunnen og legg til et enkelt stykke tekst

Trinn 1

Deaktiver Nett (Vis> Skjul rutenett) og Snap to Grid (Se> Snap to Grid). Velg Rektangelverktøy (M) og bare klikk på tavla for å åpne Rektangel vindu. Tast inn 610 i Bredde og  Høyde bokser og klikk deretter OK

Pass på at denne nye formen forblir valgt og sett fyllfarge på R = 48 8 G = 8 B = 34. Du må sentrere det, så åpne Rette inn panelet (Vindu> Juster). Sett innstillingen til Artboard (åpne menyen for å fly ut og gå til Vis alternativer hvis du ikke kan se Juster til delen som vist på bildet nedenfor), klikk deretter på Horisontal justeringssenter og Vertikal Justeringssenter knapper. Til slutt skal plassen dekke hele tavla som vist på bildet nedenfor.

Steg 2

Velg på nytt torget, åpne Utseende panelet (Vindu> Utseende) og legg til en ny fylling ved hjelp av Legg til ny fylling knappen (peker av den blå sirkelen i det følgende bildet). 

Pass på at denne nye fyllingen forblir valgt, åpne gradient panelet (Vindu> Gradient) og klikker bare på gradient miniatyrbildet for å legge til standard svart-hvitt lineær gradient. 

Fortsett å fokusere på din gradient panel, velg radial fra Type rullegardinmenyen, og flytt deretter til gradientfarger. Velg riktig skyveknapp og sett fargen på R = 18 G = 8B = 4 velg deretter venstre glidebryter, sett fargen på R = 48 G = 8 B = 34 og senk den opacity til 0%. Ta tak i Gradient Tool (G), fokus på din tavla og strekk den radiale gradienten som vist i bildet nedenfor. 

Flytt til lag panelet (Vindu> Lag), åpne det eksisterende laget, ganske enkelt Dobbeltklikk på den formen og gi den navnet på nytt "bg"Fortsett å fokusere på lag panel og lås din "bg"form for å sikre at du ikke ved et uhell velger / flytter det.

Trinn 3

Velg Typeverktøy (T), bare klikk på tavla, legg til "Gnist"stykke tekst og sett fargen sin på R = 237 G = 28 B = 36

Kontroller at den forblir valgt og åpne Karakter panelet (Vindu> Type> Tegn). Velg Royal Chicken skrifttypen og sett størrelsen på 300pt

Åpne åpenhet panelet (Vindu> Gjennomsiktighet) og senk opacity av teksten din til 30% deretter flytte til lag panel og bare låse den.

4. Opprett hovedtekstene

Trinn 1

Bruker Pennverktøyet (P) eller PaintbRush Tool (B) (hvis du tilfeldigvis eier en nettbrett), ta en jevn bane langs første bokstaven fra teksten. Prøv å bruke teksten i ryggen som en grov referanse. Legg til et enkelt, hvitt strekk for din bane og sett det Vekt4px.

Steg 2

Fortsett med det samme verktøyet og legg til resten av stiene som vil gjøre opp teksten din.

Trinn 3

Velg alle de hvite banene som utgjør teksten og Gruppe dem (Kontroll-G). Flytt til lag panel, Dobbeltklikk på denne nye gruppen og gi den navnet på nytt "tekst".

5. Bruk den første scatterbørsten

Trinn 1

Velg din "tekst"gruppe og lag en kopi foran (Control-C> Control-F). Flytt til lag panel, lås original "tekst"gruppen, velg deretter gruppekopien som er laget i dette trinnet, og erstatt bare det eksisterende hvite slaget med din grønne scatterpensel.

Steg 2

Velg gruppen av stier som bruker den grønne spredningsborsten og gå til Objekt> Utvid Utseende. Kontroller at den resulterende gruppen er valgt og treffer Skift-Control-G tre ganger til Del opp gruppe alle disse gruppene og undergruppene. Du vil ende opp med en haug med små sirkler og firkanter. 

Fokus på lag panel, velg en av disse torgene og bare gå til Velg> Samme> Utseende å velge resten av figurene som har lignende Utseende egenskaper. Når du har valgt alle disse små figurene, klikker du bare på Slett knappen fra tastaturet for å kvitte seg med dem.

Trinn 3

Velg en av de grønne kretsene og fokus på Utseende panel. Velg fyll, erstatt eksisterende farge med R = 0 G = 179 B = 209 og gå til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i det venstre vinduet (i bildet nedenfor), klikk OK og gå igjen til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i midtvinduet, klikk OK og gå en gang til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i det høyre vinduet og klikk OK.

Trinn 4

Pass på at den blå sirkelen din fortsatt er valgt, fokus på Utseende panel og legg til en ny fylling med det samme Legg til ny fylling knapp. Velg denne nye fyllingen, dra den i bunnen av Utseende Kontroller at fyllfarge er satt til R = 0 G = 179 B = 209, senk det opacity til 20% og gå til Effekt> Distort & Transform> Transform. Dra begge deler Bevege seg skyveknappene på -2 piksler og klikk OK.

Trinn 5

Pass på at den blå sirkelen din fortsatt er valgt, fokus på Utseende panel, velg bunnfylling og duplikat det ved å bruke Kopier det valgte elementet knappen (peker med den blå sirkelen i det følgende bildet). Velg denne nye fyllingen, dra den i bunnen av Utseende panel, øke dens opacity til 30% og gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en 5px radius og klikk OK.

Trinn 6

Pass på at den blå sirkelen din fortsatt er valgt, fokus på Utseende panel og legg til en fjerde fylling. Velg denne nye fyllingen, dra den i toppen av Utseende panel, sett fargen på hvit, endre dens Blandingsmodus til overlegg og gå til Effekt> Path> Offset Path. Skriv inn en -1px Offset, klikk OK og gå til Effekt> Distort & Transform> Transform. Dra begge deler Bevege seg skyveknappene på -1px og klikk OK.

Trinn 7

Pass på at den blå sirkelen din fortsatt er valgt, fokus på Utseende panel og legg til en femte fylling. Velg denne nye fyllingen, sett fargen på svart, endre dens Blandingsmodus til Mykt lys og gå til Effekt> Path> Offset Path. Skriv inn en -1px Offset, klikk OK og gå til Effekt> Distort & Transform> Transform. Dra begge deler Bevege seg skyveknappene på 1px og klikk OK.

Trinn 8

Pass på at den blå sirkelen din fortsatt er valgt, åpne Grafiske stiler panelet (Vindu> Grafiske stiler) og bare klikk på Ny grafisk stil knappen (peket av den blå sirkelen i bildet nedenfor) for å lagre din egen grafiske stil.

Trinn 9

Bruker det samme Velg> Samme> Utseende alternativ, velg alle grønne sirkler og legg ganske enkelt til din lagrede grafiske stil. Velg alle kretsene som bruker grafikkstilen din og bare klikk Kontroll-G til Gruppe dem. 

Flytt til lag panel, gi nytt navn til denne nye gruppen "dotsOne"Lås den da.

6. Bruk de andre tre scatterbørstene

Trinn 1

Fokus på lag panel og låse opp "tekst"Velg den, lag en kopi foran (Control-C> Control-F) og ta det til forsiden (Shift-Control-] ). 

Flytt til lag panel, låser opp den opprinnelige "tekst"gruppen, velg deretter gruppekopien som er laget i dette trinnet, og erstatt bare det eksisterende hvite slaget med den gule sprøbørsten.

Steg 2

Velg gruppen av stier som bruker den gule spredningsborsten og gå til Objekt> Utvid Utseende. Kontroller at den resulterende gruppen er valgt og treffer Skift-Control-G tre ganger. 

Fokus på lag panel, velg alle de nyopprettede rutene og slett dem enkelt.

Trinn 3

Fokus på lag panel, velg alle gule kretser og legg til grafikkstilen din. Pass på at disse figurene forblir valgt og fokusere på Utseende panel. Velg bunnen, to fyll og fjern dem enkelt ved hjelp av Slett valg knappen (peker av den blå sirkelen i det følgende bildet). 

Fortsett å fokusere på Utseende panel, velg den gjenværende blåfyllingen og erstatt eksisterende farge med R = 255 G = 209 B = 5. Pass på at alle dine gule sirkler er valgt, trykk på Ny grafisk stil knapp fra Grafiske stiler panelet for å lagre en ny grafisk stil da Gruppe dem (Kontroll-G). 

Gå tilbake til lag panel, gi nytt navn til denne nye gruppen "dotsTwo"Lås den da.

Trinn 4

Fokus på lag panel og låse opp "tekst"Velg den, lag en kopi foran (Control-C> Control-F) og ta det til forsiden (Shift-Control-] ). 

Flytt til lag panel, låser opp den opprinnelige "tekst"gruppen, velg deretter gruppekopien som er laget i dette trinnet, og erstatt det eksisterende hvite slaget med den blå sprutbørsten.

Trinn 5

Velg gruppen av stier som bruker den blå scatterpenselen og gå til Objekt> Utvid Utseende. Oppheve den resulterende gruppen ( Skift-Control-G tre ganger) fokus på lag panel, velg alle de nyopprettede rutene og slett dem enkelt.

Trinn 6

Fokus på lag panel, velg settet med blå sirkel laget i forrige trinn og legg til din gule grafiske stil fra Grafiske stiler panel. 

Pass på at denne gruppen formene fortsatt er valgt, fokus på Utseende panel, velg nederst fyll og erstatt eksisterende farge med R = 28 G = 117 B = 188. Gruppe (Kontroll-G) Formene som er redigert i dette trinnet, flyttes til lag panel, gi nytt navn til denne nye gruppen "dotsThree"Lås den da.

Trinn 7

Fokus på lag panel og låse opp "tekst"Velg den, lag en kopi foran (Control-C> Control-F) og ta det til forsiden (Shift-Control-] ). 

Gå tilbake til lag panel, låser opp den opprinnelige "tekst"gruppen, velg deretter gruppekopien som er laget i dette trinnet, og erstatt det eksisterende hvite slaget med den røde spredningsborsten.

Trinn 8

Velg gruppen av stier som bruker den røde spredningsborsten og gå til Objekt> Utvid Utseende. Del opp gruppe den resulterende gruppen (Skift-Control-G tre ganger) så fokus på lag panelet og bli kvitt det nyopprettede settet med små firkanter.

Trinn 9

Fokus på lag panel, velg settet med rød sirkel laget i forrige trinn og legg til din gule grafiske stil fra Grafiske stiler panel. 

Pass på at dette settet er fortsatt valgt, fokus på Utseende panel, velg nederst fyll og erstatt eksisterende farge med R = 251 G = 176 B = 64. Gruppe (Kontroll-G) Formene som er redigert i dette trinnet, flyttes til lag panel, gi nytt navn til denne nye gruppen "dotsFour"Lås den da.

7. Legg til skygge og høydepunkter

Trinn 1

Fokus på lag panelet, låser opp tekststykket og fjern det enkelt ved hjelp av Slett knapp fra tastaturet ditt. 

Fortsett å fokusere på lag panelet, låser opp "tekst"gruppe, velg den og klikk ganske enkelt Kontroll-8 å gjøre det til en Forbindelsesvei.

Steg 2

Pass på at din sammensatte sti forblir valgt og fokus på Utseende panel. Velg det hvite slaget, øk det Vekt til 8 piksler, erstatt eksisterende farge med R = 171 G = 48 B = 74 og gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en 40px radius og klikk OK

Gå tilbake til Utseende panel og bare klikk på "Stroke"stykke tekst for å åpne Stroke fly-out panel og sjekke Round Cap knapp. 

Fortsett å fokusere på Utseende panel og legg til et sekundslag for din sammensatte bane ved hjelp av Legg til nytt slag knapp (det lille, firkantede ikonet fra bunnen, venstre hjørne av Utseende panel). Velg denne nye strekningen, sett dens Vekt til 4px, erstatt eksisterende farge med R = 88 G = 48 B = 74 og gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en 10px radius, klikk OK og gå tilbake til Utseende panel. 

Legg til et tredje slag for din sammensatte bane og velg den. Sett sin Vekt 2 piksler, Bytt ut eksisterende farge med hvit og endre dens Blandingsmodus til overlegg

Når du er ferdig, flytt deg til lag panel og lås denne sammensatte banen.

Trinn 3

Fokus på lag panel, låse opp de fire "prikker"grupper og duplikere dem (Control-C> Control-F). Velg bare gruppekopiene, åpne Pathfinder panelet (Vindu> Pathfinder) og klikk på Forene knapp. Slå den resulterende gruppen av figurer til en ny Forbindelsesvei (Kontroll-8) Flytter de til Utseende panel. Bare hold en fyll og sett fargen på R = 255 G = 209 B = 5.

Trinn 4

Fokus på lag panel og dra din gule sammensatte sti bak "prikker"Kontroller at den gule sammensatte banen din er valgt og gå til Effekt> Stylize> Ytre glød. Skriv inn egenskapene som vises i det følgende bildet og klikk OK.

Trinn 5

Vellgir den gule sammensatte banen, lag en kopi foran (Control-C> Control-F) og ta det til forsiden (Shift-Control-] ). Pass på at denne friske kopien blir valgt og fokusert på Utseende panel. Fjern eksisterende Ytre glød effekt, erstatt eksisterende fyllfarge med svart og senk dens opacity til 25%.

Trinn 6

Kontroller at din svart sammensatte sti er valgt og gå til Objekt> Transformere> Flytt. Tast inn "60px"i Horisontal og vertikal bokser og klikk deretter på Kopiere knapp. Velg den resulterende sammensatte banen, hit Styre-[ å sende den bak den opprinnelige banen og senke den opacity til 0%.

Trinn 7

Fokus på din verktøylinje og bare klikk på Blend Tool å åpne Blandingsalternativer vindu. Å velge Spesifikke trinn fra Spacing rullegardinmenyen, skriv inn 50 I den hvite boksen klikker du deretter på OK knapp. 

Flytt til lag panel, velg begge svarte sammensatte stier og bare klikk Alt-A-B Kontroll (eller gå til Objekt> Blend> Lag) for å lage en enkel blanding. Gå tilbake til lag panel og bare dra denne nye blandingen under din gule sammensatte bane.

8. Legg til subtile glødende flekker

Trinn 1

Aktiver Nett (Vis> Vis rutenett) og Snap to Grid (Se> Snap to Grid). Bruker Ellipseverktøyet (L), lage en 10px sirkel og sett fyllfarge på hvitt. 

Pass på at denne nye formen forblir valgt og fokus på Utseende panel. Velg eksisterende fyll, endre dens Blandingsmodus til Mykt lys og gå til Effekt> Distort & Transform> Pucker & Bloat. Dra glidebryteren på -75% og klikk OK

Gå tilbake til Utseende panelet, kontroller at den eksisterende fyllingen fortsatt er valgt og dupliser den ved å bruke det samme Kopier det valgte elementet knapp. 

Fortsett å fokusere på Utseende panel, velg nederst fyll, endre dens Blandingsmodus til overlegg og gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en 5px radius og klikk OK. Til slutt bør ting se ut i det følgende bildet.

Steg 2

Multiply (Control-C> Control-F) 10px sirkel laget i forrige trinn og spred kopiene langs teksten som vist på bildet nedenfor.

Trinn 3

For disse siste trinnene trenger du et rutenett hver 1px, så gå til Rediger> Innstillinger> Guider og rutenett og skriv inn 1 i Gridline hver eske. Bruker Ellipseverktøyet (L), lage en 3 x 16px og sett fyllfarge på R = 220 G = 118 B = 215

Pass på at denne nye formen forblir valgt og fokus på Utseende panel. Velg eksisterende fyll og gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en 5px radius og klikk OK

Gå tilbake til Utseende panel og legg til en ny fylling for din. Velg den, sett fargen på hvit, endre dens Blandingsmodus til overlegg og gå til Effekt> Path> Offset Path. Skriv inn en -2px Offset, klikk OK og gå til Effekt> Distort & Transform> Pucker & Bloat. Dra glidebryteren på -75%, klikk OK og gå til Effekt> Stylize> Fjær. Skriv inn en 2px radius og klikk OK

Gå tilbake til Utseende panel og legg til en tredje fylling for din form. Velg den, sett fargen på hvit, endre dens Blandingsmodus til overlegg og gå til Effekt> Path> Offset Path. Skriv inn en -1px Offset, klikk OK og gå til Effekt> Distort & Transform> Pucker & Bloat. Dra slidet på -75%, klikk OK og gå til Effekt> Stylize> Fjær. Skriv inn en 1,5px radius og klikk OK.

Trinn 4

Multiply (Control-C> Control-F) Den klemt sirkelen lagde i forrige trinn og spredte kopiene langs teksten som vist på bildet nedenfor.

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.