Share
I denne opplæringen lærer vi hvordan du lager en stilisert hul 3D-dør. I stedet for å ha vanlige prikker på overflaten, vil vi lage hull. Vel ikke egentlige hull, men vi vil sikkert få dem til å ligne hull. I hele opprettingsprosessen er det noe vi ikke bør glemme - perspektiv. Perspektiv er en av de viktigste tingene vi må være oppmerksomme på når vi lager et 3D-objekt. Hvis vi forlater perspektivet, vil vi ende opp med forvrengt objekt. Så la oss flytte fra ord til gjerninger.
Vi starter med å lage symboler for hver enkelt side av døra. Det betyr at vi trenger 6 avrundede rektangler med forskjellige antall prikker. Disse symbolene vil bli brukt på vår 3D-dør. Ta tak i det avrundede rektangelverktøyet fra verktøylinjen og klikk et sted på Artboard. I boksen Avrundet rektangel angir parametrene som vist på bildet nedenfor. Fyll farge er ikke viktig.
Nå, ta tak i Ellipse Tool (L) fra verktøylinjen og opprett en perfekt sirkel (for å få den perfekte sirkelen, hold Shift-tasten på tastaturet ditt). Velg begge figurene og under Juster-panelet, velg Horisontal og Vertikal Justeringssenter.
For siden av dysen med to prikker opprett et annet avrundet rektangel, lag en to kopier (Ctrl / Command + C, Ctrl / Command + V) av den gule prikken fra forrige trinn og ordne dem som vist på bildet nedenfor. Pass på at du justerer de gule punktene riktig ved å bruke Horisontal justeringssenter under Juster-panelet. Grupper dem (Ctrl / Command + G) og juster begge punktene med det avrundede rektangelet ved hjelp av Horisontalt og Vertikal Justeringssenter under Juster-panelet.
Velg begge punktene og under Objekt velg Transform> Roter. Still vinkelen til 45˚ og trykk OK-knappen.
For dørsiden med tre prikker opprette et annet avrundet rektangel, lag en kopi (Ctrl / Command + C, Ctrl / Command + V) av to punkter fra forrige trinn. Ta dem tilbake til Horisontal posisjon og plasser en ny prikk i midten. For å sikre samme avstand mellom punkter, velg dem alle, og klikk på knappen Horisontal fordeler mellomrom under Juster panel. Gruppe (Ctrl / Command + G) gule prikker og under Objekt velg Transform> Reflektere. Still vinkelen til 45˚. Du burde ende opp med noe sånt.
For å lage en side av dysen med fire punkter, dupliser elementer fra trinn 4. Den beste måten å gjøre det på er å velge avrundet rektangel og to gule prikker, hold Alt / Alternativ-tasten på tastaturet, klikk og dra valgte figurer til siden . Velg nå bare gule prikker og under Objekt velg Transform> Reflekter. Velg Vertikal for akse og klikk på Kopier-knappen. Det vil skape et reflektert bilde av utvalgte elementer, og vi vil ende opp med fire i stedet for to prikker.
Opprett kopien av hele siden med fire punkter (hold Alt / Opt-tasten på tastaturet og klikk og dra formene). Sett en ny prikk i midten. Pass på å justere alle elementene slik at de passer perfekt. For å gjøre det, har Group (Ctrl / Command + G) fire punkter vi allerede hadde. Deretter velger du alle elementene som utgjør "5 prikker" -siden av dysen og under Justeringspanelet treffes Horisontal og Vertikal Justeringssenter.
Som du sannsynligvis allerede antar, for "6 prikker" -siden av dysen må vi lage kopien av "3 prikker" -siden. Gjenta den kjente Alt / Opt + klikk og dra handling for å lage kopien. Plasser tre gule prikker i horisontal posisjon, dupliser dem (Ctrl / Command + C, Ctrl / Command + F) og legg dem som vist på bildet nedenfor.
Du burde ende opp med noe sånt.
Vi har alle seks sider klar for å dø og vi skal slå dem inn i symbolene. På denne måten vil vi kunne bruke dem til vår 3D-dør. Sørg for å gruppere (Ctrl / Command + G) alle elementer som utgjør hver enkelt side av dysen. Ta tak i hver side av dysen, dra og slipp den inn i symbolpanelet. Når vinduet Symbolvalg vises, velger du Grafisk i rullegardinmenyen Type. Pass på at du også slår andre sider av dysen inn i symbolene.
Nå er vi alle satt til å jobbe med utseendet på vår 3D-dør. Det er mange forskjellige stillinger av døren vi kan lage, flyr i luften, ruller på bordet, osv. ... men vi vil skape en fortsatt dør på den glatte overflaten. På denne måten får vi sjansen til å leke med lyset og skape noen fine skygger. Så la oss komme i gang.
Velg Rectangle Tool (M) fra verktøylinjen og klikk et eller annet sted på Artboard. Det vil hente opp rektangulære valgvinduet. Angi dimensjoner til 200 x 200. Fyllfarge er ikke viktig.
Under Effect velger du 3D> Extrude & Command. Sett dybden til 200 pt og perspektivet til 97˚. Husk, uten Perspektiv vil døet ditt se forvrengt. Vi vil absolutt ikke ha det. Vi vil også sette Orienteringen slik at det ser ut til at døet sitter på den glatte overflaten. Du er velkommen til å eksperimentere med orientering ved å rotere terningen i vinduet 3D Ekstruder og kommandoalternativer (sørg for å tykke forhåndsvisningsalternativet for å kunne overvåke opprettingsprosessen). Dette er innstillingen vi skal bruke i denne opplæringen.
Lag en kopi (Ctrl / Command + C, Ctrl / Command + V) av vår dø. Plasser den på siden og lås den i lagpanelet (vi skal bruke denne kopien senere).
Nå kan vi begynne med å tilordne symboler til hver enkelt side av døra. For å gjøre det må vi legge inn kartkunstalternativer.
Bytt mellom sider av dysen under Overflate og velg symbolene under Symbol-rullegardinmenyen.
Gjenta dette trinnet bare for synlige sider av dysen. Vi vil fullføre andre sider av dømen senere. Du burde ende opp med noe sånt.
Grunnleggende utseendet på døra er gjort, men du må innrømme at det ikke ser veldig fint ut. Nå er det på tide å gjøre litt polering. Først og fremst skal vi slå vår dø i redigerbar form. For å gjøre det enkelt, velg døret og under Objektet, velg Utvid utseende. Etter å ha utvidet dysen, må vi oppheve den (Shift + Ctrl / Command + G), og sørg for å skille alle elementene som utgjør vår dø. Vær forberedt på å gjøre det flere ganger, til alle former er uavhengige. Etter ugruppering kan du finne noen ubrukelige deler av dysen (de kan fjernes fra lagpanelet).
Vi må endre hver side av dysen litt. For å gjøre det skal vi bruke funksjonen Offset Path. Det vil tillate oss å krympe hver avrundet side av dysen bare litt. Velg bare den rosa formen på hver side og under Objekt velg Sti> Offset Path. Angi verdien for Offset til -1 piksler og trykk OK-knappen.
Pass på at du fjerner den større, originale rosa figuren og la den mindre vi nettopp har opprettet.
Gjenta forrige trinn for andre sider av dysen også. Du burde ha noe sånt.
Velg alle tre brune rektangler og velg Unite-knappen under Pathfinder-panelet. Denne handlingen vil slå tre figurer til bare en. Du må sannsynligvis sende den nye formen vi nettopp har opprettet til Tilbake (Shift + Ctrl / Command + [).
La oss endre vår nye form litt. Velg den brune formen og under Effekter velg Stylize> Round Corners. I denne opplæringen vil vi stille Radius til 15 piksler. Tykk forhåndsvisningsboksen for å kunne se hva som fungerer best for deg. Det vil gi vår dø fine og runde hjørner.
Nå må vi utvide den brune formen og forberede dørene for mer interessant trinnfarging. Kontroller at den brune formen er valgt, og under Objekt velger du Utvid utseende.
Vi skal knyte hver eneste rosa form for en piksel nærmere kanten. Dette vil støtte perspektivet litt mer. Du burde ende opp med noe sånt.
Hvis du ikke er helt fornøyd med størrelsen på prikkene, kan du øke størrelsen. La demonstrere hvordan.
Velg alle gule prikker og under Objekt velg Sti> Offset-vei. Sett avregningen som ønske (ikke glem å sjekke forhåndsvisningskassen for å kunne se hva du gjør). Vi stiller verdien for Offset til 2 piksler. Vi vil forene begge punktene (små og store) til en ved å velge Unite under Pathfinder-panelet.
Du kan merke at hver gul prikk inneholder mange ankerpunkter. For å unngå enhver form for ufullkommenhet vil vi prøve å redusere antall ankerpunkter. For å gjøre det, velg Objekt> Sti> Forenkle. Pass på å stille Curve Precision til 100% og Angle Threshold til 0%. Du burde ende opp med noe sånt.
Vår dør er klar til å få noen fine fargegradier. Så, la oss komme i gang.
Som du kan se, har vi gjort noen forbedringer, men selvfølgelig må vi gjøre mye mer for vår dø enn å bruke enkel fargegradient. La oss snu våre prikker i hullene. Velg dem alle og dupliser dem (Ctrl / Command + C, Ctrl / Command + F) to ganger. Vi skal knyte blå kopier som vist på bildet nedenfor. (Angi fyllfarge på kopiene øverst til blått). Ungroup (Shift + Ctrl / Command + G) nytt sett med prikker.
Velg en gul kopi og en blå kopi og under Pathfinder-panelet, trykk på Minus Front-knappen. Du burde ende opp med noe sånt.
Gjenta forrige trinn for de andre punktene også.
Med få endringer skal vi få disse punktene til å ligne hull. Først vil vi bruke fin mørk rød fargegradient til den "indre" siden av dysen. Det betyr at vi vil bruke gradient til de gule punktene.
Vi vil også anvende den samme lineære gradienten til de andre gule punktene.
La oss endre fargen på figurene som representerer tykkelsen på dyseveggene (sider). Vi vil bruke rød lineær gradient med få lyse nyanser av rød for å understreke lysets påvirkning.
Det er noe annet vi kan gjøre for å gjøre døden vår enda bedre. Husk døren vi har igjen på siden for senere? Vi skal bruke den nå.
Som du husker, er dette vårt grunnleggende torg som vi har brukt i begynnelsen. Siden vi allerede har brukt 3D-effekten Extrude & Bevel, vil vi bare endre utseendet på døra. Vi prøver faktisk å få formen, størrelsen og plasseringen av prikkene / hullene på usynlige sider av dysen. Men la oss komme i gang, ting blir tydelig.
Under Utseende-panelet (hvis det ikke er synlig, kan du finne Utseende-panelet under Vinduet), klikk på 3D Extrude & Command (Mapped). Det vil hente opp vinduet Ekstruder og kommandoalternativer. Vi skal gjøre noen endringer.
La alt som det er. Ikke endre kubens rotasjon eller dets perspektiv. Vi trenger nøyaktig samme kube vi jobber med gjennom denne opplæringen. Men vi skal gjøre noen endringer under alternativene Kartkunst. Vi skal tilordne symboler for usynlige sider av døra. Siden vi allerede har sider med 1,2 og 4 prikker / hull, må vi lage sider med 3,5 og 6 prikker / hull.
For å kunne se usynlige sider av dysen, tyk Invisible Geometry-boksen nederst i Map Art Options-vinduet og trykk OK-knappen. Du burde ende opp med noe sånt.
Under Objekt velger du Utvide og snu torget i redigerbar form.
Ungroup (Shift + Ctrl / Command + G) formen vi nettopp har opprettet (du må repetere det flere ganger) og fjerne alle elementer ved siden av gule prikker.
Nå må vi redusere antall ankerpunkter. Velg Objekt> Sti> Forenkle.
Sett Curve Precision til 100% og Angle Threshold til 0% og trykk OK-knappen.
Det er en ting vi må gjøre før vi bruker nye prikker på vår dø. Du bør ikke glemme at vi har forstørret prikkene på vår dør. Det betyr at vi må gjøre det samme med disse punktene også (alle hull må være i samme størrelse). Først, Ungroup (Shift + Ctrl / Command + G) de gule punktene. Velg Objekt> Path> Offset Path. Sett verdien til 2 piksler (akkurat som vi gjorde tidligere) og trykk OK-knappen.
På denne måten har vi laget større prikker. Vi vil forene dem med mindre prikker ved å velge Unite under Pathfinder-panelet.
Nå er våre prikker klar for å dø. Plasser dem som vist på bildet nedenfor. Dette er omtrentlig posisjon av hullene på de usynlige områdene av dysen.
Først skal vi fjerne gule prikker som skal forbli usynlige. Du burde ende opp med noe sånt.
Vi skal kombinere de gule prikkene med mørke ellipser som representerer hullene. For hver gul prikk som krysser hullet, opprett en kopi av den mørke ellipsen. Velg kopien vi nettopp har opprettet, og den gule prikken og under Pathfinder-panelet klikker Intersect-knappen.
Sørg for å sette fyllfarge på den nye formen til hvit (#FFFFFF) og plasser den under formen som representerer tykkelsen på dørveggen (siden). Du burde ende opp med noe sånt.
Pass på at du gjentar det forrige trinnet for de andre gule punktene også.
La oss lage noen interessante detaljer som vil forbedre vår illustrasjon.
Vi skal lage en fin tynn kant for hver side av dysen. For å gjøre det dupliseres (Ctrl / Command + C, Ctrl / Command + F) to ganger det avrundede rektangel. Nudge for 1 pixel nedover en av kopiene. Velg begge kopier, og under Pathfinder-panelet, trykk på Minus Front-knappen.
Påfør rød radial gradient som vist på bildet nedenfor.
Det kan virke som om det er alt for mange nyanser av rød farge i denne radiale gradienten, men faktisk er det ikke. Hvis du zoomer inn, kan du se at vi har skapt et fint høydepunkt for det runde hjørnet nederst på dysen.
Gjenta forrige trinn for venstre side av dysen. Du er velkommen til å bruke samme radiale gradient.
For høydepunktet på toppen av dysen kan du bruke litt enklere radialgradient.
La oss lage høydepunktet for hullene. Dette kommer til å være en tynn linje som følger hullets form. For å gjøre det skal vi duplisere (Ctrl / Command + C. Ctrl / Command + F) ellipsen som representerer hullet. Under Høyreklikk velg Isoler valgt vei. På denne måten vil vi kunne endre ellipse uten å rote opp resten av illustrasjonen.
Ta direkte utvalgingsverktøyet (A) fra verktøylinjen, velg ankerpunktene som vist på bildet nedenfor, og fjern dem ved å trykke Slett-tasten på tastaturet ditt.
Fjern fyllfarge og sett Stroke farge til # FFB59C. Under Stroke-panelet angir du bredden til 0.75 og profilen til breddeprofilen 1. Du bør ende opp med noe som dette.
Gjenta det forrige trinnet for de andre hullene også. Du er velkommen til å endre Stroke-farge for andre høydepunkter for å få et godt resultat.
Ved å bruke samme teknikk opprettes få kanten høydepunkter for avrundede rektangler på hver side av dysen.
La oss lage en fin lysrefleksjon på den ene siden av vår dø. Velg Ellipseverktøyet (L) fra verktøylinjen og opprett en ellipse.
Dupliser (Ctrl / Command + C, Ctrl / Command + F) det avrundede rektangelet under den gule ellipsen. Velg kopien vi nettopp har opprettet, og det gule rektangelet og under Pathfinder-panelet klikker Intersect-knappen.
Vi skal bruke mørk lineær gradient.
Under gjennomsiktighetspanelet sett Blending Mode til skjerm. Sørg for å plassere heveformen under ellipser som representerer hull. Siden vi har mange forskjellige former, er den beste måten å gjøre det under Layer-panelet. Bare vær sikker på å plassere vår refleksjon under ellipser.
Nå må vi skape en fin skygge som passer til vår lyskilde. Som du kan merke seg, kommer lyset fra toppfronten (seer) -posisjonen. Det betyr at skyggen skal ligge bak kuben.
Ta tak i pennverktøyet (P) fra verktøylinjen, og trekk rektangelet som vist på bildet nedenfor.
Under Objektet velg Path> Offset Path. Angi verdien for Offset til -20 piksler og trykk OK-knappen.
Juster posisjonen til den nye figuren litt. Du kan også bruke Direct Selection Tool (A) til å justere posisjonen til ankerpunktene. Du burde ende opp med noe sånt.
Sett fyllfarge på den store formen til hvit (#FFFFFF) og fyllfarge av den mindre formen til # D1D3D4. Velg begge former og under Objekt velg Blend. Det vil skape en fin overgang mellom hvit og grå farge.
Pass på å plassere skyggen under dysen (Shift + Ctrl / Command + [).
Ved å bruke nøyaktig samme teknikk, skape skyggen til høyre på døra. Og vi er ferdige!
I dag fikk vi en mulighet til å skape en unik 3D-dør. Vi har lært å respektere perspektivet for å oppnå et fint semi-realistisk utseende av døra. Også, vi har lært et lite triks hvordan å slå en enkel ellipse inn i et hull. Noen ganger er det få forskjellige teknikker du kan bruke til å lage en bestemt illustrasjon. Det viktigste er å finne den rette for deg. En teknikk som ikke vil bli for komplisert, og som vil gi deg en ren vektorfil som vil være klar for utskrift eller for webpublisering. Fortsett å prøve og utforske, det er alltid rom for forbedring.
Jeg håper du likte å lese denne opplæringen så mye som jeg likte å skape den. Takk for at du følger med.
Accentsconagua