Create en Jar Illustrasjon og Splashy, Purple Tekst effekt

I det følgende opplæringen vil du lære hvordan du oppretter en krukke illustrasjon og splashy, lilla tekst effekt. Vi skal lage dette med mange, lagdelte former og med ulike uklarheter. Vi skal jobbe med stier og Pathfinder verktøy for å forbedre vår tekst, gi den dimensjon og stil. La oss komme i gang!

Trinn 1

Opprett en 700 piksler ved 560px, RGB-dokument. Start med bakgrunnen. Du trenger dette bildet. Lagre den på harddisken din, og dra den deretter inni illustratør dokumentet. Sørg for at den dekker hele artboard.

Nå plukke rektangel Tool (M). Lag en form av størrelsen på artboard, fyll den med hvit, og deretter åpne Gjennomsiktighet-panelet (Vindu > Transparent). Velg denne friske formen sammen med bildet, åpner fly-out menyen i Transparency panelet, og deretter gå til Make Opacity Mask. Til slutt, låse dette maskert form for å være sikker på at du ikke velger eller flytte den ved et uhell.

Trinn 2

Slå av synlighet for den maskerte formen gjort i forrige trinn. Deretter vil du opprette start former for glasset illustrasjonen. Først slår på Grid (View > Grid) og Fest til rutenett (View > Fest til rutenett). Du trenger et rutenett hver 5px. Gå til Rediger > Preferanser > Linjer og rutenett, skriv 5 i linjenettet hver boks og en i underinndelinger boksen

Du kan også åpne infopanelet (Vindu > Info). For en live forhåndsvisning med størrelsen og plasseringen av figurer. Ikke glem å bytte måleenhet for å piksler fra Rediger > Preferanser > Enhet > General. Alle disse alternativene vil øke arbeidshastigheten.

Nå, la oss lage disse figurene. Start med Ellipse Tool (L) og lage en 105 av 30px form. Fyll den med hvilken som helst farge, og dobbeltklikk på den (i Lag-panelet) og gi den navnet "1" Fortsett med rektangelverktøyet (M). Først oppretter du en 105px ved 85px form, og deretter opprette en 105px ved 30px form.

Plasser disse to figurer som vist i det andre bildet, så navngi dem "2" og "3" Lag en tredje rektangel. Gjør det 55 x bred og 20px høy, plasser den som vist i tredje bildet og navnet "4." Til slutt, lage to like rektangler. Begge former må være 55 piksler bred og 5px høy. Plasser dem som vist i det endelige bildet og navngi dem "5" og "6." For øyeblikket fyllfargene ikke saken. Jeg brukte forskjellige nyanser av rødt, slik at du kan skille dem fra hverandre.

Trinn 3

La oss gjøre noen endringer for de former laget i forrige trinn. Plukk Direct Selection Tool (A) og fokus på form nummer 3. Velg den øverste, venstre forankringspunkt og flytte den 25px til høyre. Nå velger toppen, til høyre forankringspunkt og flytte den 25px til venstre. Nå bør formen ser ut som et trapes. Gjenvelge den og gå til Effect > Warp > Utbulning. Oppgi dataene nedenfor, klikk OK, og deretter gå til Object > Utvid Utseende. Dobbeltklikk på den resulterende formen og endre navnet "3."

Trinn 4

Fortsett med formen nummer 5. Velg den og gå til Effect > Warp > Utbulning. Oppgi dataene nedenfor image # 1, klikk OK, og deretter gå til Effect > Warp > Bue. Oppgi dataene nedenfor bilde # 2, klikk OK, og deretter gå til Object > Utvid Utseende

Flytt til å forme nummer 6. Velg den og gå til Effect >.; Warp > Utbulning. Tast inn dataene vist ovenfor, bilde nr 3, klikk OK, og deretter gå til Effect > Warp > Bue. Tast inn dataene vist ovenfor, bilde nr 4, klikk, OK og deretter gå til Object > Utvid Utseende. Ikke glem å endre navn på de resulterende formene "5" og "6."

Trinn 5

Lag en kopi av form nummer 5 (Command + C > Command + F). Velg denne kopien sammen med form nummer 3, og klikk på Minus Front knappen fra Pathfinder-panelet. Duplicate figurer 5 og 6. Velg disse to eksemplarer sammen med formen nummer fire, og klikk på Minus Front knappen fra Pathfinder-panelet.

Trinn 6

