Illustrera en Vector Lifesaver från början

I denna handledning skapar vi en unik livräddare som kan användas som en ikon eller ett designelement. Vi arbetar med Pathfinder Tools för att skapa formerna. Mesh Tool hjälper oss att tillämpa färg och höjdpunkter för att ge vårt objekt det önskade "realistiska" utseendet. Vi kommer också att dra nytta av Duplicera och rotera verktyg, så vi får ett balanserat utseende.

Slutlig bildförhandsvisning

Innan vi börjar, låt oss ta en titt på bilden vi ska skapa. Nedan följer den färdiga illustrationen för att se vad du arbetar mot.

Steg 1

Skapa först ett nytt dokument i Illustrator på 800 pixlar med 600 pixlar. Aktivera linjalen (Ctrl + R) och sätt på rutnätet (Ctrl + "). Dra sedan en horisontell och en vertikal styrning på tavlan.

Vi börjar med att skapa våra former. Välj Ellipse Tool (L) och klicka på mittpunkten i våra guider. Dra sedan utåt genom att hålla ned Shift + Ctrl-tangenterna. Detta ger oss en cirkel som är centrerad på gallret / guiderna. Fyll cirkeln med en röd färg (R = 190 G = 28 G = 35) och lämna slaget tomt.

Steg 2

Skapa en annan cirkel, som i föregående steg. Gör sedan om 75% mindre än den första cirkeln. Ge den en annan färg så det är lätt att se. Markera båda cirklarna, öppna Pathfinder Palette och klicka på Divide Tool. Avmarkera formerna, välj sedan den mindre cirkeln och radera den sedan.

Steg 3

Skapa en rektangel om 25px bred vid 600px hög. Fyll sedan det med vit och låt stroken vara tomt. Välj både cirkeln och rektangeln med svartpilverktyget. Klicka en gång på cirkeln (för att ange att detta är din bas för anpassning).

Öppna sedan justeringspaletten. Klicka på den horisontella mittknappen och sedan på den vertikala mittknappen. Detta kommer att centrera rektangeln med cirkeln. Upprepa nu detta steg och sätt det vinkelrätt mot den första rektangeln. Välj båda rektanglarna och rotera dem 45 grader.

Steg 4

Välj alla dina objekt. Öppna sedan Pathfinder Palette och klicka på Divide Tool. Vi tar bort de flesta formerna nu. Vi behöver bara två. När vi har applicerat nätverktyget är allt vi behöver göra för att duplicera dem.

Ta bort alla former tills du har en kvart cirkel med en vit form kvar på din konstkort, som i bilden nedan. När du väl har gjort det, välj den vita formen och Lås (Command + 2) den. Detta gör det möjligt för oss att applicera nätverktyget till den röda formen utan att den vita formen stör varandra.

Steg 5

Nu ska vi använda maskverktyget. Välj den röda formen med den svarta pilen. Se till att ingen färg är vald (ingen fyllning och ingen stroke). Välj sedan Mesh Tool (U), och flytta den över den översta banan i den röda formen. Du får se en "+" som indikerar att vi lägger till ett nät.

Klicka på banan för att lägga till nätet, välj sedan det vita pilverktyget och välj slutpunkten. Detta gör att handtaget syns. Börja dra det tills maskbanan är parallell med formen. Upprepa detta med varje slutpunkt. Lägg till några fler maskvägar (U).


Steg 6

Nu lägger vi till några höjdpunkter. Jag satte upp en något ljusare röd som en färgprov (R = 214 G = 111 B = 115). Välj sedan tvärpunkterna på de två maskbanorna med det vita pilverktyget. Klicka på din färg swatch. Detta lägger till en gradient i nätet och fungerar perfekt med elliptiska föremål.

Färgvalen är givetvis valfria. När det är klart och du tror att det behöver lite mer djup kan du lägga till en annan nätväg. Se bara till att ljusare färg är vald och klicka med maskverktyget i den röda formen.


Steg 7

I detta steg kommer vi att upprepa användningen av maskverktyget på den vita formen. Lås upp alla dina former. Välj maskverktyget (U). Lägg sedan till Mesh Paths till din vita form. Välj Anchor Points och lägg till lite grått. Jag valde olika nyanser av grått så det ser lite mer realistiskt ut.


Steg 8

Nu har vi skapat våra viktigaste former och är redo att bygga hela livräddaren. Med rotationsverktyget som fortfarande valts håller du ned Ctrl-tangenten. Flytta sedan markören över din valda form. Du kommer att se en svartvitt pil (överlappande).

Håll ned Shift-tangenten medan du fortfarande håller Ctrl-tangenten intryckt. Håll ner vänster musknapp och dra ditt objekt medurs. Detta kommer att duplicera och rotera (i 45 grader steg) objekten. Släpp av musen. Avmarkera inte objektet. Slå sedan Command + D två gånger för att duplicera detta steg två gånger. Du kommer att se din livräddare bli byggd!



Steg 9

Nu när vi har skapat livräddaren, är det dags att lägga till sladden. Skapa en rektangel med Pen Tool, som den du ser på bilden nedan. Välj nätverktyget (U) igen. Lägg sedan till Mesh Paths och använd färg till Anchor Points, som vi gjorde tidigare. Detta skapar formen att sladden löper igenom.


Steg 10

Låt oss skapa ledningen. Välj Ellipse Tool (L) och klicka på mittpunkten i våra guider. Håll Shift + Ctrl och dra en cirkel. Ge det en stroke på 10 pixlar och ingen fyllning. Gör det bara lite större än livsuppehållaren. Med objektet som fortfarande är valt, gå till Objekt> Path> Outline Stroke. Detta ger oss ett fint jämnt band som vi kan manipulera.

Välj knivverktyget. Skär sedan bandet precis i slutet av vår fjärdedel av livräddare. För det här steget gömde jag de dubblerade bitarna, så de kommer inte att störa min skärning. Ta sedan bort det större stycket.


Steg 11

När vi har skuren vår sladd till ett mindre stycke kan vi manipulera formen genom att välja Anchor Points och dra dem lite. Lägg igen en gång till Mesh (U) -vägar och -färg, precis som vi gjorde i de föregående stegen.


Steg 12

Nu behöver vi lägga till lite dynamik åt det. Välj flera ankarpunkter på en vertikal linje och dra dem utåt eller inåt. Observera att nätet kommer att flytta något med det. Detta lägger till en viss dimension och dynamik i vår ledning.

Steg 13

Nu är vi nästan i sista skedet. Välj rektangeln och sladden och gruppera dem. Håll valet aktivt och välj Rotate Tool (R). Klicka sedan en gång i mitten av guiderna. Håll ner Alt-tangenten och flytta markören över din valda form.

Du kommer återigen se en svartvitt pil (överlappande). Återigen, håll ner Skift + Alt, klicka på vänster musknapp och dra ditt objekt medurs. Detta kommer att duplicera och rotera (i 45 grader steg) objekten. Släpp av musen. Avmarkera inte objektet. Slå sedan Command + D två gånger för att duplicera detta steg två gånger. Och voilà är livsberoende vektorformen klar!


Steg 14

Sist men inte minst, lägg till lite glöd för att ge lite liv åt det. Välj alla objekt och lägg till ett yttre glöd genom att gå till Effekter> Stylize> Outer Glow.


Slutsats

Efter att ha lagt till en slutlig text, kompletterar designen av vår livräddare från början!