Lag en Jar Illustration og Splashy, Purple Text Effect

I den følgende opplæringen lærer du hvordan du lager en krukkeillustrasjon og sprø, lilla tekst-effekt. Vi skal lage dette med mange lagdelte former og med ulike opasiteter. Vi jobber med stier og Pathfinder-verktøyene for å forbedre teksten vår, gi den dimensjon og stil. La oss komme i gang!


Trinn 1

Opprett et 700px med 560px, RGB-dokument. Begynn med bakgrunnen. Du trenger dette bildet. Lagre det på harddisken, og dra det inn i illustrator-dokumentet. Pass på at den dekker hele tavla.

Velg nå rektangulærverktøyet (M). Lag en form på størrelsen på tavlen, fyll den med hvit, og åpne deretter Transparentpanelet (Vindu> Transparent). Velg denne ferske formen sammen med bildet, åpne menyen for utløp av gjennomsiktighetspanelet, og gå til Make Opacity Mask. Til slutt, lås denne maskerte formen for å sikre at du ikke velger eller flytter den ved et uhell.


Steg 2

Slå av synligheten for den maskerte formen som ble gjort i forrige trinn. Deretter skal du opprette startformer for krukkeillustrasjonen. Først slår du på rutenettet (Vis> Rutenettet) og Snap to Grid (Vis> Snap to Grid). Du trenger et rutenett hver 5px. Gå til Rediger> Innstillinger> Ruter og rutenett, skriv inn 5 i Rutenettlinjen hver boks og 1 i Rammeboksen.

Du kan også åpne Info-panelet (Vindu> Info) for et forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å bytte måleenheten til piksler fra Rediger> Innstillinger> Enhet> Generelt. Alle disse alternativene øker arbeidshastigheten betydelig.

La oss nå lage disse figurene. Start med Ellipse Tool (L) og opprett en form av 105 x 30 px. Fyll det med hvilken som helst farge, og dobbeltklikk på den (i lagpanelet) og nevn den "1." Fortsett med rektangulærverktøyet (M). Først oppretter du en 105 px med 85 px form, og oppretter deretter en 105 px ved 30 px-form.

Plasser disse to figurene som vist i det andre bildet, og navngi dem "2" og "3." Lag et tredje rektangel. Gjør det 55px bredt og 20px høyt, legg det som vist i det tredje bildet og nev det "4." Til slutt lage to lignende rektangler. Begge figurene må være 55px bred og 5px høy. Plasser dem som vist i det endelige bildet og kaller dem "5" og "6." For øyeblikket fyller fargene ikke noe. Jeg brukte forskjellige tints rødt, slik at du kan skille dem fra hverandre.


Trinn 3

La oss gjøre noen endringer for figurene som ble gjort i det forrige trinnet. Velg direkte utvalgsverktøyet (A) og fokus på formnummer 3. Velg topp, venstre ankerpunkt og flytte det 25px til høyre. Velg nå toppen, høyre ankerpunkt og flytte det 25px til venstre. Nå, din form bør se ut som en trapezoid. Velg den på nytt og gå til Effect> Warp> Bulge. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Objekt> Utvid utseende. Dobbeltklikk på den resulterende formen og endre navnet på "3."


Trinn 4

Fortsett med form nummer 5. Velg det og gå til Effect> Warp> Bulge. Skriv inn dataene som vises under bilde nr. 1, klikk OK, og gå til Effekt> Varsle> Arc. Skriv inn dataene som vises under bilde nr. 2, klikk OK, og gå til Objekt> Utvid utseende.

Flytt til form nummer 6. Velg det og gå til Effekt> Varsle> Bulge. Skriv inn dataene som vises ovenfor bilde nr. 3, klikk OK, og gå til Effekt> Varsle> Arc. Skriv inn dataene som vises over bilde nr. 4, klikk, OK, og gå til Objekt> Utvid utseende. Ikke glem å endre navn på de resulterende figurene "5" og "6."


Trinn 5