Slå tilbake til synlig bakgrunnsbildet. Nå, la oss legge til litt farge for jar former. Start med formen nummer 1. Fyll den med R = 241, G = 242, B = 242, og velg deretter fyllet fra Utseende panel og senk det er Opacity til 30%.

Med fyll valgt, flytt til bunnen av Utseende panelet, og klikk på Duplicate Selected ikonet element. Dette vil legge en kopi av det valgte fyllet. Velg denne nye fyll og erstatte fyllfargen med radial gradient vist i det andre bildet. Ta en nærmere titt på gradienten bilde og du vil merke en gul null. Det står for Opacity prosent

Trinn 7

Slå av Fest til rutenett (View > Fest til rutenett)., Og deretter gå til Rediger > Preferanser > Generelt og skriv 0,5 i Tastatur verdiboksen. Lag to kopier av formen fra forrige trinn (Command + C > Command + F).

Velg den øverste kopiere, deretter traff den høyre pil syv ganger, og pil ned tre ganger. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den resulterende formen og fjern andre fyll (den med radial gradient).

Trinn 8

Igjen, lage to kopier av denne oval form. Velg den øverste kopien og traff pil ned bare én gang. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den resulterende formen og fjern fyll med gradienten.

Trinn 9

La oss gå opp til figurer nummer 2 og 3. Først må en ny kopi av den ovale formen, deretter velger disse to former, og klikk på Unite knappen fra Pathfinder-panelet. Velg den resulterende form, og kopi av oval form, 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 senke Opacity til 40%.

Trinn 10

Igjen, lage en kopi av den ovale formen, deretter kopiere formen gjort i det foregående trinn. Velg disse friske eksemplarer og klikk på Unite knappen fra Pathfinder-panelet. Sørg for at den resulterende formen er fylt med R = 241, G = 242, B = 242, (Opacity 40%), og deretter legge en 0.25pt slag. Juster den til utsiden og sette farge på R = 241, G = 242, B = 242.

Trinn 11

Velg den formen laget i forrige trinn, og lage to kopier. Velg den øverste kopien og traff høyre pil tre ganger. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet.

Velg den resulterende formen, fjern hjerneslag og senke Opacity til 30%. Igjen gjør to nye kopier av formen gjort i det foregående trinn. Velg den øverste kopien og traff pil ned én gang. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet.

Igjen, velg den resulterende form, fjerne strøk og senke Opacity til 30%. En gang til, lage to kopier av formen gjort i forrige trinn. Velg den øverste kopien og traff venstre pil ti ganger. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den resulterende formen, fjern slag, og senke Opacity til 30%

Trinn 12

Aktiver Fest til rutenett (View > Fest til rutenett).. Plukk Ellipse Tool (L), opprette en 105px ved 20px form, og plasser den som vist i det første bildet. Fyll den med ingen og legge en 0,5pt slag (alle farger). Plukk Direct Selection Tool (A), velger du den øverste forankringspunkt, og trykk på knappen Slett. Velg slag av den resulterende banen, gjør det hvitt, og senke Opacity til 50%.

Lag en kopi av denne veien og formen gjorde i trinn nummer 10. Velg begge eksemplarene og klikk på Divide knappen fra Pathfinder-panelet. Du vil få en gruppe av to former. Løse opp dem og velg deretter toppform. Fyll den med lineær gradient som vises i det endelige bildet og senke Opacity til 30%. Du trenger en annen form i neste trinn.

Trinn 13

Velg den rektangelverktøyet (M) og skape en form som den hvite vist i det første bildet. Velg den sammen med bunnen formen gjort i forrige trinn, og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende form med hvit og senke Opacity til 20%. Deaktiver Fest til rutenett.

Dupliser toppform (laget i forrige trinn), deretter velge Pen Tool (P), og skape en form som den hvite som er vist i tredje bildet. Velg disse to formene og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende form med lineær gradient som vises i det endelige bildet, og senke Opacity til 30%.

Trinn 14

Velg form nummer 5. Fyll den med R = 230, G = 231, B = 232, og velg deretter fyllet (fra Utseende panel), og senke Opacity til 60%. Legg en 0,25pt slag for denne formen, justere den til innsiden, og setter farge på R = 241, G = 242, B = 242.

Trinn 15

Lag to kopier av forme 5. Velg den øverste kopien og traff pil venstre ti ganger. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Nå fokuserer på den resulterende form. Ta av hjerneslag, og velg deretter fyll og senk Opacity til 30%.

Lag to nye kopier av formen 5. Velg den øverste kopiere, deretter traff på pil ned og pil høyre samtidig. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Igjen, fjerne strøk av den resulterende formen, og velg deretter fyll og senke Opacity til 50%

