Illustrér en Vector Lifesaver fra scratch

I denne opplæringen lager vi en unik livredder som kan brukes som et ikon eller designelement. Vi jobber med Pathfinder Tools for å lage figurene. Mesh Tool hjelper oss å bruke fargen og høydepunktene for å gi objektet det ønskede "realistiske" utseendet. Vi vil også dra nytte av Dupliser og roter verktøy, slik at vi får et balansert utseende.

Endelig bildeforhåndsvisning

Før vi begynner, la oss ta en titt på bildet vi skal skape. Nedenfor er den fullførte illustrasjonen for å se hva du jobber med.

Trinn 1

Først opprett et nytt dokument i Illustrator ved 800 piksler med 600 piksler. Aktiver linjalen (Ctrl + R) og slå på rutenettet på (Ctrl + "). Dra deretter en horisontal og en vertikal guide på tavlen.

Vi starter med å skape våre former. Velg Ellipseverktøyet (L), og klikk på midtpunktet av våre guider. Dra deretter utover ved å holde nede Skift + Ctrl-tastene. Dette vil gi oss en sirkel som er sentrert på rutenettet. Fyll sirkelen med en rød farge (R = 190 G = 28 G = 35) og la stroppen være tom.

Steg 2

Opprett en annen sirkel, som i forrige trinn. Så gjør den omtrent 75% mindre enn den første sirkelen. Gi den en annen farge, så det er lett å se. Velg begge sirkler, åpne Pathfinder Palette, og klikk på Divide Tool. Fravelg formene, velg deretter den mindre sirkelen, og slett den deretter.

Trinn 3

Lag et rektangel om 25px bredt med 600px høyt. Fyll det deretter med hvitt og la det være tomt. Velg både sirkelen og rektangelet med det svarte pilverktøyet. Klikk en gang på sirkelen (for å indikere at dette er din base for justering).

Åpne deretter Justeringspaletten. Klikk på den horisontale senterknappen og deretter på den vertikale senterknappen. Dette senterer rektangelet med sirkelen. Nå gjenta dette trinnet og sett det vinkelrett på det første rektangelet. Velg begge rektanglene og roter dem 45 grader.

Trinn 4

Velg alle objektene dine. Åpne deretter Pathfinder Palette og klikk på Divide Tool. Vi sletter de fleste av figurene nå. Vi trenger bare to. Etter at vi har brukt nettverksverktøyet, er alt vi trenger å duplisere dem.

Slett alle figurene til du har en kvartsirkel med en hvit form igjen på kunstbordet ditt, som i bildet nedenfor. Når du har gjort det, velg den hvite formen, og Lås (Command + 2) den. Dette vil tillate oss å bruke maskeverktøyet til den røde formen uten at den hvite formen forstyrrer.

Trinn 5

Nå skal vi bruke Mesh Tool. Velg den røde figuren med den svarte pilen. Pass på at ingen farge er valgt (ingen fyll og ingen slag). Deretter velger du Mesh Tool (U), og beveger den over den øverste banen i den røde formen. Du vil se en "+" som indikerer at vi vil legge til et nett.

Klikk på banen for å legge til nettverket, velg deretter det hvite pilverktøyet, og velg sluttpunktet. Dette gjør håndtaket synlig. Begynn å dra den til maskebanen er parallell med formen. Gjenta dette med hvert sluttpunkt. Legg til noen flere maskestier (U).


Trinn 6

Nå legger vi til noen høydepunkter. Jeg satte opp en litt lysere rød som en fargeprøve (R = 214 G = 111 B = 115). Deretter velger du krysspunkter i de to maskestiene med det hvite pilverktøyet. Klikk på fargeprøven. Dette gir en gradient til nettverket og fungerer perfekt med elliptiske gjenstander.

Fargevalgene er selvfølgelig valgfrie. Når det er gjort og du tror det trenger litt mer dybde, kan du legge til en annen maskebane. Bare vær sikker på at lysere farge er valgt, og klikk med Mesh Tool på den røde formen.


Trinn 7

I dette trinnet vil vi gjenta bruken av maskeverktøyet på den hvite formen. Lås opp alle dine former. Velg maskeverktøyet (U). Legg deretter Mesh Paths til din hvite form. Velg Ankerpoengene og legg til noe grått. Jeg valgte forskjellige nyanser av grå, så det ser litt mer realistisk ut.


Trinn 8

Nå har vi skapt våre viktigste former og er klare til å bygge hele livredderen. Med rotasjonsverktøyet fortsatt valgt, hold nede Ctrl-tasten. Flytt markøren over din valgte form. Du vil se en svart og hvit pil (overlappende).

Hold nede Shift-tasten mens du holder Ctrl-tasten nede. Hold nede venstre museknapp og dra objektet med klokken. Dette vil duplisere og rotere (i 45 grader trinn) objektene. La slippe musen. Ikke avmarker objektet. Deretter trykker du Command + D to ganger for å duplisere dette trinnet to ganger. Du vil se din livredder bli bygget!



Trinn 9

Nå som vi har skapt livredderen, er det på tide å legge til ledningen. Lag et rektangel med pennverktøyet, som det du ser på bildet nedenfor. Velg maskeverktøyet (U) igjen. Legg deretter til Mesh Paths og bruk farge til Anchor Points, som vi gjorde før. Dette skaper formen for ledningen å løpe gjennom.


Trinn 10

La oss lage ledningen. Velg Ellipseverktøyet (L) og klikk på midtpunktet av våre guider. Hold Shift + Ctrl og dra en sirkel. Gi det et slag på 10 piksler og ingen fylling. Gjør det bare litt større enn livspareren. Med objektet som er valgt, går du til Objekt> Sti> Strektslag. Dette gir oss et fint, jevnt band som vi kan manipulere.

Velg knivverktøyet. Deretter kutte bandet like i nærheten av enden av vårt livsredder. For dette bestemte trinnet gjemte jeg de dupliserte stykkene, så de vil ikke forstyrre min kutting. Deretter slettes det større stykket.


Trinn 11

Når vi kutter ledningen til et mindre stykke, kan vi manipulere formen ved å velge Anchor Points og dra dem litt. Legg igjen en gang til Mesh (U) stier og farge, akkurat som vi gjorde i de forrige trinnene.


Trinn 12

Nå må vi legge til litt dynamikk til den. Velg flere ankerpunkter på en vertikal linje og dra dem utover eller innover. Legg merke til at nettverket vil bevege seg litt med det. Dette gir litt dimensjon og dynamikk til ledningen.

Trinn 13

Nå er vi nesten på siste stadium. Velg rektangelet og ledningen, og grupper dem. Hold valget aktivt, og velg Rotate Tool (R). Deretter klikker du en gang på midten av støttelinjene. Hold nede Alt-tasten, og flytt markøren over den valgte figuren.

Du vil se igjen en svart og hvit pil (overlappende). Igjen, hold nede Shift + Alt, klikk på venstre museknapp, og dra objektet med klokken. Dette vil duplisere og rotere (i 45 grader trinn) objektene. La slippe musen. Ikke avmarker objektet. Deretter trykker du Command + D to ganger for å duplisere dette trinnet to ganger. Og voilà, livsfarvevektorformen er fullført!


Trinn 14

Sist men ikke minst, legg til litt glød for å gi noe liv til det. Velg alle objektene og legg til en ytre glød ved å gå til Effekter> Stylize> Outer Glow.


Konklusjon

Etter å ha lagt til en endelig tekst, kompletterer designen av vår livredder fra bunnen av!