How å lage Shiny, Vector Dice i Illustrator

I denne opplæringen vil jeg vise deg hvordan du kan lage et sett med vektor terninger med Adobe Illustrator og Gradient Mesh Tool. Den Gradient Mesh Tool kan være vanskelig å få taket på, men forhåpentligvis denne opplæringen vil kaste lys over denne flotte lille verktøyet. La oss bli stirret!

Final Bilde Forhåndsvisning

Nedenfor er det siste bildet vi skal jobbe mot. Vil ha tilgang til hele Vector kildefiler og nedlastbare kopier av hver tutorial, inkludert denne? Bli Vector Plus for bare 9 $ i måneden.

Trinn 1

Første ting først, starte ved å åpne opp et nytt dokument i Illustrator (Command + N) og lage en 300 px med 300 px grå firkant med rektangelverktøyet (M)

Trinn 2

Med den valgte plassen, gå til Effect >.; 3D > Extrude &Bevel. Tallene jeg brukte i mitt eksempel er bare en retningslinje. Føl deg fri til å eksperimentere med nye former og vinkler når du først får taket på det

Trinn 3

Etter bruk av 3D-effekten til torget, gå til Object >.; Utvid Utseende. Du skal nå ha tre figurer som make-up 3D-kube.

Trinn 4

Med alle tre former utvalgte, åpne Pathfinder vinduet og velg Unite. Dette vil slå sammen de tre figurer i en

Trinn 5

Nå gå til Effect >.; Stylize > Runde hjørner. Gi den en radius på 30 px

Trinn 6

Etter bruk av Round Corner effekt, gå til Object >.; Utvid Utseende igjen. Nå bør du ha en form som ligner på denne.

Trinn 7

Bruke Gradient Mesh Tool (U), opprette et punkt på den nye formen. Sørg for at poenget er sentrert i objektet og nær toppen, slik at de nyopprettede linjene krysser hverandre så nær hjørnene som mulig. Den Gradient Mesh Tool tar litt tid å bli vant til, og hvis det gjøres feil kan gi deg noen interessante, uønskede resultater.

Trinn 8

Nå drar punktet vi nettopp opprettet ved hjelp av Direct Selection Tool (A ) til der du tror den fremre mest hjørnet av formen kan være.

Trinn 9

Juster Bezier-kurven ved hjelp av Direct Selection Tool (A) for å rette ut linjen. Disse kurvene kan være pirkete, så ta deg god tid og være tålmodig. Zoome inn kan hjelpe når finjustering.

Trinn 10

Nå med Gradient Mesh Tool (U) er valgt, legger følgende punkter ved å klikke på den allerede eksisterende linje. Du vil merke nye linjer vises hver gang et nytt punkt legges til. Føl deg fri til å justere plasseringene og kurver av punktene når du gjør dem. Dette kan ta litt tid å bli vant til.

Trinn 11

Når formen har alle de samme punktene som ovenfor, Select All (Command + A) og farge hele formen med 10% svart.

Step 12

med Direct Selection Tool (A) er valgt, velger du følgende punkter vist nedenfor (i blått). For å velge flere punkter være sikker på å holde nede Skift-tasten mens du velger. Etter at punktene er valgt, gi dem en farge fra 0% svart (eller hvitt).

Trinn 13

Deretter velger følgende punkter er vist nedenfor i blått (husk å holde Shift mens velge), og gi dem en farge på 20% svart.

Trinn 14

Gjenta denne prosessen en gang til for høyre side av kuben velge bare punktene nedenfor (i blått) og gi dem en farge på 15% svart.

Trinn 15

nå å myke opp foran mest hjørne av kuben. Velg punktet vist nedenfor (i blått) og gi det en farge på 15% svart.

Trinn 16

Igjen velger punktene viser nedenfor (markert med blått). Denne gangen gir dem en farge på 12% svart.

Trinn 17