Trinn 16

Marker på nytt form nummer 5 og gå til Object >.; Sti > Offset Path. Skriv inn et -1,5px Offsettrykk, og klikk på OK. Fyll den resulterende form med lineær gradient vist i det andre bildet, senke Opacity til 50%, og fjern hjerneslag.

Trinn 17

La oss gå å forme nummer 4. Fyll den med R = 241, G = 242, B = 242, og velg deretter fyllet (fra Utseende panel) og senke Opacity til 60%. Legg en 0,25pt slag for denne formen, justere den til utsiden og sette farge på R = 241, G = 242, B = 242.

Trinn 18

Lag to kopier av form 4. Velg den øverste kopien og traff venstre pil ti ganger. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Nå fokuserer på den resulterende form. Ta av hjerneslag, og velg deretter fyll, og senk Opacity til 30%.

Lag to nye kopier av formen 4. Velg den øverste kopien og traff pil ned én gang. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Igjen, fjerne strøk av den resulterende formen, og velg deretter fyll, og senke Opacity til 50%

Trinn 19

Marker på nytt form nummer 4 og gå til Object >.; Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Fyll den resulterende form med lineær gradient vist i det andre bildet, senke Opacity til 30% og fjerne strøk.

Trinn 20

Til slutt, fokus på form nummer 6. Fyll den med R = 230, G = 231, B = 232, og velg deretter fyllet (fra Utseende panel), og senke Opacity til 60%. Legg en 0,25pt slag for denne formen, justere den til utenfor, og setter farge på R = 241, G = 242, B = 242.

Trinn 21

Lag to kopier av forme 6. Velg den øverste kopien og traff pil venstre ti ganger. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Nå fokuserer på den resulterende form. Ta av hjerneslag, og velg deretter fyll, og senk Opacity til 30%.

Lag to nye kopier av formen 6. Velg den øverste kopiere, deretter traff på pil ned og pil høyre samtidig. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Igjen, fjerne strøk av den resulterende formen, og velg deretter fyll, og senke Opacity til 50%

Trinn 22

Marker på nytt form nummer 6 og gå til Object >.; Sti > Offset Path. Skriv inn et -1,5px Offsettrykk, og klikk på OK. Fyll den resulterende form med lineær gradient vist i det andre bildet, senke Opacity til 50%, og fjern hjerneslag.

Trinn 23

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

Trinn 24

La oss lage etikette. Først re-aktivere Fest til rutenett (View > Fest til rutenett). Plukk rektangel Tool (M), opprette en 75px x 50 piksler form og legg den som vist i det første bildet. Fyll den med R = 172, G = 132, B = 87, og deretter gå til Object > Sti > Offset Path. Skriv inn et -3px Offsettrykk, og klikk på OK. Fyll den resulterende form med ingen og legge en 2pt slag. Juster den til innsiden, sett farge til R = 249, G = 224, B = 168, og deretter gå til Object > Utvid Utseende

Trinn 25

Velg den brune formen gjort i forrige trinn og gå til Effect >.; Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikk OK, og deretter gå til Object > Utvid Utseende. Velg den resulterende formen og lage en kopi i ryggen (Command + C > Command + B).

Velg denne kopien, fyll den med hvit, senke Opacity til 30%, så gå til Effect > Forvrenge & Transform > Rubb. Tast inn dataene vist i det andre bildet, klikk OK, og deretter gå til Effect > Blur > Gaussian Blur. Skriv en 3px radius, og klikk deretter OK.

Trinn 26

Velg den utvidede slag laget to trinn siden. Legg en 0,25pt slag for denne formen, justere den til utenfor, og setter farge på R = 196, G = 154, B = 108. Grab Type Tool (T), klikk på artboard, og legge til "Ikke åpne" tekst. Sett farge til R = 35, G = 31, B = 32, og bruke Tall Paul skrift med en størrelse på 13pt.

Trinn 27

Velg teksten sammen med de tre andre etikette komponenter og gruppere dem (Command + G). Velg denne nye gruppen og gå til Effect > Warp > Arch. Oppgi dataene nedenfor og klikk deretter på OK. Nå bør etikette se ut som bildet nedenfor.

Trinn 28

Duplicate de store former som utgjør den samlede jar. Velg disse kopiene, klikk på Unite knappen fra Pathfinder-panelet, og deaktivere Fest til rutenett. Plukk Pen Tool (P) og skape en form som vist i det andre bildet. Velg det sammen med andre, friske form og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 102, G = 45, B = 145, og flytte den inn i bunnen av Lag-panelet, rett over bakgrunnsbildet.