Lag en kopi av form nummer 5 (Kommando + C> Kommando + F). Velg denne kopien sammen med form nummer 3, og klikk på Minus Front-knappen fra Pathfinder-panelet. Dupliser former 5 og 6. Velg disse to kopiene sammen med form nummer 4, og klikk på Minus Front-knappen fra Pathfinder-panelet.


Trinn 6

Vend tilbake for å synliggjøre bakgrunnsbildet. Nå, la oss legge til litt farge for glassformene. Start med form nummer 1. Fyll det med R = 241, G = 242, B = 242, velg deretter fyllingen fra Utseendepanelet og senk det Opacity til 30%.

Med fyllingen som er valgt, flyttes du til bunnen av Utseendepanelet, og klikker på ikonet Dupliser valgte element. Dette vil legge til en kopi av den valgte fyllingen. Velg denne nye fyllingen og erstatt fyllfarge med den radiale gradienten som vises i det andre bildet. Ta en nærmere titt på gradientbildet, og du vil merke en gul null. Den står for Opacity-prosentandel.


Trinn 7

Slå av Snap to Grid (Vis> Snap to Grid), gå til Rediger> Innstillinger> Generelt og skriv 0,5 i Tastaturøkningsboksen. Lag to kopier av formen fra forrige trinn (Command + C> Command + F).

Velg toppkopien, og trykk deretter høyre pil syv ganger, og pil ned tre ganger. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Velg den resulterende formen og fjern den andre fyllingen (den med den radiale gradienten).


Trinn 8

Gjør igjen to kopier av denne ovale figuren. Velg toppkopien og trykk bare på pil ned en gang. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Velg den resulterende formen og fjern fyllingen med gradienten.


Trinn 9

La oss flytte opp til figur nummer 2 og 3. Først skal du lage en ny kopi av den ovale formen, velg deretter disse to figurene, og klikk på Unite-knappen fra Pathfinder-panelet. Velg den resulterende formen, og kopien av den ovale formen, og klikk deretter på Minus Front-knappen fra Pathfinder-panelet. Den resulterende formen skal se ut som det tredje bildet. Fyll den med R = 241, G = 242, B = 242, og senk dens Opacity til 40%.


Trinn 10

Gjør igjen en kopi av den ovale formen, og dupliser deretter formen som ble gjort i det forrige trinnet. Velg disse ferske kopiene og klikk på Unite-knappen fra Pathfinder-panelet. Pass på at den resulterende formen er fylt med R = 241, G = 242, B = 242, (Opacity 40%), og legg deretter til et 0,25pt slag. Juster den til utsiden og sett fargen til R = 241, G = 242, B = 242.


Trinn 11

Velg formen som ble gjort i forrige trinn og lag to kopier. Velg toppkopien og trekk høyre pil tre ganger. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet.

Velg den resulterende formen, ta av stroke og senk Opacity til 30%. Gjør igjen to nye eksemplarer av formen som ble gjort i det forrige trinnet. Velg toppkopien og trykk på pil ned en gang. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet.

Igjen, velg den resulterende formen, fjern stroke og senk Opacity til 30%. En gang til, lage to kopier av formen som ble gjort i det forrige trinnet. Velg toppkopien og trekk på venstre pil ti ganger. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Velg den resulterende formen, fjern strekningen og senk dens Opacity til 30%.


Trinn 12

Aktiver Snap to Grid (Vis> Snap to Grid). Velg Ellipseverktøyet (L), opprett en form for 105px ved 20px, og legg den som vist i det første bildet. Fyll det med ingen og legg til et 0,5-takt slag (hvilken som helst farge). Velg direkte markeringsverktøyet (A), velg toppankerpunktet, og klikk deretter Slett-knappen. Velg strekk av den resulterende banen, gjør den hvit, og senk Opacity til 50%.

