How å lage en Hollow Die i Adobe Illustrator

I denne opplæringen vil vi lære hvordan å lage en stilisert hul 3D dø. I stedet for at vanlige punkter på overflaten vi skape hull. Vel ikke faktiske hull, men vi vil selvfølgelig gjøre dem ser ut som hull. I hele skaper prosessen det er noe vi ikke skal glemme - perspektiv. Perspektiv er en av de viktigste tingene vi må være klar over når vi oppretter et 3D-objekt. Hvis vi la ut perspektiv vil vi ende opp med forvrengt objekt. Så la oss gå fra ord til handling.

Trinn 1

Vi vil begynne med å lage symboler for hver enkelt side av terningen. Det betyr at vi trenger 6 Avrundede rektangler med forskjellig antall prikker. Disse symbolene vil bli brukt på vår 3D dø. Grab Avrundet rektangel Tool fra verktøypanelet og klikk et sted på Artboard. I avrundet rektangel Valg angitt parameterne som det er vist på bildet under. Fyll fargen er ikke viktig.

Trinn 2

Nå, ta tak i Ellipse Tool (L) fra Tool panel og lage en perfekt sirkel (for perfekt sirkel hold Skift-tasten på tastaturet) . Velg begge former og under Juster panelet velger de horisontale og vertikale Align Center.

Trinn 3

For siden av dør med to prikker opprette en avrundet rektangel, gjøre to kopier (Ctrl /Command + C, Ctrl /Kommando + V) i den gule prikken fra forrige trinn, og ordne dem slik det er vist på bildet under. Sørg for å justere gule prikker skikkelig ved hjelp Horisontal Align senteret under Align panel. Gruppere dem (Ctrl /Kommando + G) og juster begge punkter med avrundet rektangel ved hjelp av horisontale og vertikale Align senteret under Strek panel.

Trinn 4

Velg både prikker og under Object velg Transform > Rotere. Sett Angle til 45 og trykke på OK-knappen.

Trinn 5

For terningen side med tre prikker opprette en avrundet rektangel, lage én kopi (Ctrl /Kommando + C, Ctrl /Command + V) av to prikker fra forrige trinn. Bringe dem tilbake til horisontal posisjon og plassere en ny prikk i midten. For å sikre den samme avstanden mellom prikkene velge dem alle og treffer Horisontal Fordel Space-knappen under Align panel. Group (Ctrl /Kommando + G) gule prikker og under Object velg Transform > Reflektere. Sett Angle til 45. Du bør ende opp med noe sånt som dette.

Trinn 6

Hvis du vil opprette en side av dør med fire prikker kopiere elementer fra Trinn 4. Den beste måten å gjøre det på er å velge avrundet rektangel og to gule prikker, holder Alt /Tilvalg-tasten på tastaturet, klikk og dra valgt figurer til siden. Nå velger bare gule prikker og under Object velg Transform > Reflektere. Velg Vertical for Axis og trykke Kopier-knappen. Det vil skape et reflektert bilde av utvalgte elementer, og vi vil ende opp med fire i stedet for to prikker.

Trinn 7

Lag kopi av hele siden med fire prikker (hold Alt /Opt tasten på tastaturet og klikke og dra figurer). Plasser en ny prikk i midten. Sørg for å justere alle elementer for å passe perfekt. For å gjøre det, Group (Ctrl /Kommando + G) fire punkter vi allerede hadde. Deretter velger du alle elementene som utgjør " 5 prikker " siden av dør og under Align Panel hit horisontal og vertikal Align Senter

Trinn 8

Som du sikkert allerede anta, for ". 6 prikker " side av dør vi trenger for å lage kopien av " 3 prikker " side. Gjenta kjent Alt /Opt + klikk og dra for handling for å lage kopien. Plasser tre gule prikker i horisontal stilling, kopiere dem (Ctrl /Kommando + C, Ctrl /Kommando + F) og plassere dem slik det er vist på bildet under.

Trinn 9

Du bør ende opp med noe sånt som dette.

Trinn 10

Vi har alle seks sider klar for vår dør, og vi kommer til å slå dem i symbolene. På denne måten vil vi være i stand til å bruke dem på vår 3D dø. Sørg for å Group (Ctrl /Kommando + G) alle elementene som utgjør hver enkelt side av terningen. Grab hver side av terningen, dra og slipp den inn i Symbol Panel. Når Symbol vinduet Alternativer dukker opp, velg Grafisk i rullegardinmenyen. Sørg for å slå andre sider av terningen inn i symboler også.

Trinn 11

Nå er vi klar til å jobbe på utseendet av vår 3D dø. Det er mange forskjellige posisjoner på dør vi kan lage, flyr i luften, rulle på bordet, osv ... men vi vil skape en dør fortsatt på sletten overflaten. På denne måten vil vi få sjansen til å spille med lys og for å skape noen fine skygger. Så la oss komme i gang.

