Gör en snygg och uppfriskande Vector Energy Drink

Ta dina färdigheter till nästa nivå med denna handledning om att skapa ett glänsande, voluminöst objekt. Vi kommer att täcka hur du använder en mängd olika verktyg som Gradient Mesh och 3D-effekter för att skapa en mer realistisk illustration. Låt oss börja bra!

Slutlig bildförhandsvisning

Nedan är den slutliga bilden vi ska arbeta för. Vill du ha tillgång till hela Vector Source-filerna och nedladdningsbara kopior av varje handledning, inklusive den här? Bli med Plus Plus för bara 9 $ per månad.

Handledning detaljer

  • Program: Adobe Illustrator
  • Version: CS3
  • Svårighetsgrad: Mellanliggande
  • Beräknad sluttid: 1,5 timmar

Steg 1

Använd Rektangelverktyget (M) för att rita en rektangel som den nedan.

Steg 2

Rita en annan rektangel som är mycket kortare. Denna form kommer att vara den övre delen av burken som tappar inåt.

Steg 3

Använd Direct Selection Tool (A) för att flytta de två främsta punkterna inåt något.

Steg 4

Använd ellipsverktyget (L) genom att dra en oval bredd på burken. Se till att du inte gör det för högt. Ju längre du gör den ovala, desto mer perspektiv kan du se ut att ha.

Steg 5

Använd rektangulärverktyget för att rita en annan kort rektangel som kommer att vara läppen på burkens topp.

Steg 6

Lätt forma en kurva genom att gå till Objekt> Kuvert Förvränga> Gör med Warp. Välj Arch från rullgardinsmenyn och ge den en Bend på ca 12%.

Steg 7

När du har tillämpat varpfiltret i formen måste du expandera det innan du kan slutföra nästa steg. Gå till Objekt> Expand, välj sedan OK i dialogrutan som öppnas.

Använd pennverktyget (P) genom att teckna en form som den röda (visas nedan) som täcker det övre hörnet av rektangelformen. Markera den röda formen och den grå rektangeln och i Pathfinder väljer du Subtract from Shape Area följt av att klicka på Expand.

Steg 8

Det här är den form du kommer att vara kvar med. De avrundade hörnen hjälper den övergripande realismen av den slutliga illustrationen.

Steg 9

Kopiera och klistra in en kopia av formen, vänd sedan upp och ner för att göra bakre halvan av fälgen.

Steg 10

Använd Penverktyget för att rita en form som visas nedan. För att försäkra dig om att denna form är perfekt symmetrisk kan du rita halva formen och kopiera och klistra in den så att de andra halvan matchar.

Steg 11

Gör en annan form som den sista formen, bara lite mindre. Du kan också helt enkelt kopiera formen ovan och skala ner den.

Steg 12

Detta är vad ditt konstverk ska se ut just nu.

Steg 13

För att göra den regalform som används i logotypen använder du Pen Tool för att dra den första kvadranten. Spela runt med slumpmässiga kurvor och pekar på att göra något helt unikt!

Steg 14

Kopiera och klistra in eller använd Reflect Tool (O) för att duplicera den första kvadranten.

Steg 15

Upprepa det sista steget för att göra bottenhalvan.

Steg 16

Markera alla fyra kvadranter och klicka på Lägg till i formområde följt av att klicka på Expand.

Steg 17

Nästa lägger jag till en liten konsistens på burken genom att använda en utsmyckad typsnitt som konstverk. Jag använde en "X" från tecknet Extra Ornamental No 2.

Steg 18

Vrid teckensnittet till konturer genom att markera det och gå till Skriv> Skapa konturer. Ställ också in transparensen i transparentpaletten så att den passar dig.

Steg 19

Jag använde ett teckensnitt som heter Verve för ordet Onyx och Energy Tea. Denna typsnitt har köpts från Veer. Därefter lägger du till några detaljer längst ner på burken för att ge det lite mer intresse.

Steg 20

Den design som jag har kommit med för burken behöver inte nödvändigtvis någon snedvridning på kanterna så att den ser ut som om den sveper runt kanten. Om det också är fallet med din design, gå till steg 24.

Om grafiken behöver vikas runt kan du dra mer drastiskt först grafiken till symbolpaletten. Välj "Graphic" i dialogrutan som öppnas och klicka på OK.

Steg 21

Rita en annan rektangel som är bredden på burken.

Steg 22

Med bara den rektangel som valts går du till Effekt> 3D> Revolve. Ange "0" för X-, Y- och Z-rotationerna. För blandningsstegen ange 1 väljer du Karta Art ...