Nå som kuben del av vår dør er opprettet. Det er på tide å skape de sorte prikkene som representerer tallene. Begynne med å opprette en svart oval ved hjelp av Ellipse verktøyet (L) med en bredde på 50 px og en høyde på 30 piksler. Sørg for å sentrere det visuelt på oversiden av formen.

Trinn 18

Dupliser oval med Kopiering (Command + C) og lim i Front (Command + F). Dette vil sikre at duplikat av den ovale er nøyaktig samme størrelse, form, og i samme stilling som den opprinnelige. Det sikrer også at den nylig kopierte formen er foran, slik at vi nå kan jobbe med det.

Trinn 19

Med front oval valgt, er vi nå kommer til å gjøre det en fjerdedel oval. Det finnes noen måter å gjøre dette, men min favoritt er som følger. Bruk Slett Anchor Point Tool (-) og slett bunnpunktet. Deretter ta til venstre punktet og dra det til sentrum av den ovale med Direct Selection Tool (A). Nå med Convert Anchor Point Tool (Shift + C) velge senterpunkt. Dette vil slette sentrum peker Bezier håndterer gir det en skarp toppunktet.

Til slutt, fortsatt bruker Convert Anchor Point Tool (Shift + C), flytter du venstre Bezier håndtaket på toppen punkt og bunnen Bezier håndtaket den høyre punkt innover til punktene ikke er synlige. Venstre og bunnlinjer skal nå være rett.

Step 20

Ved hjelp av Gradient Mesh Tool (U), opprette et punkt midt i sentrum av Quartered oval. Gi den en farge fra 0% svart (eller hvitt).

Trinn 21

Nå velger de to formene som utgjør den svarte prikken og gruppere dem (Kommando + G).

Trinn 22

nå er vi klare for å gjøre tallene på de andre sidene av terningen. Først Copy (Command + C) og lim (Command + V) i gruppert oval. Nå, omplassere og Transform (E) ovalen til sin ønskede plass. Hvis dette trinnet gir deg noen spørsmål, kan du gå tilbake og gjenta trinn 17-21 for hver sort prikk.

Trinn 23

Her kan du se hvordan det ser ut når hver sort prikk er i stilling. Husk at terningen har litt perspektiv på det, så prikkene nederst til høyre og nederst til venstre ville være lenger unna enn prikkene nærmere til sentrum. Derfor når du gjør prikkene, sørg for å redusere deres størrelse for å gi dem en illusjon av at de er lenger unna. Jo lenger prikken fra sentrum, desto mindre.

Trinn 24

Nå som vi har dør ferdig, kan vi gjøre det ser ut som et par terninger. Først Select All (Command + A) og Gruppe (Kommando + G). Nå kan du bruke Transform Tool (E) og rotere terningen i sin ønsket posisjon. Deretter med gruppert die valgt, Kopier (Kommando + C) og lim (Command + V) terningen for å lage en kopi. Nå kan du Transform (E) den andre dør i posisjon.

Trinn 25

Når de to terningene er i ønsket posisjon, kan vi legge til en liten skygge på baksiden dø. Tegn, med Pen Tool (P), en trekant form som på linje med den ytre kanten av ryggen dø. Deretter plasserer den mellom de to terningene ved hjelp av Object > Arranger > Flytt bakover. Endelig satt det opacity til 30%.

Step 26

Nå for den siste finpussen, kan vi legge til en skygge under par terninger. Med Ellipse Tool (L), tegne en stor oval under terningen. Med den ovale valgt, gå til Object > Arranger > Send til Back. Sett ovale s Opacity til 10%. Og til slutt, gå til Effect > Blur > Gaussian Blur. Sett Radius til 10 px.

Konklusjon

Det du har det. Et vakkert par 3D-vektor terninger opprettet ved hjelp av Gradient Mesh Tool i Adobe Illustrator.

Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektor tutorials og artikler.