Lag en kopi av denne banen og formen laget i trinn nummer 10. Velg begge kopiene og klikk på Divide-knappen fra Pathfinder-panelet. Du får en gruppe av to former. Opphev dem og velg deretter toppformen. Fyll den med den lineære gradienten som vises i det endelige bildet, og senk Opacity til 30%. Du trenger den andre formen i neste trinn.


Trinn 13

Velg Rectangle Tool (M) og lag en form som den hvite som vises i det første bildet. Velg den sammen med den nederste formen som ble gjort i forrige trinn, og klikk på Intersect-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit og senk Opacity til 20%. Deaktiver Snap to Grid.

Dupliser toppformen (laget i forrige trinn), velg deretter Pennverktøyet (P), og opprett en form som den hvite som vises i det tredje bildet. Velg disse to figurene og klikk på Intersect-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som vises i det endelige bildet, og senk dens opasitet til 30%.


Trinn 14

Velg formnummer 5. Fyll det med R = 230, G = 231, B = 232, velg deretter fyllingen (fra Utseendepanelet) og senk Opacity til 60%. Legg til 0,25pt slag for denne formen, juster den innvendig, og sett fargen til R = 241, G = 242, B = 242.


Trinn 15

Lag to kopier av form 5. Velg toppkopien og trekk på venstre pil ti ganger. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Nå fokusere på den resulterende formen. Ta av stroke, velg deretter fyll og senk Opacity til 30%.

Lag to nye eksemplarer av form 5. Velg toppkopien, og trykk deretter på pil ned og høyre pil en gang. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Igjen, fjern streken av den resulterende formen, velg deretter fyll og senk Opacity til 50%.


Trinn 16

Velg formnummer 5 og gå til Objekt> Sti> Offset-vei. Skriv inn en -1,5px Offset og klikk OK. Fyll den resulterende formen med den lineære gradienten som vises i det andre bildet, senk Opacity til 50%, og fjern slagtaket.


Trinn 17

La oss flytte til form nummer 4. Fyll det med R = 241, G = 242, B = 242, velg deretter fyllingen (fra Utseendepanelet) og senk Opacity til 60%. Legg til 0,25pt slag for denne formen, juster den til utsiden og sett fargen til R = 241, G = 242, B = 242.


Trinn 18

Lag to kopier av form 4. Velg toppkopien og trekk venstre pil ti ganger. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Nå fokusere på den resulterende formen. Ta av slaget, velg fyllingen og senk Opacity til 30%.

Lag to nye kopier av form 4. Velg toppkopien og trykk pil ned en gang. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Igjen, fjern streken av den resulterende formen, velg fyllingen og senk dens Opacity til 50%.


Trinn 19

Velg form nummer 4 og gå til Objekt> Sti> Offset-vei. Skriv inn en -1px Offset og klikk OK. Fyll den resulterende formen med den lineære gradienten som vises i det andre bildet, senk Opacity til 30% og fjern slaget.


Trinn 20

Endelig fokus på form nummer 6. Fyll det med R = 230, G = 231, B = 232, velg deretter fyllingen (fra Utseendepanelet) og senk Opacity til 60%. Legg til 0,25pt slag for denne formen, juster den til utsiden, og sett fargen til R = 241, G = 242, B = 242.


Trinn 21

Lag to kopier av form 6. Velg toppkopien og trekk på venstre pil ti ganger. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Nå fokusere på den resulterende formen. Ta av slaget, velg fyllingen og senk Opacity til 30%.

Lag to nye kopier av form 6. Velg toppkopien, og trykk deretter på nedpilen og pilen til høyre en gang. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Igjen, fjern streken av den resulterende formen, velg fyllingen og senk dens Opacity til 50%.


Trinn 22

Velg form nummer 6 og gå til Objekt> Sti> Offset-vei. Skriv inn en -1,5px Offset og klikk OK. Fyll den resulterende formen med den lineære gradienten som vises i det andre bildet, senk Opacity til 50%, og fjern slagtaket.


Trinn 23