Trinn 29

Velg den ellipse Tool (L), lage noen tilfeldige former, og plassere dem som vist i følgende bilde. Fyll dem med R = 102, G = 45, B = 145, og flytte dem inn i bunnen av Lag-panelet, rett ovenfor formen gjort i forrige trinn. Nå glasset er gjort.

Step 30

La oss fortsette med teksten. Grab Type Tool (T) og legge til tekst. Legg hvert tegn separat. Igjen, bruk Tall Paul skrift med en størrelse på 230pt og sette farge på R = 78, G = 35, B = 110. Som du kan se jeg brukte "forbannelsen" ord ( "C", "R", "S" med store bokstaver og "u", "e" med små bokstaver). Spill med disse tegnene, rotere dem, og henge dem til hverandre. Til slutt velger du alle disse tegnene og gå til Object > Utvid

Trinn 31

Velg former laget i forrige trinn og gå til Object >.; Sti > Offset Path. Skriv inn et 5px Offsettrykk, og klikk på OK. Slett den originale formen og holde disse tykkere figurer.

Trinn 32

Neste må du redusere antall ankerpunkter for de former laget i forrige trinn. Velg dem og gå til Object > Sti > Forenkle. Dra Curve Precision glidebryteren til 95%, og klikk OK.

Trinn 33

La oss begynne å legge den splashy effekt for teksten. Plukk Pen Tool (P) og tegne en figur som vist i følgende bilde. Du kan ta en nærmere titt på de zoomet områder for å forstå de små detaljene i denne formen.

Trinn 34

Deretter må du legge til litt ekstra rundhet til den generelle teksten. Plukk Pen Tool (P) og trekke noen avrundede former over de skarpe delene av teksten. Velg alle disse lilla former laget i løpet av de siste fem trinn og klikk på Unite knappen fra Pathfinder-panelet.

Trinn 35

Velg den Pen Tool (P) og tegne en figur som den hvite som er vist 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 Pen Tool (P) og skape en form som den hvite vist i det første bildet. Igjen velger du den sammen med den store, lilla form og klikk på Minus Front knappen fra Pathfinder-panelet.

Trinn 37

Deretter bruker Pen Tool (P) og litt tålmodighet, legge figurene vist i følgende bilder. Igjen, ta en nærmere titt på bilder som er zoomet å få øye på de små detaljene.

Trinn 38

Velg formene opprettet i forrige trinn sammen med de store, lilla form, og klikk på forene knappen fra Pathfinder-panelet.

Trinn 39

Velg den Ellipse Tool (L) og klikk på artboard. Tast 5 i boksen Bredde og 50 i Høyde-boksen, og klikk deretter på OK. Dette vil skape en 5px x 50 piksler ellipse. Fyll den med R = 78, G = 35, B = 110, og gå til Effect > Warp > Bue. Oppgi dataene nedenfor bilde # 2, klikk OK, og deretter gå til Effect > Warp > Arc Nedre

Legg inn dataene som vises nedenfor, bilde nr 3, klikk OK, og deretter gå til Effect >.; Warp > Fisk. Oppgi dataene nedenfor, bilde nr 4, klikk OK, og deretter gå tilbake til Effect > Warp > Bue. Oppgi dataene nedenfor image # 5, klikk OK, og deretter gå til Object > Utvid Utseende

Trinn 40

Velg den formen laget i forrige trinn, og lage flere kopier (Command + C > Command + F).. Tilfeldig endre størrelsen på disse kopiene, rotere dem og legg dem over teksten som vist i det første bildet. Velg disse friske former sammen med de store, lilla form og gå til Object > Forbindelse Sti > Lage. Fyll den resulterende form med radial gradient vist i det endelige bildet

Trinn 41

Velg den formen laget i forrige trinn, og gå til Object >.; Sti > Offset Path. Skriv inn et -5 Offsettrykk, og klikk på OK. Duplisere den resulterende form. Velg denne kopien, deretter traff på pil ned og pil høyre tre ganger. Reselect disse to, nye figurer og klikk på Minus Front knappen fra Pathfinder-panelet.

Trinn 42

Du bør ha en gruppe av tynne figurer resulterte fra forrige trinn. Fyll disse formene med R = 240, G = 239, B = 238. Nå velger hele gruppen, endre blending mode til Overlay, så gå til Effect > Blur > Gaussian Blur. Skriv en 3px radius, og klikk OK