Steg 23

Välj först den tredje ytan. Välj sedan symbolen längst ner i listan (det här är grafiken du slog in i din symbolpalett som blir etiketten för burken.) Senast placera symbolen mot höger om placeringsområdet. Justera storleken om det behövs och klicka på OK.

Den resulterande effekten kommer att producera grafiken i den andra bilden nedan. För att fortsätta arbeta med etiketten rekommenderar jag att du går till Objekt> Expand och sedan avgränser formerna så att du bara lämnar etiketten och inte rektangelformen bakom den. Nu ser din grafik ut som den tredje bilden. Du kan använda Direct Selection Tool för att bli av med rektanglarna i bakgrunden.

Steg 24

På ett separat lager rita en rektangel och ge den en svart till grå radial Gradient (G.)

Steg 25

Applicera en linjär gradient på etiketten för att ge det ett reflekterande utseende.

Steg 26

Att göra trovärdiga höjdpunkter på burken är lätt. Rita först en rektangelform över burken där du vill ha reflektionen. Du kanske vill duplicera de grundläggande formerna som består av burken och använda Pathfinder för att se till att din reflektionsform passar precis i burkens form.

Applicera en linjär gradient av svart till vitt. Ställ in OH-läget på skärmen. Observera att dina svartvita färger består av R, G och B-värden snarare än bara svarta. Att använda R, G och B-färger ger en mer intensiv färg. Om din lutning inte bleknar hela vägen till en mörk svart färg betyder det att du inte använder en RGB-svart. För att få den mörkaste svarta ställer reglagen till 0.

Steg 27

Applicera ett par mer reflektioner, men gå inte överbord eller det ser orealistiskt ut.

Steg 28

Reflektionerna på burkens övre del borde ligga i en liten vinkel eftersom den övre delen av burken är avsmalnande inåt.

Steg 29

Ge en linjär och vertikal gradient till en annan mindre rektangel. Vi kommer att skapa en mindre hård reflektion genom att välja rektangeln och gå till Effect> Blur> Gaussian Blur. Ange ett belopp som du tycker fungerar bra och klicka på OK.

Steg 30

För att öka realismen i illustrationen, lägg till lite mer detaljer till toppfälgen. Använd Gradient Mesh Tool och lägg till några maskpunkter till formen. Nyckeln till att använda graderingsnätet i sin fulla omfattning är att inte godtyckligt placera maskpunkterna. Tänk på var du vill ha höjdpunkter innan du börjar placera poäng.

När två punkter placeras bredvid varandra fungerar det bra för att skapa en snabb övergång från en färg till en annan. När man arbetar med reflektioner är en ljusfärg i allmänhet intill mörkare grå, så som maskpunkterna går från vänster till höger, så ser jag till att det finns tillräckligt med horisontella maskpunkter för att fälgen ska kunna gå från vitt till grått till mörkare grå och bakåt till vit, till exempel. Vertikalt vet jag att högsta kanten blir ljusare och strax under den övre kanten blir mörkare så jag lägger en rad med maskpunkter precis under den övre kanten.

Steg 31

Använd Direct Selection Tool (A) och välj några av maskpunkterna och ändra deras färg. Du kan dra över en rad nätpunkter med Direct Selection Tool för att välja flera punkter samtidigt!

Steg 32

Lägg märke till att kanten på fälgen är ljusare och nästa punkt är mörkare.

Steg 33

Observera hur den undre kanten är ljus då mittområdet blinkar till grått och överkanten är lite ljusare igen. Ge den bakre fälgformen en ljus till mörkgrå gradient.

Steg 34

Upprepa denna process för burkens undersida. För att ge orden i nedre kanten, välj ett böjt utseende och gå till Objekt> Kuvert förvränga> Gör med varp. Jag rekommenderar att du använder Arch-stilen för att uppnå en subtil kurva.

Steg 35

Vi ger kanen en halo genom att använda blankorna nedan som utgångspunkt. Kopiera de former som utgör burken och klicka på Lägg till bildområde följt av att klicka på Expand, i sökfältet.

Steg 36

Det här är den form du kommer att vara kvar med.

Steg 37

Flytta formen bakom burken och gå till Effekt> Stylize> Outer Glow. Ange de värden som ser bra ut för dig och klicka på OK.

Slutlig bild

Här är den sista illustrationen. Du har just lärt dig hur du skapar ett glänsande, voluminöst vektorobjekt!

Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.