Velg den ovale formen som står for bunnen av krukken og gå til Objekt> Sti> Offset Path. Skriv inn en 3px Offset og klikk OK. Fyll den resulterende formen med R = 109, G = 110, B = 113, senk Opacity til 30%, og gå deretter til Effect> Blur> Gaussian Blur. Skriv inn en radius på 3px, og klikk deretter OK.


Trinn 24

La oss lage etiketten. Først aktiver du Snap to Grid (Vis> Snap to Grid). Velg Rectangle Tool (M), opprett en form for 75px med 50px og legg den som vist på det første bildet. Fyll det med R = 172, G = 132, B = 87, og gå deretter til Objekt> Sti> Offset Path. Skriv inn en -3px Offset og klikk OK. Fyll den resulterende formen med ingen og legg til et 2pt slag. Juster den innvendig, sett fargen til R = 249, G = 224, B = 168, og gå til Objekt> Utvid Utseende.


Trinn 25

Velg den brune formen som ble gjort i forrige trinn, og gå til Effect> Stylize> Rounded Corners. Skriv inn en radius på 2px, klikk OK, og gå til Objekt> Utvid utseende. Velg den resulterende formen og lag en kopi på baksiden (Kommando + C> Kommando + B).

Velg denne kopien, fyll den med hvit, senk Opacity til 30%, og gå til Effekt> Forvreng & Transform> Roughen. Skriv inn dataene som vises i det andre bildet, klikk OK, og gå til Effect> Blur> Gaussian Blur. Skriv inn en radius på 3px, og klikk deretter OK.


Trinn 26

Velg det utvidede slaget laget for to trinn siden. Legg til 0,25pt slag for denne formen, juster den til utsiden, og sett fargen til R = 196, G = 154, B = 108. Ta tak i Type Tool (T), klikk på tavla, og legg til "Ikke åpne" -teksten. Sett fargen til R = 35, G = 31, B = 32, og bruk Tall Paul-fonten med en størrelse på 13pt.


Trinn 27

Velg teksten sammen med de andre tre etikettkomponentene og grupp dem (Command + G). Velg denne nye gruppen og gå til Effect> Warp> Arch. Skriv inn dataene som vises nedenfor, og klikk deretter OK. Nå må etiketten din se ut som følgende bilde.


Trinn 28

Dupliser de store figurene som utgjør den samlede krukken. Velg disse kopiene, klikk på Unite-knappen fra Pathfinder-panelet, og deaktiver Snap to Grid. Plukk pennverktøyet (P) og opprett en form som den som vises i det andre bildet. Velg den sammen med den andre, friske figuren og klikk på Intersect-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 102, G = 45, B = 145, og flytt den inn i bunnen av lagpanelet, rett over bakgrunnsbildet.


Trinn 29

Velg Ellipseverktøyet (L), lag noen tilfeldige former, og plasser dem som vist i bildet nedenfor. Fyll dem med R = 102, G = 45, B = 145, og flytt dem inn i bunnen av lagpanelet, rett over formen som ble gjort i forrige trinn. Nå er krukken ferdig.


Trinn 30

La oss fortsette med teksten. Ta tak i Type Tool (T) og legg til teksten. Legg til hvert tegn separat. Igjen, bruk Tall Paul-fonten med en størrelse på 230pt og sett fargen til R = 78, G = 35, B = 110. Som du kan se brukte jeg "CuRsE" ordet ("C," "R," "S" i store og "u", "e" i små bokstaver). Spill med disse tegnene, roter dem og hold dem til hverandre. Til slutt velger du alle disse tegnene og går til Objekt> Utvid.


Trinn 31

Velg figurene som ble gjort i forrige trinn, og gå til Objekt> Sti> Offset-vei. Skriv inn en 5px Offset og klikk OK. Slett de originale figurene og hold disse tykkere figurene.


Trinn 32

Deretter må du redusere antall ankerpunkter for formene som ble gjort i forrige trinn. Velg dem og gå til Objekt> Sti> Forenkle. Dra glidebryteren for kurvepresisjon til 95% og klikk OK.