Trinn 43

Velg det store, lilla form og lage to kopier (Command + C > Command + F).. Velg den øverste kopien og traff pil ned og pil høyre samtidig. Reselect både kopier og traff Minus Front knappen fra Pathfinder-panelet. Fyll de resulterende former med R = 102, G = 45, B = 145

Trinn 44

Igjen, velg den store, lilla form og lage to kopier (Command + C >. Command + F). Velg den øverste kopien og traff pil ned og pil venstre samtidig. Reselect både kopier og traff Minus Front knappen fra Pathfinder-panelet. Fyll de resulterende former med R = 54, G = 24, B = 76.

Trinn 45

La oss nå fokusere på den store, lilla form. Velg det, og velg deretter fyllet fra Utseende-panelet, og gå til Effect > Stylize > Indre glød. Tast inn dataene vist i følgende bilde og klikk på OK. Med denne formen fortsatt er valgt, åpne deretter fly-out menyen i Utseende-panelet, og klikk på Legg til ny Fill. Dette vil legge til en annen fylling for den valgte form. Velg denne nye fyll, gjør det svart, senke Opacity til 25%, endre blending mode til Overlay, så gå til Effect > Sketch > Chrome. Oppgi dataene nedenfor og klikk på OK.

Trinn 46

Velg det formen redigeres i forrige trinn, og legge en 0,5 hjerneslag. Gjør det svart og justere den til utsiden. Deretter reselect hele banen og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK. Nå teksten din skal se ut som bildet nedenfor.

Trinn 47

Velg den Ellipse Tool (L) og gjøre noen små sirkler. Fyll dem med R = 249, G = 224, B = 168 og plassere dem som vist i følgende bilde.

Trinn 48

Nå som vi er ferdige med teksten la oss fortsette med korken. Plukk Ellipse Tool (L) og lage en 45 piksler med 45 piksler form. Fyll den med R = 196, G = 154, B = 108. Plasser den som vist i følgende bilde og gå til Effect > 3D > Extrude & Bevel. Tast inn dataene vist i følgende bilde, klikker du OK, og deretter bruke Object > Utvid Utseende.

Trinn 49

Løs opp gruppe de to formene resulterte fra forrige trinn. Velg den nederste form og fylle det med lineær gradient vist nedenfor image # 2. Lag to kopier av denne formen. Velg den øverste kopien og traff pil opp og pil høyre samtidig. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 71, G = 44, B = 26.

Trinn 50

Flytt til den andre formen. Først fyller den med radial gradient vist nedenfor, og deretter legge til en annen fylling. Velg denne nye fyll, gjør det svart, senke Opacity til 3%, så gå til Effect > Kunstnerisk > Film Grain. . Oppgi dataene nedenfor image # 2 og klikk på OK

Ta en kopi av denne formen (Command + C > Command + F) og fyll den bare med hvitt. Velg denne ny kopi sammen med den opprinnelige form og gå til Transparency panel. Åpne fly-out menyen og klikk på Make Opacity Mask. Til slutt formen din skal se ut som det endelige bildet.

Trinn 51

Lag to kopier av formen fra forrige trinn. Velg den øverste kopien og traff pil opp og pil høyre samtidig. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende formen bare med R = 117, G = 76, B = 41.

Velg det to store deler av kork og kopiere dem. Velg disse to eksemplarer og klikk på Unite knappen fra Pathfinder-panelet. Fyll den resulterende form med ingen, men legger til en 0,5 hjerneslag. Juster den til utsiden og sette farge på R = 60, G = 36, B = 21.

Trinn 52

Velg alle figurene som utgjør kork og gruppere dem (Kommando + G). Velg gruppen og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK.

Trinn 53

Til slutt, må du opprette en tynn art pensel. Plukk Ellipse Tool (L) og lage en 16px av 1px form. Fyll den med R = 54, G = 24, B = 76, deretter velge Convert Selection Tool (Shift + C) og klikk på høyre ankerpunktet.

Nå formen skal se ut som det andre bildet. Velg den og gå til Børster panelet (Vindu > Børster). Åpne fly-ut og gå til New Brush. Sjekk Art Brush, klikk OK, skriv dataene vist i følgende bilde og klikk på OK.

Trinn 54

Velg den Brush Tool (B). Velg kunsten børste laget i forrige trinn, legge til noen tilfeldige baner som vist i følgende bilde og du er ferdig.

Konklusjon

Det siste bildet er nedenfor.