Lag en slank og forfriskende Vector Energy Drink

Ta ferdighetene dine til neste nivå med denne opplæringen om å skape et skinnende voluminøst objekt. Vi vil dekke hvordan du bruker en rekke verktøy som Gradient Mesh og 3D-effekter for å skape en mer realistisk illustrasjon. La oss godt begynne!

Endelig bildeforhåndsvisning

Nedenfor er det endelige bildet vi skal jobbe for. Ønsker du tilgang til hele Vector Source-filene og nedlastbare kopier av hver opplæring, inkludert denne? Bli med Vector Plus for bare 9 $ i måneden.

Opplæringsdetaljer

  • Program: Adobe Illustrator
  • Versjon: CS3
  • Vanskelighetsgrad: Mellomliggende
  • Anslått sluttid: 1,5 timer

Trinn 1

Bruk Rectangle Tool (M) til å tegne et rektangel som den nedenfor.

Steg 2

Tegn et annet rektangel som er mye kortere. Denne formen vil være den øverste delen av boksen som strekker seg innover.

Trinn 3

Bruk Direct Selection Tool (A) for å flytte de to to punktene innover litt.

Trinn 4

Bruk Ellipseverktøyet (L) til å tegne en oval bredde på boksen. Pass på at du ikke gjør det for høyt. Jo høyere du gjør det ovale, jo mer perspektiv kan du synes å ha.

Trinn 5

Bruk rektangulærverktøyet til å tegne et annet kort rektangel som vil være leppen på toppen av boksen.

Trinn 6

Gjør formen en kurve enkelt ved å gå til Objekt> Konvolutt forvreng> Lag med varsel. Velg Arch fra rullegardinmenyen og gi den en Bend på ca 12%.

Trinn 7

Når du har brukt kjeksfilteret til formen, må du utvide det før du kan fullføre neste trinn. Gå til Objekt> Utvid, velg deretter OK i dialogboksen som åpnes.

Bruk pennverktøyet (P) til å tegne en form som den røde (som vist nedenfor) som dekker det øverste hjørnet av rektangelformen. Velg den røde formen og det grå rektangelet, og i Pathfinder velger du Subtract from Shape Area etterfulgt av klikke Expand.

Trinn 8

Dette er formen du vil bli igjen med. De avrundede hjørnene bidrar til den totale realismen av den endelige illustrasjonen.

Trinn 9

Kopier og lim inn en kopi av formen, og flip den opp og ned for å få baksiden av feltet.

Trinn 10

Bruk pennverktøyet til å tegne en form som vist nedenfor. For å være sikker på at denne formen er perfekt symmetrisk, kan du tegne halv form, og deretter kopiere og lime den slik at den andre halvparten stemmer.

Trinn 11

Gjør en annen form som den siste formen, bare litt mindre. Du kan også bare kopiere formen ovenfor og skalere den ned.

Trinn 12

Dette er hva bildene dine skal se ut akkurat nå.

Trinn 13

For å få den kongelige formen som brukes i logoen, bruker du pennverktøyet til å tegne den første kvadranten. Spill rundt med tilfeldige kurver og poeng for å gjøre noe helt unikt!

Trinn 14

Kopier og lim inn eller bruk Reflect Tool (O) for å kopiere den første kvadranten.

Trinn 15

Gjenta det siste trinnet for å gjøre bunnhalvdelen.

Trinn 16

Velg alle fire kvadranter og klikk på Legg til i formområde etterfulgt av å klikke på Utvid.

Trinn 17

Deretter legger jeg til en liten tekstur på boksen ved å bruke en utsmykkede font som kunstverk. Jeg brukte en "X" fra skriften Extra Ornamental No 2.

Trinn 18

Vri skriften til konturer ved å velge den og gå til Type> Opprett oversikter. Juster også gjennomsiktigheten i transparentpaletten slik den passer deg.

Trinn 19

Jeg brukte en skrift som heter Verve for ordet Onyx og Energy Tea. Denne fonten ble kjøpt fra Veer. Deretter legger du til noen detaljer på bunnen av boksen for å gi den litt mer interesse.

Trinn 20

Designet jeg har kommet med til boksen, trenger ikke nødvendigvis noen forvrengning på kantene for å få det til å se ut som om det brytes rundt kanten. Hvis dette også er tilfelle med ditt design, gå til trinn 24.

Hvis grafikken din trenger å vikle rundt, kan du dra først drastisk først grafikken inn i symbolpaletten. Velg "Grafisk" i dialogboksen som åpnes, og klikk OK.

Trinn 21

Tegn et annet rektangel som er bredden på boksen.

Trinn 22

Med bare rektangelet valgt, gå til Effect> 3D> Revolve. Skriv inn "0" for X-, Y- og Z-rotasjonene. For Blend Steps skriv inn 1 og velg Kart Art ...