Trinn 33

La oss begynne å legge til splashy-effekten for teksten. Plukk pennverktøyet (P) og tegne en form som den som vises i bildet nedenfor. Du kan se nærmere på de zoomede områdene for å forstå de små detaljene i denne formen.


Trinn 34

Deretter må du legge til litt ekstra rundhet i den generelle teksten. Plukk pennverktøyet (P) og tegne noen avrundede former over de skarpe områdene i teksten. Velg alle disse lilla figurene som er laget i de siste fem trinnene, og klikk på Unite-knappen fra Pathfinder-panelet.


Trinn 35

Plukk pennverktøyet (P) og tegne en form som den hvite som vises i det første bildet. Velg den sammen med den store, lilla form og klikk på Minus Front-knappen fra Pathfinder-panelet.


Trinn 36

Fortsett med pennverktøyet (P) og opprett en form som den hvite som vises i det første bildet. Igjen, velg den sammen med den store, lilla form og klikk på Minus Front-knappen fra Pathfinder-panelet.


Trinn 37

Deretter legger du til figurene som vises i følgende bilder ved hjelp av pennverktøyet (P) og litt tålmodighet. Igjen, ta en nærmere titt på de zoomede bildene for å få øye på de små detaljene.


Trinn 38

Velg formene som ble opprettet i forrige trinn sammen med den store, lilla formen, og klikk på Unite-knappen fra Pathfinder-panelet.


Trinn 39

Velg Ellipseverktøyet (L) og klikk på tavlen. Skriv inn 5 i breddeboksen og 50 i høydeboksen, og klikk deretter OK. Dette vil skape en 5px med 50px ellipse. Fyll det med R = 78, G = 35, B = 110, og gå til Effect> Warp> Arc. Skriv inn dataene som vises under bilde nr. 2, klikk OK, og gå deretter til Effekt> Varsle> Bue nederst.

Skriv inn dataene som vises under bilde nr. 3, klikk OK, og gå til Effect> Warp> Fish. Skriv inn dataene som vises under bilde nr. 4, klikk OK, og gå deretter til Effekt> Varsel> Bue. Skriv inn dataene som vises under bilde # 5, klikk OK, og gå til Objekt> Utvid utseende.


Trinn 40

Velg formen som ble gjort i forrige trinn, og lag flere kopier (Command + C> Command + F). Tilfeldig endre størrelsen på disse kopiene, roter dem og legg dem over teksten som vist på det første bildet. Velg disse friske figurene sammen med den store, lilla figuren og gå til Objekt> Forbindelsesvei> Lag. Fyll den resulterende formen med den radiale gradienten som vises i det endelige bildet.


Trinn 41

Velg formen som ble gjort i forrige trinn, og gå til Objekt> Path> Offset Path. Skriv inn en -5-offset og klikk OK. Dupliser den resulterende formen. Velg denne kopien, og trykk deretter på pil ned og høyre pil tre ganger. Velg disse to nye figurene, og klikk på Minus Front-knappen fra Pathfinder-panelet.


Trinn 42

Du bør ha en gruppe tynne former som er resultatet av det forrige trinnet. Fyll disse figurene med R = 240, G = 239, B = 238. Nå velger du hele gruppen, endrer blandingsmodus til Overlegg, og går deretter til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en radius på 3px og klikk OK.


Trinn 43

Vellgir den store, lilla form og lag to kopier (Command + C> Command + F). Velg toppkopien og trykk på nedpilen og høyre pilen en gang. Velg begge kopier og trykk Minus Front-knappen fra Pathfinder-panelet. Fyll de resulterende figurene med R = 102, G = 45, B = 145.


Trinn 44

Igjen, velg den store, lilla form og lag to kopier (Command + C> Command + F). Velg toppkopien og trykk på nedpilen og pilen til venstre en gang. Velg begge kopier og trykk Minus Front-knappen fra Pathfinder-panelet. Fyll de resulterende figurene med R = 54, G = 24, B = 76.