Velg rektangel Tool (M) fra Tool panel og klikk et sted på Artboard. Det vil bringe opp rektangulært alternativer. Mål på 200 x 200. Fyll fargen er ikke viktig

Trinn 12

Under Effect velge 3D >.; Extrude &Bevel. Sett Dybde til 200 pt og perspektiv til 97˚. Husk, uten Perspective die din vil se forvrengt. Vi absolutt ikke ønsker det. Vi vil også sette Orientering slik at den ser ut som den dør sitter på sletten overflaten. Føl deg fri til å eksperimentere med orientering ved å rotere kuben i vinduet 3D Extrude &Bevel Options (sørg for å tykk Forhåndsvisning alternativet for å kunne overvåke skape prosess). Dette er den innstillingen vi skal bruke i denne opplæringen.

Lag en kopi (Ctrl /Kommando + C, Ctrl /Kommando + V) på vår dør. Plasser den på siden og låse den i Layer Panel (vi skal bruke denne kopien senere).

Trinn 13

Nå kan vi starte med å tildele symboler til hver enkelt side av dø. Å gjøre at vi må oppgi Kart Kunst alternativer.

Trinn 14

Bytt mellom sider av dør under Surface og velg symbolene henhold Symbol nedtrekksmenyen.

Trinn 15

Gjenta dette trinnet for synlige sider av terningen. Vi vil fullføre andre sidene av dysen senere. Du bør ende opp med noe sånt som dette.

Trinn 16

Basic utseendet på vår dør er gjort, men du må innrømme, det ser ikke veldig hyggelig. Nå er det på tide å gjøre noen polering. Først av alt vi skal slå vår dør i det redigerbare form. For å gjøre det enkelt å velge terningen og under Object velge Utvid Utseende. Etter å utvide terningen må vi løse opp det (Shift + Ctrl /Kommando + G), og for å sørge for å skille alle elementene som utgjør vår dør. Vær forberedt på å gjøre det flere ganger, helt til alle figurene er uavhengige. Etter opphever du kan finne noen ubrukelige deler av die (de kan bli fjernet fra Layer panel).

Vi må endre hver side av dø litt. For å gjøre det vi skal bruke Offset Sti funksjonen. Det vil gi oss mulighet til å krympe hver runde siden av dør bare litt. Velg bare den rosa formen på hver side og under Object velger Sti > Offset Path. Sett verdien for Offset til -1 piksler og trykke på OK-knappen.

Trinn 17

Sørg for å fjerne større, original rosa form og la den minste vi har nettopp opprettet.

Step 18

Gjenta forrige trinn for andre sider av dør også. Du bør ha noe sånt som dette.

Trinn 19