Trinn 23

Velg først den tredje overflaten. Deretter velger du symbolet nederst på listen (dette er grafikken du har trukket inn i symbolpaletten som blir etiketten for boksen.) Sist, plasser symbolet mot høyre side av plasseringsområdet. Juster størrelsen om nødvendig, og klikk OK.

Den resulterende effekten vil produsere grafikken i det andre bildet nedenfor. For å fortsette å jobbe med etiketten anbefaler jeg at du går til Objekt> Utvid så ungrouping formene slik at du bare er igjen med etiketten og ikke rektangelformen bak den. Nå ser grafikken ut som det tredje bildet. Du kan bruke Direct Selection Tool for å kvitte seg med rektanglene i bakgrunnen.

Trinn 24

På et eget lag tegne et rektangel og gi det en svart til grå radial Gradient (G.)

Trinn 25

Påfør en lineær gradient på etiketten for å gi det et reflekterende utseende.

Trinn 26

Å gjøre troverdige høydepunkter på boksen er enkelt. Først tegne et rektangelform over boksen hvor du vil ha refleksjonen. Du vil kanskje duplisere de grunnleggende figurene som består av kanen og bruke Pathfinder til å sikre at refleksjonen din samsvarer nøyaktig med formen på boksen.

Påfør en lineær gradient av svart til hvitt. Sett gjennomsiktighetsmodus til skjerm. Merk, sørg for at svarte og hvite farger består av R, G og B verdier i stedet for bare svart. Bruke R, G og B farger gir en mer intens farge. Hvis din gradient ikke fades helt til en mørk svart farge betyr dette at du ikke bruker en RGB-svart. For å få det mørkeste svart sett skyvekontrollene til 0.

Trinn 27

Påfør et par refleksjoner, men ikke gå overbord eller det vil se urealistisk ut.

Trinn 28

Refleksjonene på den øvre delen av boksen bør være i en liten vinkel siden den øvre delen av boksen er avsmalnet innover.

Trinn 29

Gi en lineær og vertikal gradient til et annet mindre rektangel. Vi lager en mindre hard refleksjon ved å velge rektangelet og gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn et beløp som du tror fungerer bra, og klikk OK.

Trinn 30

For å øke realismen i illustrasjonen, legg litt mer detalj på toppen av felgen. Bruk Gradient Mesh Tool og legg til noen mesh punkter til formen. Nøkkelen til å bruke gradientnett i sin fulle utstrekning er å ikke tilfeldigvis plassere meshpunktene. Tenk på hvor du vil ha høydepunkter før du begynner å plassere poeng.

Når to punkter plasseres ved siden av hverandre, fungerer dette bra for å skape en rask overgang fra en farge til en annen. Når det gjelder refleksjoner, er en lys farge vanligvis tilstøtende til et mørkere grått, slik at maskepunktene går fra venstre til høyre. Jeg sørger for at det er nok horisontale maskepunkter for å tillate at felgen går fra hvitt til grått til mørkere grå og tilbake til hvitt, for eksempel. Vertikalt vet jeg at den aller øverste kanten vil bli lettere og like under toppkanten blir mørkere, så legger jeg en rad med meshpunkter like under toppkanten.

Trinn 31

Bruk Direct Selection Tool (A) og velg noen av maskepunktene og endre fargen. Du kan dra over et utvalg av mesh-punkter med Direct Selection Tool for å velge flere punkter samtidig!

Trinn 32

Legg merke til at venstre kant av felgen er lettere og neste punkt er mørkere.

Trinn 33

Vær oppmerksom på hvordan den nederste kanten er lys, og midtområdet svinger til grått og toppkanten er litt lettere igjen. Gi ryggformen en lys til mørk grå gradient.

Trinn 34

Gjenta denne prosessen for den nederste kanten av boksen. For å gi ordene nederst på kanten, velger du et bøyet utseende og går til Objekt> Konvolutt forvreng> Lag med varsel. Jeg vil anbefale å bruke Arch-stilen til å oppnå en subtil kurve.

Trinn 35

Vi gir kanen en halo ved å bruke figurene nedenfor som utgangspunkt. Dupliser figurene som utgjør boksen, og klikk på Legg til formområde etterfulgt av å klikke på Utvid, i Pathfinder.

Trinn 36

Dette er formen du vil bli igjen med.

Trinn 37

Flytt formen bak boksen, og gå til Effekt> Stylize> Outer Glow. Skriv inn verdiene som ser bra ut til deg og klikk OK.

Endelig bilde

Her er den endelige illustrasjonen. Du har nettopp lært hvordan du lager et skinnende voluminøst vektorobjekt!

Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektoropplæringene og artiklene.