Share
I den følgende opplæringen lærer du hvordan du lager en søppelboksillustrasjon. Bruk en komplett Illustrator CS5-arbeidsflyt, vektorkonstruksjonsteknikker, gradient- og opasitetsskygging, samt ulike vektoreffekter. La oss komme i gang.
Hit kommando + N for å opprette et nytt dokument. Skriv 700 i breddeboksen og 600 i høydeboksen, og klikk deretter på Avansert-knappen. Velg RGB, skjerm (72ppi) og kontroller at boksen "Juster nye objekter til pikselruten" ikke er merket før du klikker OK. Nå slår du på rutenettet (Vis> Rutenett) og Snap to Grid (Vis> Snap to Grid).
Deretter trenger du et rutenett hver 5px. Gå til Rediger> Innstillinger> Guider og rutenett, skriv inn 5 i Rutenettlinjen hver boks og 1 i Retningslinjene underdelinger. Du kan også åpne Info-panelet (Vindu> Info) for et forhåndsvisning med størrelsen og plasseringen av figurene dine.
Ikke glem å sette måleenheten til piksler fra Rediger> Innstillinger> Enhet> Generelt. Alle disse alternativene øker arbeidshastigheten betydelig.
Velg rektangulærverktøyet (M), opprett en form for 200 x 390 px, fyll den med R = 0 G = 153 B = 109 og fjern fargen fra strekningen. Bytt til Direct Selection Tool (A) og fokus på bunnen ankerpunkter.
Velg venstre ankerpunkt og flytt det 15px til høyre, velg deretter høyre ankerpunkter og flytt det 15px til venstre. Til slutt skal formen din se ut som det andre bildet som vises. Velg det og lag en kopi foran (Command + C> Command + F).
Velg rektangulærverktøyet (M), opprett en form for 220 til 50 px, og legg den som vist i det første bildet. Velg denne nye formen, sammen med kopien som ble opprettet i forrige trinn, åpne Pathfinder-panelet og klikk på Intersect-knappen.
Tilbakestill formen som ble opprettet i det andre trinnet, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 10 pek, klikk på OK og gå til Effekt> Varsle> Buk lavere. Skriv inn dataene som vises i det andre bildet, klikk OK, og gå til Objekt> Utvid utseende.
Velg formen som ble gjort i forrige trinn, sammen med formen som ble opprettet i det tredje trinnet, og klikk på Unite-knappen fra Pathfinder-panelet. Flytt til Lagpanelet (Vindu> Lag), Dobbeltklikk på den resulterende formen, og merk den "Body".
Plukk pennverktøyet (P), tegne to vertikale stier (400px) og plasser dem som vist i det første bildet. Legg til et diskret svart slag for disse stiene. Bytt til Direct Selection Tool (A) og fokus på den venstre, vertikale banen. Velg det nedre ankerpunktet og flytt det 15px til høyre.
Fortsett med Direct Selection Tool (A) og fokus på den høyre, vertikale banen. Velg det nederste ankerpunktet og flytt det 15px til venstre. Til slutt bør stiene dine se ut som det andre bildet som vises. Dupliser dem (Command + C> Command + F). Flytt til lagpanelet, finn disse ferske kopier og gjør dem usynlige. Du trenger dem senere.
Velg "Body" og lag en kopi foran (Command + C> Command + F). Velg denne kopien sammen med de synlige banene som ble opprettet i forrige trinn, og klikk på Divide-knappen fra Pathfinder-panelet. Flytt til lagpanelet, og du vil finne en gruppe med tre enkle former. Opphev dem (Shift + Command + G) og slett midtformen.
Fokuser på de to figurene som ble opprettet i forrige trinn, og fyll dem med den lineære gradienten som vises nedenfor. Den gule nullen fra gradientbildet står for Opacity-prosentandel.
Deaktiver Snap to Grid (Vis> Snap to Grid), gå til Rediger> Innstillinger> Generelt, og kontroller at Tastaturøkningen er satt til 1px. Velg riktig form redigert i forrige trinn og lage to eksemplarer foran (Kommando + C> Kommando + F> Kommando + F).
Velg toppkopien og trykk på høyre pil en gang (for å flytte den 1px til høyre). Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som vises nedenfor, senk Opacity til 20%, og endre blandemodus til Overlay. Husk at den gule nullen fra gradientbildet står for Opacity-prosentandel.
Tilbakestill formen som ble opprettet i forrige trinn, og lag en kopi foran (Kommando + C> Kommando + F). Fyll den med den lineære gradienten som vises nedenfor, øk Opacity til 100%, og endre blandemodus til Normal.
Velg den venstre formen som er redigert i det åttende trinnet, og gjør to eksemplarer foran (Kommando + C> Kommando + F> Kommando + F). Velg toppkopien og trykk på venstre pil en gang (for å flytte den 1px til venstre). Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som vises nedenfor, senk Opacity til 20%, og endre blandemodus til Overlay.
Tilbakestill formen som ble opprettet i forrige trinn, og lag en kopi foran (Kommando + C> Kommando + F). Fyll den med den lineære gradienten som vises nedenfor, øk Opacity til 100%, og endre blandemodus til Normal.
Velg all form som er opprettet og redigert i de siste seks trinnene, og grupper dem (Command + G).
Aktiver Snap to Grid (Vis> Snap to Grid) igjen. Velg rektangelverktøyet (M), opprett to, 5 til 405 px figurer, og legg dem som vist i det første bildet. Bytt til Direct Selection Tool (A) og fokus på den venstre formen.
Velg nedre ankerpunkter og flytt dem 15px til høyre. Fortsett med Direct Selection Tool (A) og fokus på den rette banen. Velg nederste ankerpunkt og flytt dem 15 px til venstre. Til slutt skal figurene dine se ut som det andre bildet som vises.
Velg de to figurene som ble opprettet i forrige trinn, fyll dem med den lineære gradienten som vises nedenfor, og gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en radius på 7px og klikk OK.
Flytt til lagpanelet og finn de usynlige banene som er opprettet i det sjette trinnet. Gjør dem synlige og ta dem til forsiden (Shift + Command +]). Legg til 5pt, hvitt slag for disse banene, senk Opacity til 5%, endre blandingsmodus til Overlay, og gå til Effect> Blur> Gaussian Blur. Skriv inn en radius på 3px og klikk OK.
Velg Ellipseverktøyet (L), opprett en form for 140 ved 255 px, og legg den som vist i det første bildet. Velg "Body" og lag en kopi foran (Command + C> Command + F). Velg denne kopien sammen med den nye formen, og klikk på Intersect-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som vises nedenfor, og gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en radius på 10 px og klikk OK.
Velg alle figurene som er opprettet og redigert i de siste fire trinnene, og gruppere dem (Command + G).
Deretter må du maskere gruppen opprettet i forrige trinn. Velg "Body" og lag en kopi foran (Command + C> Command + F). Fyll det med hvitt, ta det til forsiden (Shift + Command +]) og åpne transparentpanelet.
Velg denne hvite formen, sammen med gruppen som ble opprettet i forrige trinn, åpne menyen for utløp av gjennomsiktighetspanelet, og klikk på Opprett maske. Til slutt bør din maskerte gruppe se ut som det tredje bildet som vises.
Deaktiver Snap to Grid (Vis> Snap to Grid). Velg "Body" og skriv to eksemplarer foran (Command + C> Command + F> Command + F). Velg toppkopien og trykk to ganger på pil opp. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 0, G = 119, B = 88. Og ta det til forsiden (Shift + Command +]).
Vellgir "Body" legg til 1pt slag. Sett fargen til R = 0, G = 119, B = 88. Kontroller at denne formen fortsatt er valgt, flytt til Utseendepanelet, og legg til en ny fylling ved hjelp av knappen Legg til ny fylling. Det er det lille, hvite firkantikonet nederst på Utseendepanelet. Velg denne nye fyllingen og bruk den lineære gradienten som vises nedenfor.
Aktiver Snap to Grid (Vis> Snap to Grid) igjen. Velg rektangulærverktøyet (M), opprett en form på 245 x 20 px og legg den som vist i det første bildet. Bytt til Direct Selection Tool (A) og fokus på bunnen ankerpunkter. Velg venstre ankerpunkt og flytt det 30px til høyre, velg deretter høyre ankerpunkter og flytt det 30px til venstre.
Nå skal formen din se ut som en trapezoid. Velg den og send den til baksiden (Shift + Command + [). Velg "Body" og lag en kopi foran (Command + C> Command + F). Velg denne kopien sammen med trapesformen, og klikk på Minus Front-knappen fra Pathfinder-panelet. Dette vil opprette en gruppe med to trekantformer. Fyll dem med de lineære gradienter som vises nedenfor.
Deaktiver Snap to Grid (Vis> Snap to Grid) og fokus på den venstre trekanten som ble opprettet i forrige trinn. Velg den og skriv to eksemplarer foran (Kommando + C> Kommando + F> Kommando + F). Velg toppkopien, og trekk ned pilen og venstre pil tre ganger.
Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med svart og senk Opacity til 20%. Bytt til Verktøy for slett ankerpunkt (-) og klikk på de tre ankerpunktene som er markert i det tredje bildet. Til slutt skal formen din se ut som det fjerde bildet som vises.
Fokuser på den høyre trekanten som ble opprettet i forrige trinn. Velg den og skriv to eksemplarer foran (Kommando + C> Kommando + F> Kommando + F). Velg toppkopien, og trekk ned pilen og høyre pil tre ganger. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet.
Fyll den resulterende formen med svart og senk Opacity til 20%. Bytt til Verktøy for slett ankerpunkt (-) og klikk på de tre ankerpunktene som er markert i det tredje bildet. Til slutt skal formen din se ut som det fjerde bildet som vises.
Aktiver Snap to Grid (Vis> Snap to Grid) igjen. Velg rektangulærverktøyet (M) og opprett en form for 5 til 30 px. Fyll den med den lineære gradienten som vises nedenfor, og legg den som vist på det første bildet. Lag to kopier av denne formen og plasser dem som vist i det andre bildet.
Deaktiver Snap to Grid (Vis> Snap to Grid). Velg den første formen som ble opprettet i forrige trinn, og gjør to eksemplarer foran (Kommando + C> Kommando + F> Kommando + F). Velg toppkopien og trykk på pil ned en gang. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet.
Fyll den resulterende formen med hvit, senk Opacity til 30%, og endre blandemodus til Overlay. Gjenta denne teknikken for de andre to figurene som ble opprettet i forrige trinn. Velg formene som er opprettet i dette trinnet, sammen med figurene som ble opprettet i forrige trinn, og gruppere dem (Command + G).
Aktiver Snap to Grid (Vis> Snap to Grid) igjen. Velg Rectangle Tool (M), opprett de fire nye figurene (bruk dimensjonene som er nevnt i det første bildet), og legg dem som vist i det første bildet. Fyll dem med en tilfeldig farge og gå til Effect> Stylize> Rounded Corners. Skriv inn en radius på 10 px, klikk OK, og gå til Objekt> Utvid utseende.
Velg gruppen som ble opprettet i forrige trinn og dupliser den (Command + C> Command + F). Velg denne gruppekopien, sammen med de fire avrundede rektanglene, og klikk på Unite-knappen fra Pathfinder-panelet. Den resulterende formen skal se ut som det fjerde bildet som vises.
Velg "Body" og lag en kopi foran (Command + C> Command + F). Velg denne kopien sammen med formen som ble opprettet i forrige trinn, og klikk på Minus Front-knappen fra Pathfinder-panelet.
Flytt til Lagpanelet, og du vil finne en ny gruppe med en rekke former. Åpne den, slett den største formen, fyll deretter de resterende figurene med svart, og senk deres Opacity til 10%.
Aktiver Snap to Grid (Vis> Snap to Grid) igjen. Velg rektangulærverktøyet (M), opprett en form på 245 x 20 px, fyll den med den lineære gradienten som vises nedenfor, og legg den som vist i det første bildet..
Deretter må du legge til litt rundhet for denne formen. Bruk Rund et hvilket som helst hjørne skript. Du finner den i Vectortuts + artikkelen 20 gratis og nyttige Adobe Illustrator-skript. Lagre det på harddisken din, gå tilbake til Illustrator, og ta direkte utvalgingsverktøyet (A).
Velg toppankeringspunktene og gå til Arkiv> Skript> Annet skript. Åpne Round Any Corner Script, skriv inn en 5px radius, og klikk OK. Til slutt skal figurene dine se ut som det andre bildet som vises.
Deaktiver Snap to Grid (Vis> Snap to Grid). Tilbakestill formen som ble opprettet i forrige trinn, og gå til Objekt> Sti> Offset-vei. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen og lag en kopi foran (Kommando + C> Kommando + F). Velg denne kopien og flytt den 1px ned.
Velg de to formene du har laget så langt, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit, senk Opacity til 10% og endre blandemodus til Overlay. Tilbakestill formen som ble opprettet i forrige trinn, legg til 1pt slag, sett fargen på R = 0, G = 130, B = 90, og juster den til innsiden.
Aktiver Snap to Grid (Vis> Snap to Grid) igjen. Velg rektangulært verktøy (M), opprett en form for 110 x 20 px, sett den som vist i det første bildet og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 5px, klikk OK og gå til Objekt> Utvid utseende.
Tilbakestill formen som ble opprettet i trinn 29, og lag en kopi foran (Kommando + C> Kommando + F). Velg den, sammen med det nye, avrundede rektangelet, og klikk på Intersect-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som vises i det endelige bildet.
Deaktiver Snap to Grid (Vis> Snap to Grid). Tilbakestill formen som ble opprettet i forrige trinn, og gjør to eksemplarer foran (Kommando + C> Kommando + F> Kommando + F). Velg toppkopien og trykk på pil ned en gang. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 0, G = 130, B = 90.
Tilbakestill formen som ble opprettet i trinn 31, og lag to eksemplarer foran (Kommando + C> Kommando + F> Kommando + F). Velg nederste kopi og trykk på pil ned en gang. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit, senk Opacity til 30%, og endre blandemodus til Overlay.
Velg alle figurene som er opprettet i de siste fem trinnene, og grupp dem (Command + G).
Aktiver Snap to Grid (Vis> Snap to Grid) igjen. Velg rektangulærverktøyet (M) og opprett en form for 220 til 20 px. Fyll den med den lineære gradienten som vises nedenfor, legg den som vist i det følgende bildet, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 5px, klikk OK, og gå til Objekt> Utvid utseende.
Velg den resulterende formen, lage to eksemplarer foran (Kommando + C> Kommando + F> Kommando + F), og deaktiver Snap to Grid (Vis> Snap to Grid). Velg toppkopien og trykk på pil ned en gang. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit, senk Opacity til 30%, og endre blandingsmodus til Overlay.
Deaktiver Snap to Grid (Vis> Snap to Grid). Velg den største formen fra gruppen som ble opprettet i trinn 34, lag en kopi foran (Kommando + C> Kommando + F), og flytte den to piksler opp. Vellgjør det avrundede rektangelet som ble opprettet i forrige trinn, og lag en kopi foran (Command + C> Command + F).
Velg disse to kopiene og klikk på Intersect-knappen fra Pathfinder-panelet. Fyll den resulterende formen med svart og senk Opacity til 10%. Velg den sammen med figurene som ble opprettet i forrige trinn, og send dem tilbake (Shift + Command + [).
Aktiver Snap to Grid (Vis> Snap to Grid) igjen. Velg rektangulærverktøyet (M) og opprett en form for 210 x 20 px. Fyll den med den lineære gradienten som vises nedenfor, legg den som vist i det følgende bildet, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 5px, klikk OK, og gå til Effekt> Varsle> Arc øverst. Skriv inn dataene som vises nedenfor, klikk OK og gå til Objekt> Utvid utseende.
Deaktiver Snap to Grid (Vis> Snap to Grid). Tilbakestill formen som ble opprettet i forrige trinn, og gå til Objekt> Sti> Offset-vei. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen og lag en kopi foran (Command + C> Command + F).
Velg denne kopien og flytt den 1px ned. Velg de to formene du har laget så langt, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit, senk dens opasitet til 30%, og endre blandingsmodus til Overlegg.
Vellgjør formen som ble opprettet i trinn 37, og legg til et 1pt slag. Sett fargen på R = 0, G = 130, B = 90, og juster den inn på innsiden. Velg figurene som er opprettet og redigert i de to siste trinnene, og send dem tilbake (Shift + Command + [).
Velg det avrundede rektangelet som ble opprettet i trinn 35, lag en kopi foran (Command + C> Command + F), og flytt det to piksler opp. Tilbakestill formen som ble opprettet i trinn 37, og lag en ny kopi foran (Kommando + C> Kommando + F). Velg disse to kopiene og klikk på Intersect-knappen fra Pathfinder-panelet. Fyll den resulterende formen med svart og senk Opacity til 10%.
Velg alle figurene som er opprettet i de siste seks trinnene, og grupp dem (Command + G). Velg det avrundede rektangelet som ble opprettet i trinn 35, lag en kopi foran (Command + C> Command + F), og send den til baksiden (Shift + Command + [). Fyll det med ingen og legg til en 1pt slag. Sett fargen på R = 0, G = 130, B = 90, og juster den til utsiden.
Aktiver Snap to Grid (Vis> Snap to Grid) igjen. Velg rektangulærverktøyet (M) og opprett en form av 40 x 30 px. Fyll det med ingen og legg til et 5pt slag. Angi fargen ved R = 0, G = 150, B = 110, juster den til utsiden, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 5px, klikk OK, og gå til Objekt> Path> Outline Stroke.
Deaktiver Snap to Grid (Vis> Snap to Grid), velg den resulterende formen, og gå til Objekt> Path> Offset Path. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen og lag en kopi foran (Kommando + C> Kommando + F). Velg denne kopien og flytt den 1px ned. Velg disse to mindre figurene og klikk på Minus Front-knappen fra Pathfinder-panelet.
Vri den resulterende gruppen av figurer til en sammensatt bane (Objekt> Sammensatt sti> Lag), fyll den med hvit, senk Opacity til 30%, og endre blandemodus til Overlegg.
Velg den første formen som ble opprettet i forrige trinn, legg til en ny fylling, og bruk den lineære gradienten som vises nedenfor. Fortsett å fokusere på denne formen, legg til 1pt slag, sett fargen på R = 0, G = 130, B = 90, og juster den til innsiden. Velg denne formen, sammen med den sammensatte banen som ble opprettet i forrige trinn, og grupper dem (Command + G). Send denne gruppen tilbake (Shift + Command + [).
Aktiver Snap to Grid (Vis> Snap to Grid) igjen. Velg Rectangle Tool (M) og opprett en form for 10 til 70 px. Fyll det med R = 20, G = 20, B = 20, legg det som vist i det første bildet, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 2px, klikk OK, og gå til Effect> Warp> Bulge. Skriv inn dataene som er vist nedenfor, og klikk OK.
Nå skal formen din se ut som det første bildet som vises. Velg det og lag en kopi foran (Kommando + C> Kommando + F). Fyll denne kopien med R = 65, G = 65, B = 65, flytt til Utseendepanelet, og slett Warp-effekten.
Velg den andre formen som ble opprettet i forrige trinn, og gå til Objekt> Utvid utseende. Fyll den resulterende formen med den lineære gradienten vist nedenfor. De hvite tallene fra gradientbildestativet for plasseringsprosent.
Deaktiver Snap to Grid (Vis> Snap to Grid). Velg formen redigert i forrige trinn og lag to eksemplarer foran (Kommando + C> Kommando + F> Kommando + F). Velg toppkopien og flytt den 1px til høyre. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet.
Fyll den resulterende formen med hvit og senk Opacity til 15%. Igjen, velg formen redigert i forrige trinn og lag to nye eksemplarer foran (Kommando + C> Kommando + F> Kommando + F). Velg toppkopien og flytt den 1px til venstre. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Igjen, fyll den resulterende formen med hvit og senk dens Opacity til 15%.
Aktiver Snap to Grid (Vis> Snap to Grid) igjen. Velg rektangulærverktøyet (M), opprett en form av 5 x 10 px, og legg den som vist i bildet nedenfor. Velg denne nye figuren og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 1px, klikk OK, og gå til Effekt> Varsle> Buk lavere. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Objekt> Utvid utseende.
Velg formen som ble opprettet i forrige trinn, fyll den med den lineære gradienten som vises nedenfor, og legg til et 1pt slag. Still fargen på R = 88, G = 88, B = 88, og juster den på utsiden.
Velg alle figurene som er opprettet i de siste fem trinnene, og grupp dem (Command + G). Dupliser denne gruppen (Command + C> Command + F).
Velg gruppekopien som ble opprettet i forrige trinn, og gå til Objekt> Transformere> Reflektere. Sjekk Vertikal-knappen og klikk OK. Dra denne vendte gruppen til venstre, som vist i det første bildet. Endelig send begge gruppene tilbake (Shift + Command + [).
Nå er arbeidet ditt gjort. Slik ser det ut.
Accentsconagua