Share
Hva du skal skapeI de følgende trinnene lærer du hvordan du lager en grønn, slimete tekst-effekt i Adobe Illustrator.
Til å begynne med lærer du hvordan du setter opp et enkelt nett og hvordan du lager en enkel bakgrunn. Når du tar full nytte av Utseendepanelet og bruker en fin skrift, lærer du hvordan du oppretter din fullstendig redigerbare, slimete tekst-effekt.
Når du fortsetter, lærer du hvordan du legger til noen subtile høydepunkter, og hvordan du raskt velger en haug med figurer med lignende egenskaper. Til slutt lærer du hvordan du lagrer og bruker en kunstbørste og hvordan du lager et morsomt fremmedøye ved hjelp av grunnleggende blanding og vektormodellbyggingsteknikker.
For mer inspirasjon om hvordan du justerer eller forbedrer den endelige slime tekst-effekten, kan du finne mange ressurser på Envato Market.
Truffet Kontroll-N å opprette et nytt dokument. Å velge piksler fra enheter rullegardinmenyen, skriv inn 800 i bredden og 600 i høydeboksen, 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 Nett (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 = 214 G = 150 B = 229.
Flytt til din tavla og bare opprett en 820 x 620 px rektangel som helt dekker din tavle som vist nedenfor - rutenettet og Snap to Grid funksjonen bør gjøre dette enklere.
Pass på at rektangelet ditt fortsatt er valgt, åpne Utseende panelet (Vindu> Utseende), og legg til et nytt fyll ved å bruke Legg til ny fylling knapp.
Velg denne nye fyllingen og erstatt eksisterende farge med den radiale gradienten som vises nedenfor. Husk at den gule nullen fra gradient bildet står for opacity prosent, og bruk Gradient Tool (G) å strekke gradienten grovt som vist på bildet nedenfor.
Når du er ferdig, gå tilbake til Utseende panelet og klikk på "opacity"stykke tekst som står for din nye fylling for å åpne åpenhet fly-out panel. Sett Blandingsmodus til overlegg og hold den opacity på 100%.
Åpne Karakter panelet (Vindu> Type> Tegn) og velg Typeverktøy (T). Bare klikk på tavla og fokus på Karakter panel. Velg fonten Skrevet blekk, sett størrelsen til 150 px, og legg deretter til "GRØNN"stykke tekst.
Pass på at tekststykket blir valgt og fjern eksisterende fyllfarge, som vil gjøre teksten usynlig. Fokus på Utseende panel og legg til en ny fylling med det samme Legg til ny fylling knapp. Velg den og sett fargen til R = 115 G = 191 B = 69. Nå, dupliser dette teksten (Control-C> Control-V), erstatte "GRØNN"med"VERDEN", og legg det grovt som vist i det andre bildet.
Velg din "GRØNN"stykke tekst, fokus på Utseende panel, og legg til et nytt fyll ved å bruke det samme Legg til ny fylling knapp.
Velg denne nye fyllingen, dra den under den grønne, sett fargen til R = 115 G = 191 B = 69, og deretter gå til Effekt> Path> Offset Path. Skriv inn en 10 px forskyvning, sett tiltrer til Rund, og klikk deretter på OK knapp. Til slutt bør ting se ut som følgende bilde.
Pass på at "GRØNN"tekststykke er fortsatt valgt og fokuserer på Utseende panel. Velg bunnfyllingen og dupliser den ved hjelp av Kopier det valgte elementet knapp.
Velg den nylig tilsatte fyllingen og erstatt den eksisterende fargen med den lineære gradienten som vises nedenfor. Husk at den gule nullen fra gradient bildet står for opacity prosentdel. Gå tilbake til Utseende Kontroller at fyllingen lagt til i dette trinnet fortsatt er valgt, og åpne åpenhet fly-out panel. Senk opacity til 30% og endre Blandingsmodus til Mykt lys.
Pass på at "GRØNN"tekststykke er fortsatt valgt og fokuserer på Utseende panel.
Velg toppfyll og gå til Effekt> Stylize> Drop Shadow. Skriv inn attributtene som vises i det venstre vinduet (i bildet nedenfor), klikk på OK knappen, og legg deretter til de to andre Drop Shadow effekter vist nedenfor.
Pass på at "GRØNN"tekststykke er fortsatt valgt og fokuserer på Utseende panel.
Legg til en ny fylling og dra den over eksisterende. Forsikre deg om at den forblir valgt, sett fargen til R = 115 G = 191 B = 69, og deretter gå til Effekt> Stylize> Inner Glow. Skriv inn attributtene som vises i det venstre vinduet (i bildet nedenfor), klikk på OK knappen, og deretter gå igjen til Effekt> Stylize> Inner Glow. Denne gangen skriver du inn attributtene som vises i det høyre vinduet, klikker du på OK knappen, og deretter gå til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises nedenfor, og klikk deretter på det OK knapp.
Pass på at "GRØNN"tekststykke er fortsatt valgt og fokuserer på Utseende panel.
Legg til en ny fylling og dra den over eksisterende. Fyll den med den lineære gradienten som vises nedenfor, senk dens opacity til 10%, endre Blandingsmodus til overlegg, og deretter gå til Effekt> Path> Offset Path. Skriv inn en -3 px forskyvning og klikk det OK knapp.
Pass på at "GRØNN"tekststykke er fortsatt valgt og fokuserer på Utseende panel.
Legg til en ny fylling og dra den over eksisterende. Gjør den hvit, senk den opacity til 20%, endre Blandingsmodus til overlegg, og deretter gå til Effekt> Path> Offset Path. Skriv inn en -15 px forskyvning, Klikk på OK knappen, og deretter gå til Effekt> Uklarhet> Gaussisk uskarphet. Sett Radius til 5 px og klikk OK.
Pass på at "GRØNN"tekststykke er fortsatt valgt og fokuserer på Utseende panel.
Legg til en ny fylling og dra den over eksisterende. Fyll den med den lineære gradienten som vises nedenfor, senk dens opacity til 10%, endre Blandingsmodus til overlegg, og deretter gå til Effekt> Path> Offset Path. Skriv inn en -10 px forskyvning og klikk det OK knapp.
Pass på at "GRØNN"tekststykke er fortsatt valgt og fokuserer på Utseende panel.
Legg til en ny fylling og dra den over eksisterende. Gjør den hvit, senk den opacity til 5%, endre Blandingsmodus til overlegg, og deretter gå til Effekt> Path> Offset Path. Skriv inn en -20 px forskyvning og klikk deretter på det OK knapp.
Pass på at "GRØNN"tekststykke er fortsatt valgt og fokuserer på Utseende panel.
Legg til en ny fylling og dra den til bunnen av panelet, under resten av fyllingene. Klare det svart, senk den opacity til 15%, og deretter gå til Effekt> Distort & Transform> Transform. Dra Flytt-Vertical skyvekontrollen til 10 px, Klikk på OK knappen, og deretter gå til Effekt> Uklarhet> Gaussisk uskarphet. Sett Radius til 20 px og klikk deretter på det OK knapp.
Pass på at "GRØNN"tekststykke er fortsatt valgt og fokuserer på Utseende panel.
Legg til en siste fylling og dra den til bunnen av panelet. Gjør det svart, senk det opacity til 15%, og deretter gå til Effekt> Distort & Transform> Transform. Denne gangen drar du Flytt-Vertical skyvekontrollen til 30 px, Klikk på OK knappen, og deretter gå til Effekt> Uklarhet> Gaussisk uskarphet. Sett Radius til 15 px og klikk deretter på det OK knapp.
Nå må du kopiere egenskapene som brukes til din "GRØNN"stykke tekst og lim dem inn på den andre teksten.
Gå til lag panelet (Vindu> Lag), fokus på høyre side, og du vil legge merke til at hver form kommer med en liten grå sirkel, et målikon. Hold alt nøkkel, klikk på målikonet som står for din "GRØNN"stykke tekst, og dra på sirkelen som står for din"VERDEN"stykke tekst.
Til slutt bør ting se ut som følgende bilde.
For de neste trinnene trenger du et rutenett hver 1 px, så gå til Rediger> Innstillinger> Guider og rutenett og skriv inn 1 i Gridline hver eske.
Bruker Ellipseverktøyet (L), lage en haug med 1 px, 2 px, og 3 px sirkler, fyll dem alle med hvitt, og spred dem over den øverste halvdelen av teksten, omtrent som vist i det første bildet.
Når du er ferdig, velg en av disse kretsene og bruk Velg> Samme> Fyll farge kommandoen for å raskt velge alle dine hvite sirkler. Flytt til Utseende panel, senk opacity til 15%, og endre Blandingsmodus til overlegg.
Igjen, bruk Ellipseverktøyet (L) å lage et nytt sett med 1 px, 2 px, og 3 px sirkler. Denne gangen fyller du disse figurene med svart og sprer dem over nederste halvdel av teksten, omtrent som vist i det første bildet.
Når du er ferdig, velg alle dine svarte sirkler ved å bruke det samme Velg> Samme> Fyll farge kommando. Flytt til Utseende panel, senk opacity til 15%, og endre Blandingsmodus til overlegg.
Bruker Rektangelverktøy (M), lage en 6 x 50 px form og fyll det med R = 0 G = 146 B = 69.
Fokus på toppen av dette nye rektangel og velg Direkte utvalgsverktøy (A). Velg venstre ankerpunkt og dra det 2 px til høyre, og velg deretter høyre ankerpunkt og dra den 2 px til venstre.
Fortsett å fokusere på din friske grønne form, sørg for at den er valgt, og gå til Effekt> Warp> Arc. Skriv inn attributtene som vises nedenfor, klikk på OK knappen, og deretter gå til Effekt> Varsel> Flagg. Igjen, skriv inn egenskapene som vises nedenfor, klikk på OK knappen, og deretter gå til Objekt> Utvid Utseende.
Deaktiver Snap to Grid (Shift-Control-") og deretter gå til Rediger> Innstillinger> Generelt og sørg for at Tastaturøkning er satt til 1 px.
Pass på at den grønne formen er valgt og lag to kopier foran (Control-C> Control-F> Control-F). Velg toppkopien og flytte den 1 px til venstre ved hjelp av venstre piltast. Velg begge kopier som er gjort i dette trinnet, åpne Pathfinder panelet (Vindu> Pathfinder), og klikk på Minus Front knapp.
Fyll den nyopprettede formen med den lineære gradienten som vises nedenfor, senk dens opacity til 30%, og endre Blandingsmodus til Mykt lys.
Vellgir din grønne form og lage to nye eksemplarer foran (Control-C> Control-F> Control-F). Igjen, velg toppkopien, og denne gangen flyttes den 1 px til høyre ved hjelp av høyre piltast på tastaturet. Velg begge kopier som er gjort i dette trinnet, og klikk det samme Minus Front knapp fra Pathfinder panel.
Fyll den nyopprettede formen med den lineære gradienten som vises nedenfor, senk dens opacity til 40%, og endre Blandingsmodus til overlegg. Husk at det blå nummeret fra gradient bildet står for plassering prosentandel, og at du enkelt kan legge til nye glidebrytere, bare ved å klikke på graderingslinjen.
Vellgir din grønne form, fokus på Utseende panel, og erstatt eksisterende farge med den lineære gradienten som vises nedenfor.
Fortsett å fokusere på Utseende panel, legg til en annen hvit fyll, legg den over den andre fyllingen, og sørg for at den forblir valgt. Senk dens opacity til 15%, endre Blandingsmodus til overlegg, og deretter gå til Effekt> Path> Offset Path. Skriv inn en -2 px forskyvning og klikk det OK knapp.
Aktiver Snap to Grid (Styre-"). Bruker Ellipseverktøyet (L), lage en 24 px sirkel, plasser den som vist i det første bildet og fyll det med den lineære gradienten fra følgende bilde.
Pass på at Ellipseverktøyet (L) forblir aktiv, opprett en 22 px sirkel, fyll den med R = 115 G = 191 B = 69, og legg det som vist i det andre bildet.
Deretter oppretter du en 21 px sirkel, fyll den med R = 86 G = 177 B = 58, og legg det som vist i det tredje bildet.
Endelig opprett en 20 px sirkel, fyll den med en tilfeldig gul, og legg den som vist i det endelige bildet. Ikke bry deg om å få en farge som ligner den som kan sees nedenfor.
Velg din gule sirkel og lag en kopi foran (Control-C> Control-F). Bruker Ellipseverktøyet (L), lage en 19 px sirkel og plasser den som vist på bildet nedenfor. Velg denne nye formen sammen med kopien som ble gjort for noen få minutter siden, og klikk på Minus Front knapp fra Pathfinder panel.
Fyll den nyopprettede formen med R = 41 G = 171 B = 226 og senk den opacity til 15%.
Velg din gule sirkel og lag en ny kopi foran (Control-C> Control-F). Bruker Ellipseverktøyet (L), opprett en 18 px sirkel og plasser den som vist på bildet nedenfor. Velg denne nye figuren sammen med kopien som ble gjort for noen få minutter siden, og klikk igjen det samme Minus Front knapp fra Pathfinder panel.
Fyll den nyopprettede formen med R = 41 G = 171 B = 226 og senk den opacity til 15%.
Velg de gule kretsene dine og erstatt den eksisterende fargen med den radiale gradienten som vises nedenfor. Ikke glem at du kan bruke Gradient Tool (G) å justere gradienten din enkelt.
Bruker Ellipseverktøyet (L), lage en 10 px sirkel og fyll den med R = 41 G = 171 B = 226, og opprett deretter en 4 px sirkel og gjør den svart. Plasser disse to figurene som vist i det første bildet, og kontroller at Ellipseverktøy forblir aktiv.
Legg til en 2 px sirkel og a 4 px sirkel og plasser dem som vist i det tredje bildet. Fyll begge fasongene med hvitt og senk dem opacity til 70%.
Velg de tre hovedformene som lager øyet ditt (fremhevet i det første bildet) og duplikere dem (Control-C> Control-F). Velg bare kopier og klikk på Minus Front knapp fra Pathfinder panel. Fyll den resulterende formen med svart.
Fortsett å fokusere på den svarte formen som ble gjort i forrige trinn. Gå til lag panelet (Vindu> Lag), åpne det eksisterende laget, og dra den svarte figuren under resten av figurene som utgjør øyet.
Kontroller at den svarte figuren er valgt og gå til Effekt> Forvreng og transformer> Gratis forvreng. Dra de øverste punktene grovt som vist nedenfor, klikk på det OK knappen, og deretter gå til Objekt> Utvid Utseende.
Sørg for at din svarte form er valgt og fokus på Utseende panel. Først velg eksisterende fyll, senk dens opacity til 10%, og gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en 5 px radius, Klikk på OK knappen, og gå tilbake til Utseende panel.
Legg til en ny fylling og sørg for at den går over den eksisterende. Velg den, senk opacity til 10%, og erstatt eksisterende farge med den lineære gradienten vist nedenfor.
Bruker Ellipseverktøyet (L), lage en 10 x 2 px form og fyll den med svart.
Velg denne formen, åpne Børster panelet (Vindu> Pensler) og klikk på Ny pensel knapp. Undersøk Kunstbørste knappen og klikk på OK knappen for å åpne Art pensel alternativer vindu. Velg et navn på penselen din, skriv inn alle attributter som vises nedenfor (sørg for at du setter inn Fargelasjonsmetode til nyanser), og klikk deretter på det OK knappen for å legge til din nye pensel inne i Børster panel.
Deaktiver Snap to Grid (Styre-") og velg Penselverktøy (B).
Velg kunstbørsten fra Børster panel og fokus på øyet. Tegn bare en buet sti langs bunnen av øyet som vist nedenfor og sett fargen til R = 217 G = 224 B = 33.
Velg alle figurene som lager øynene dine og Gruppe dem som bruker Kontroll-G tastaturkommando. Gruppering av former gjør det mye enklere for deg å velge en rekke figurer med et enkelt klikk.
Endelig gjør omtrent tre kopier av øyegruppen din og plasser dem grovt som vist på bildet nedenfor. Du er velkommen til å legge til så mange kopier som du ønsker, eller kanskje endre størrelsen på noen av gruppene.
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 en god inspirasjonskilde på Envato Market med interessante løsninger for å forbedre design.
Accentsconagua