Trinn 45

La oss nå fokusere på den store, lilla form. Velg den, velg deretter fyllingen fra Utseendepanelet, og gå til Effekt> Stylize> Innvendig glød. Skriv inn dataene som vises i følgende bilde, og klikk OK. Med denne formen fortsatt valgt, åpner du deretter flytmenyen i Utseendepanelet, og klikker på Legg til ny fylling. Dette vil legge til en ny fylling for den valgte formen. Velg denne nye fyllingen, gjør den svart, senk Opacity til 25%, endre blandemodus til Overlegg, og gå deretter til Effekt> Skisse> Chrome. Skriv inn dataene som er vist nedenfor, og klikk OK.


Trinn 46

Tilbakestill formen redigert i forrige trinn og legg til 0,5 slag. Gjør det svart og juster det på utsiden. Deretter velger du hele banen og går til Effekt> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK. Nå skal teksten din se ut som følgende bilde.


Trinn 47

Velg Ellipseverktøyet (L) og lag noen små sirkler. Fyll dem med R = 249, G = 224, B = 168 og legg dem som vist i bildet nedenfor.


Trinn 48

Nå som vi er ferdige med teksten, la oss fortsette med korken. Velg Ellipseverktøyet (L) og opprett en 45px med 45px-form. Fyll det med R = 196, G = 154, B = 108. Plasser den som vist i det følgende bildet og gå til Effekt> 3D> Ekstruder og kommando. Skriv inn dataene som vises i følgende bilde, klikk OK, og bruk Objekt> Utvid utseende.


Trinn 49

Ungroup de to figurene er resultatet av det forrige trinnet. Velg den nederste formen og fyll den med den lineære gradienten som vises under bilde nr. 2. Lag to kopier av denne formen. Velg toppkopien og trykk pil opp og høyre pil en gang. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 71, G = 44, B = 26.


Trinn 50

Flytt til den andre formen. Fyll først den med den radiale gradienten som vises nedenfor, og legg deretter til en ny fylling. Velg denne nye fyllingen, gjør den svart, senk Opacity til 3%, og gå til Effect> Artistic> Film Grain. Skriv inn dataene som vises under bilde nr. 2, og klikk OK.

Lag en kopi av denne formen (Command + C> Command + F) og fyll den bare med hvitt. Velg denne ferske kopien sammen med den originale figuren og gå til Transparency-panelet. Åpne fly-out-menyen, og klikk på Make Opacity Mask. Til slutt skal formen din se ut som det endelige bildet.


Trinn 51

Lag to kopier av formen fra forrige trinn. Velg toppkopien og trykk pil opp og høyre pil en gang. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll bare den resulterende formen med R = 117, G = 76, B = 41.

Vellgir de to store komponentene i korken og dupliser dem. Velg disse to kopiene og klikk på Unite-knappen fra Pathfinder-panelet. Fyll den resulterende formen med ingen, men legg til et 0,5 slag. Juster den på utsiden og sett fargen til R = 60, G = 36, B = 21.


Trinn 52

Velg alle former som utgjør korken og grupp dem (Command + G). Velg gruppen og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.


Trinn 53

Til slutt må du lage en tynn kunst børste. Velg Ellipse Tool (L) og opprett en form for 16px ved 1px. Fyll den med R = 54, G = 24, B = 76, velg deretter Konverteringsverktøyet (Shift + C) og klikk på høyre ankerpunkt.

Nå skal formen din se ut som det andre bildet. Velg den og gå til Penselpanelet (Vindu> Pensler). Åpne utflugten og gå til New Brush. Sjekk Art Brush, klikk OK, skriv inn dataene som vises i det følgende bildet og klikk OK.


Trinn 54

Velg børsteverktøyet (B). Velg kunstbørsten som ble gjort i forrige trinn, legg til noen tilfeldige stier som vist i det følgende bildet, og du er ferdig.


Konklusjon

Det endelige bildet er under.