Velg alle tre brune rektangler og velg Unite knappen under Pathfinder-panelet. Denne handlingen vil slå tre former til bare én. Du vil sannsynligvis nødt til å sende den nye formen vi har nettopp opprettet for å Back (Shift + Ctrl /Kommando + [).

Trinn 20

La oss endre vår nye formen litt. Velg den brune form og under Effects velge Stylize > Runde hjørner. I denne opplæringen vil vi sette Radius til 15 piksler. Tykk forhåndsvisningsboksen for å være i stand til å se hva som fungerer best for deg. Det vil gi våre die fine og runde hjørner

Trinn 21

Nå må vi utvide den brune form og forberede terningen for mer interessant skritt -. Fargelegging. Sørg for at den brune formen er valgt og under Object velge Utvid Utseende.

Trinn 22

Vi kommer til å dytte den enkelte rosa form for én piksel nærmere kanten. Dette vil støtte perspektivet litt mer. Du bør ende opp med noe sånt som dette.

Trinn 23

I tilfelle du ikke er helt fornøyd med størrelsen på prikkene du kan øke sin størrelse. La oss vise hvordan

Velg alle gule prikker og under Object velger Sti >.; Offset Path. Still Offset som ditt ønske (ikke glem å sjekke Preview boksen for å være i stand til å se hva du gjør). Vi vil sette verdien for Offset til 2 piksler. Vi vil forene begge punkter (små og store) i en ved å velge Unite under Pathfinder-panelet.

Trinn 24

Du kan legge merke til at hver gul prikk inneholder mange ankerpunkter. For å unngå enhver form for ufullkommenhet vil vi forsøke å redusere antall forankringspunkter. For å gjøre det velger du Objekt > Sti > Forenkle. Sørg for å sette Curve Precision til 100% og Angle Threshold til 0%. Du bør ende opp med noe sånt som dette.

Trinn 25

Vår dør er klar til å få noen fine fargeoverganger. Så, la oss komme i gang.

Trinn 26

Som du ser, har vi gjort noen forbedringer, men selvsagt vi må gjøre mye mer for vår dør enn å bruke enkel farge gradient. La oss slå våre prikker i hullene. Velg dem alle og kopiere dem (Ctrl /Kommando + C, Ctrl /Kommando + F) to ganger. Vi kommer til å dytte blå eksemplarer som det er vist på bildet under. (Sett Fyll fargen på kopiene på toppen til blå). Løs opp gruppe (Shift + Ctrl /Kommando + G) nytt sett med prikker.

Trinn 27

Velg ett gult eksemplar og en blå kopi og under Pathfinder Panel treffer Minus Front-knappen. Du bør ende opp med noe sånt som dette.

Trinn 28

Gjenta forrige trinn for de andre punktene også.

Step 29

Med noen endringer vi kommer til å gjøre disse prikkene for å se ut som hull. Først vil vi bruke fin mørk rød farge gradient i " indre " side av dysen. Det betyr at vi vil bruke gradient til de gule prikkene.

Trinn 30

Vi vil bruke den samme lineær gradient til de andre gule prikkene også.

Trinn 31

La oss endre fargen på figurene som representerer tykkelsen på dør vegger (sider). Vi skal bruke rød lineær gradient med noen lyse nyanser av rødt for å understreke påvirkning av lys.

Trinn 32

Det er noe annet vi kan gjøre for at vår dør titt selv bedre. Husk terningen vi har igjen på siden for senere? Vi kommer til å bruke den nå.

Som dere husker, dette er vår grunnleggende plassen som vi har brukt helt i begynnelsen. Siden vi allerede har søkt 3D-effekt Extrude &Bevel vil vi bare endre utseendet på terningen. Vi har faktisk prøver å få den form, størrelse og plassering av de punkter /hullene på usynlige sider av formen. Men la oss komme i gang, vil ting bli klart.

Trinn 33

Under Utseende panelet (hvis det ikke er synlig kan du finne den Utseende panelet under vinduet) klikk på 3D Extrude &Bevel (kartlagt). Det vil bringe opp Extrude &Bevel alternativer. Vi kommer til å gjøre noen endringer.

Trinn 34

La alt som det er. Ikke endre rotasjonen av kuben eller dens perspektiv. Vi trenger nøyaktig samme kube vi jobber med gjennom denne opplæringen. Men, vi kommer til å gjøre noen endringer under Kart Kunst alternativer. Vi kommer til å tildele Symboler for usynlige sider av terningen. Siden vi allerede har sider med 1,2 og 4 prikker /hull, må vi opprette sider med 3,5 og 6 prikker /hull.

Step 35

For å kunne se usynlige sider av terningen tykk den usynlige Geometry boksen nederst Kart Kunst Alternativer-vinduet og trykke på OK-knappen. Du bør ende opp med noe sånt som dette.

Step 36

Under Object velger Utvid og slå vår torget i det redigerbare form.

Trinn 37

Løs opp gruppe (Shift + Ctrl /Kommando + G) formen vi nettopp har laget (du må gjenta det flere ganger) og fjerne alle elementer ved siden av gule prikker.

Trinn 38

Nå er vi må redusere antall ankerpunkter. Velg Objekt > Sti > Forenkle.

Trinn 39

Sett Curve Precision til 100% og Angle Threshold til 0% og trykke på OK-knappen.

Trinn 40

Det er en ting vi må gjøre før vi bruker nye prikker på vår dør. Du bør ikke glemme at vi har utvidet prikkene på vår dør. Det betyr at vi må gjøre det samme med prikker i tillegg (alle hull må være av samme størrelse). Først opp gruppe (Shift + Ctrl /Kommando + G) de gule prikkene. Velg Objekt > Sti > Offset Path. Sett verdien til 2 piksler (akkurat som vi gjorde tidligere) og traff på OK-knappen.

Trinn 41

På denne måten har vi skapt større prikker. Vi vil forene dem med mindre prikker ved å velge Unite under Pathfinder-panelet.

Trinn 42

Nå er våre prikkene er klar for dør. Plassere dem slik det er vist på bildet under. Dette er omtrentlig posisjon av hullene på den usynlige områder av terningen.

Trinn 43

Først skal vi fjerne gule prikkene som kommer til å forbli usynlig. Du bør ende opp med noe sånt som dette.

Trinn 44

Vi kommer til å kombinere de gule prikkene med mørke ellipser som representerer hullene. For hver gul prikk som skjærer hullet lage en kopi av den mørke ellipse. Velge kopi vi nettopp har laget og gul prikk og under Pathfinder-panelet treffer Intersect knappen.

Trinn 45

Sørg for å sette Fyll fargen på den nye formen til hvit (# FFFFFF) og sett det på undersiden av formen som representerer tykkelsen av stempler vegg (sett fra siden). Du bør ende opp med noe sånt som dette.

Trinn 46

Sørg for å gjenta forrige trinn for de andre gule prikkene også.

Trinn 47
< p> La oss lage noen interessante detaljer som vil forbedre vår illustrasjon.

Vi kommer til å lage en fin tynn kant for hver side av terningen. For å gjøre det duplikat (Ctrl /Kommando + C, Ctrl /Kommando + F) to ganger avrundet rektangel. Dytte for en piksel nedover en av kopiene. Velg begge eksemplarene og under Pathfinder-panelet treffer Minus Front-knappen.

Trinn 48

Bruk rød radial gradient som det vises på bildet nedenfor.

Trinn 49

Det kan virke som det er altfor mange nyanser av rød farge i denne radial gradient, men faktisk er det ikke. Hvis du zoomer inn, kan du se at vi har skapt et fint høydepunkt for avrundet hjørne i bunnen av formen.

Trinn 50

Gjenta forrige trinn for venstre side av terningen . Bruk gjerne samme radial gradient.

Trinn 51

For høydepunktet på toppen av terningen kan du bruke litt enklere radial gradient.

Trinn 52

La oss lage høydepunktet for hullene. Dette kommer til å være en tynn linje som følger formen på hullet. Å gjøre at vi kommer til å kopiere (Ctrl /Kommando + C Ctrl /Kommando + F) ellipsen som representerer hullet. Under høyreklikk velg Isolate Valgt Path. På denne måten vil vi være i stand til å endre ellipse uten å rote opp resten av illustrasjonen.

Trinn 53

Grab Direct Selection Tool (A) fra Tool-panelet velger ankerpunktene som det vises på bildet nedenfor og fjerne dem ved å trykke Delete-tasten på tastaturet.

Trinn 54

Ta av fyllfarge og sette Stroke farge # FFB59C. Under Strek-panelet satt Bredde 0,75 og profil til breddeprofilen 1. Du bør ende opp med noe sånt som dette.

Trinn 55

Gjenta forrige trinn for de andre hullene samt . Føl deg fri til å endre Stroke farge for andre høydepunkter for å få fin resultat.

Step 56

Ved hjelp av samme teknikk skape noen kant høydepunkter for avrundede rektangler på hver side av terningen.

Trinn 57

La oss lage en fin lys refleksjon på den ene siden av vår dør. Velg Ellipse Tool (L) fra Tool panel og skape en ellipse.

Trinn 58

Duplicate (Ctrl /Kommando + C, Ctrl /Kommando + F) avrundet rektangel under den gule ellipse. Velge kopi vi nettopp har laget og den gule rektangelet og under Pathfinder panel treffer Intersect knappen.

Trinn 59

Vi kommer til å bruke mørk lineær gradient.

Trinn 60

Under Transparency panelet satt Blending Mode til Screen. Sørg for å plassere hugge form under ellipser som representerer hull. Siden vi har mange forskjellige former den beste måten å gjøre det på er under Layer panel. Bare sørg for å plassere vår refleksjon under ellipser.

Trinn 61

Nå må vi skape en fin skygge som vil matche vår lyskilde. Som du kan legge merke til lyset kommer fra toppen foran (viewer) posisjon. Det betyr at skyggen skal være bak kuben.

Grip Pen Tool (P) fra Tool panel og tegne rektangelet som det er vist på bildet under.

Trinn 62

Under objektet velger Sti > Offset Path. Sett verdien for Forskyvning til -20 piksler og trykke på OK-knappen.

Trinn 63

Juster plasseringen av den nye formen litt. Man kan også bruke markøren (A) for å justere posisjonen til ankerpunktene. Du bør ende opp med noe sånt som dette.

Trinn 64

Sett fyllfarge av den store formen til hvit (#FFFFFF) og fyllfarge av den mindre formen til # D1D3D4. Velg begge former og under Object velge Blend. Det vil skape en fin overgang mellom hvit og grå farge.

Trinn 65

Sørg for å plassere skyggen under die (Shift + Ctrl /Kommando + [).

Step 66

bruker nøyaktig samme teknikk skape skygge for høyre side av vår dør. Og vi er ferdig!

Konklusjon

I dag hadde vi en mulighet til å skape en unik 3D-die. Vi har lært å respektere perspektiv for å oppnå en fin semi-realistisk utseende på terningen. Også har vi lært et lite triks hvordan å slå en enkel ellipse inn i et hull. Noen ganger er det få ulike teknikker du kan bruke til å opprette en bestemt illustrasjon. Det viktigste er å finne den rette for deg. En teknikk som ikke vil være for komplisert, og som vil gi deg en ren vektor fil som vil være klar for print eller for webpublisering. Fortsette å prøve og utforske, det er alltid rom for forbedring.

Jeg håper du likte å lese denne opplæringen så mye som jeg likte å lage den. Takk for at du følger med. Anmeldelser