Share
Hva du skal skapeIsometrisk kunst er en veldig trendy stil som har blitt utbredt og brukes av designere for reklame, webdesign, spill og på mange andre felt.
Det kan virke som en utfordring å lage et isometrisk objekt, da du trenger å bygge et rutenett og følge geometrien til objektene, plassere linjene på riktig måte. Men nok av dette! I denne opplæringen ser vi hvordan du lager et isometrisk objekt med noen få klikk ved hjelp av de innebygde Adobe Illustrator-funksjonene, designet spesielt for å lage en isometrisk visning. La oss komme i gang!
La oss begynne med å lage en lys gul sirkel av 100 x 100 px størrelse. Enkeltklikk med Ellipseverktøyet (L) hvor som helst på Artboard og angi størrelsen i alternativvinduet. Legg til en mindre sirkel (75 x 75 px) på toppen av den første, fyll den med mørkere oransje.
Nå som vi har bunnen av vår mynt, la oss gjøre det til en isometrisk mynt! Velg begge sirkler og gå til Effekt> 3D> Extrude & Command og du får se popup-vinduet. Åpne rullegardinmenyen Stilling menyen øverst på alternativvinduet og velg Isometrisk Venstre.
Sett Extrude Depth til 10 pt. Som du kan se, har vår mynt blitt tredimensjonal, og det ser bra ut, selv om vi ikke faktisk trenger alle de "realistiske" skyggene og høydepunktene når vi ønsker å lage en fargestil i flatskjerm. Så la oss sette Flate til Ingen skyggelegging.
Etter at du har brukt 3D effekt, duplikere mynten og hold kopien et sted i nærheten som du kanskje trenger det senere. På denne måten kan du alltid gå tilbake til Alternativer for 3D Ekstrudere og kommandoer å redigere innstillingene hvis du bestemmer deg for å endre Posisjon, ekstruder dybde, bruk Kart Art eller noen andre parametere. Du kan gjøre dette om noen få klikk ved å nå den anvendte effekten i Utseende panel og klikketil Redigere Effekt.
Objekt> Utvid Utseende av den første mynten (den vi skal jobbe med), og dermed gjøre det til et sett med separate elementer.
Velg kanten av mynten og lag dens Fylle farge litt lettere. Hvis kanten er delt inn i flere deler etter deg Utvide det, velg deretter alle brikkene og Forene dem i Pathfinder.
Hvis du åpner lag panel og se gjennom gjenstandene, kan du merke at det er mange "søppelpost" igjen. Disse er gjemt bak den fremre delen av vår mynt, og vi trenger egentlig ikke dem. Velg disse stykkene og slett dem, og la kun den fremre delen av mynten, felgen og den lyse gule kanten.
La oss legge til et dollar symbol på vår mynt. Jeg har brukt Uni Sans Free-fonten til å lage et dristig symbol og deretter brukt det samme Extrude & Command innstillinger for vår mynt. For å gjøre det, bare gå til Effect> Apply Extrude & Bevel. På denne måten bruker du den tidligere brukte effekten bare med ett klikk. Objekt> Utvid Utseende av symbolet og fyll på forsiden med lysere gult.
Nå kan vi kombinere mynt- og dollarsymbolet ved å plassere det over hverandre. Grupper objektene og dupliser gruppen flere ganger for å lage en bunke med mynter.
Først av alt, la oss danne grunnlaget på kortet vårt fra en 80 x 110 px lysegrå rektangel ved hjelp av Rektangelverktøy (M). Bruke Levende hjørner funksjon av Adobe Illustrator CC for å gjøre hjørnene på kortet avrundet med 10 px hjørne radius. For dette formålet, velg kortet med Direkte utvalgsverktøy (A) (alle hjørneankerpunene må velges) og trekk den lille sirkelindikatoren ved siden av et hjørne nærmere midten av kortet, slik at hjørnet glir.
Hvis du bruker en tidligere versjon av Adobe Illustrator, kan du oppnå samme effekt ved å søke Effekter> Stylize> Round Corners, sette ønsket Hjørne Radius av rektangelet fra popup-menyen.
La oss nå danne et symbol på hjertefargen til kortet. Begynn å lage et hjerte fra en rød sirkel av 30 x 30 px størrelse. Velg nedre ankerpunkt i sirkelen vår og konverter den til et skarpt hjørne ved å klikke på den riktige knappen (Konverter valgte markeringspunkter til hjørnet) i det øverste kontrollpanelet eller ved å enkelt klikke på ankerpunktet selv med Ankerpunktsverktøy (Shift-C).
Nå squash formen litt ved å flytte dens øvre ankerpunkt ned med nedpiltast, og bruk Ankerpunktsverktøy (Shift-C) igjen for å trekke håndtakene på ankerpunktet, som vist på skjermbildet under. Hold nede Skifte tast og dra for å flytte håndtakene til 45 grader vinkel.
Hvis du ikke kan gjøre begge deler av hjerteformen like ved å flytte håndtakene, bruk følgende enkle knep: ta Eraser Tool (Shift-E), hold alt nøkkel og dra, gjør et hvitt rektangel som dekker høyre halvdel av hjerteformen. Slip museknappen, slett stykket. Velg gjenværende stykke og bruk Reflekteringsverktøy (R) å vende formen over Vertikal akse. Til slutt klikker du på Kopiere knappen for å lage en symmetrisk reflektert kopi og plassere den i riktig posisjon, og danne et jevnt hjerte. Bruke Forene funksjon av Pathfinder å slå sammen halvdelene i en enkelt form.
Dra ned det nedre ankerpunktet litt ned og ekstruder hjerteformen.
La oss gå videre til symbolet for spadesjakk. Lag en kopi av hjertet og roter det 180 grader med Utvalgsverktøy (V), sette den på hovedet og endre den Fylle farge til svart. Ta Polygonverktøy, enkeltklikk på Artboard for å ringe popup-vinduet og sett inn Sider verdi til 3. Lag en liten trekant og Rette inn det horisontalt med den svarte formen som vi har opprettet.
Ta Curvature Tool (Shift-') og bøy venstre kant av trekanten ved å trekke midtparten ned, og gjør en jevn bue. Gjenta det samme med den andre siden, og danner spadesignalet.
Diamantdraktetegnet er en enkel en: danner et jevnt firkant med Rektangelverktøy (M) og roter den til 45 grader, enten ved å bruke Roter verktøyet (O) eller ved å holde nede Skifte nøkkel og dra formen med Utvalgsverktøy (V).
Holde formen valgt, gå til Effekt> Distort & Transform> Pucker & Bloat og flytt glidebryteren til venstre, sett den til -20% Pucker verdi. Objekt> Utvid formen, som danner diamond suit symbolet.
Vårt siste symbol er klubbens dress. Den består av tre like sirkler av 15 x 15 px størrelse, plassert som en pyramide-to sirkler nederst og en på toppen. Ta trekantelementet fra spadesymbolet for å danne bunndelen og fullfør klubbens symbol.
Gjør brevet A for Essen, ved hjelp av samme Uni Sans Free-skrift (eller noe annet som passer deg) og Objekt> Utvid formen.
Legg hjertesymbolet under bokstaven A og juster størrelsen slik at den passer til kortets skala. Gruppe (Control-G) figurene. Bruke Reflekteringsverktøy (R) å vende formene over Horisontal akser. Nå må vi flytte symbolene, sette dem på rett sted. Først, hodet til Rette inn panel, ved hjelp av kortbasen som Nøkkelobjekt (hold alt nøkkel og klikk på kortbasen) for å holde figuren til hjørnene på kortbunnen.
Velg den øvre gruppen av røde symboler, og trykk på Tast inn nøkkel for å ringe popup-vinduet Bevege seg alternativer vindu og sett Horisontal og Vertikal posisjon verdier til 10 px Hver. Gjenta den samme handlingen med den nederste gruppen av røde symboler, men denne gangen stiller du inn Stilling verdier til -10 px Hver.
Lag den endelige oppfatningen av esset av hjerter og gjør det komplette settet av ess med samme teknikk.
La oss nå slå våre flate kort til isometriske objekter! Velg et kort med alle elementene og gå til Effekt> 3D> Extrude & Command. Sett Stilling til Isometrisk Venstre, de Extrude Depth til 3 pt (da kortet er tynnere enn de forrige elementene vi laget) og Flate til Ingen skyggelegging.
Husk å beholde kopien av kortet med 3D effekten brukes i tilfelle hvis du vil endre noen av innstillingene senere. Objekt> Utvid Utseende av kortet og Forene kanten i kanten Pathfinder. Fyll deretter kanten med litt mørkere farge for å gjøre kortet mer tredimensjonalt.
Bruke Direkte utvalgsverktøy (A) for å velge de svarte fasongene på frontflaten. Etter deg Gruppe (Control-G) dem og gjem dem (sammen kortbasen) ved å klikke på øyeikonet i lag panel, kan du merke at det er mange unødvendige stykker igjen, som er usynlige under kortet. Du kan slette disse stykkene for å gjøre arbeidet ditt mer pent og organisert.
Bruk samme teknikk til å danne en bunke esser.
Først av alt, la oss danne en base av dominoflisen fra et høyt rektangel av 60 x 110 px størrelse. Lag en liten svart sirkel av 11 x 11 px og legg den i øverste høyre hjørne av dominoflisen. Velg sirkelen, trykk på Tast inn nøkkel og bruk Bevege seg funksjon, innstilling av Horisontal posisjon til -5 px og vertikal posisjon til 5 px, slik at vår sirkel ikke holder fast i kantene på flisen.
Hold nede begge deler Skifte og alt, og dra sirkelen ned og til venstre langs den imaginære diagonallinjen, og danner en kopi. trykk Kontroll-D å gjenta den siste handlingen, danne en annen kopi. På denne måten har vi tre svarte prikker i den øvre delen av dominoflisen.
La oss nå danne deleren mellom to halvdeler av dominoflisen. Kopier den grunnleggende delen av flisen og legg den på toppen av basen (Control-C> Control-F). Gjør den halvparten av høyden på den innledende formen, sett størrelsen til 60 x 55 px, og deretter squash formen ved å dra den nedre siden opp og lage en tynn linje, dividere domino flisen i to halvdeler.
Bruke Reflekteringsverktøy (R) å vende kopien av prikkene over Horisontal akse, plassering av speilet kopi i bunnen av flisen. Plasser en annen speilvendt kopi på samme sted, og danner en gruppe med fem prikker.
Lag et par flere kombinasjoner av prikker for våre fremtidige dominofliser, og legg dem på samme rektangelbase. På denne måten har vi tre baser klare. Nå kan vi gå til Effekt og bare Påfør Extrude & Bevel fra toppen av rullegardinmenyen, gjelder det samme 3D Innstilling som vi hadde for spillekortene.
Vi begynner med å danne grunnlaget for vår roulette fra en brun 200 x 200 px sirkel. Legg deretter til en mindre gul sirkel på toppen av den første og til slutt en mindre grønn sirkel på toppen av de to foregående. Ta Linjesegmentverktøy (\) og legg en rett vertikal linje over sirklene, tilpasse den til midten. Legg til en horisontal linje som danner et kryss øverst på kretsene.
Velg linjene som vi har opprettet, dobbeltklikk på Rotate Tool (R) for å avsløre alternativmenyen og angi Angle verdi til 18 grader. trykk Kopiere knappen og deretter Kontroll-D flere ganger for å lage flere kopier av linjene.
Dupliser den gule sirkelen to ganger, velg en av kopiene sammen med linjene og bruk Dele opp funksjon av Pathfinder panel for å skjære den gule sirkelen i stykker, som en kake.
Fyll sektorene i den delte sirkelen med rød og svart, og fyll en av bitene med grønt. Ranger om figurene, slik at vi har den grønne sirkelen på toppen (Shift-Control-]) en gang til. Bytt fylling og slag av den grønne sirkelen, snu den til en linje, og opprett en annen mindre grønn sirkel inne i den.
Velg den angitte sirkelen og sektorene og bruk Dele opp funksjon av Pathfinder en gang til. Nå har du mindre segmenter nærmere sentrum av rouletten. Velg dem og legg til en tynn hvit Stroke til dem. Til slutt legg til en hvit Stroke til den sentrale grønne sirkelen, som også er på toppen.
Vi har fortsatt den gule sirkelen på bunnen, husk? La oss velge de opprettede segmentene sammen med den sentrale delen og gjøre denne gruppen av former litt mindre, noe som avslører den gule kanten på kanten av segmentene. Bytt også fargene på den sentrale delen til gul og lag dens Stroke tykkere, noe som gjør designen til rouletten mer harmonisk.
La oss slå den sentrale delen av rouletten inn i a Nytt Symbol ved å dra og slippe den på Symboler panel.
Fortsett og velg den roulette brune basen og gjør den tredimensjonal med Effekt> 3D> Extrude & Command. Sett Stilling til Isometrisk Venstre, Extrude Depth til 10 pt og Flate til Ingen skyggelegging.
Mens alternativvinduet fortsatt er åpent, klikker du på Kart Art knappen nederst.
Her, i popup-vinduet Kart Art vindu, velg den fremre delen av vår roulette fra Flate liste (det vil bli merket med en rød oversikt) og bruk vår "tekstur" ved å velge symbolet som vi har opprettet i symbol nedtrekksmenyen. Klikk OK å bruke effekten og beholde en kopi av uutvidet rulett hvis du vil endre noe senere.
Objekt> Utvid Utseende av rouletten og juster den litt ved å velge kanten (Forene det i Pathfinder om nødvendig) og fylle den med mørkere brun farge for å legge til dimensjon.
Nå må vi danne håndtaket av vår roulette. Begynn med å plassere en lysgrå sirkel av 84 x 84 px størrelse, og legg til to krysselinjer under den av en mørkere grå farge. Legg til mindre sirkler på toppen av hvert håndtak, og gjør sentrum av konstruksjonen mer detaljert ved å plassere en ekstra sirkel der.
Påfør 3D Extrude og Bevel effekt med de samme innstillingene som vi hadde tidligere, og Objekt> Utvid Utseende av håndtaket.
Opprett et nytt sett med sirkler for håndtaket, og gjør den større sirkelen 84 x 84 px i størrelse. Påfør 3D Extrude & Command effekt med tidligere innstillinger og gå videre til neste detalj. Lag en mindre 30 x 30 px sirkel og bruk 3D Extrude & Command effekt med 50 pt. Ekstruder dybde.
La oss gjøre noen siste slag her. Objekt> Utvid Utseende av håndtakdelene og gjør kantene mørkere, skape en skånsom skygge og gjøre den mer tredimensjonal. Kombiner deler av håndtaket sammen og endre størrelsen på den fulle konstruksjonen, skaler den ned og gjør den tilpasning til rouletten. Fest håndtaket til midten av rouletten, slik at hele elementet ser ut ferdig.
Start med a 50 x 50 px til og med sirkel, og bruk Rektangelverktøy (M) å danne en blå vertikal stripe, krysser sirkelen. Ved å holde stripen valgt, dobbeltklikk på Roter verktøyet (O) og sett Angle verdi til 360/8, slik at Adobe Illustrator automatisk beregner riktig vinkelgrad for åtte kopier. Klikk på Kopiere og trykk deretter på Kontroll-D flere ganger, og skaper åtte roterte kopier av vår stripe.
Velg de opprettede blå stripene og Forene dem i Pathfinder, danner en enkelt form. Dupliser sirkelbunnen av brikken, velg både kopien og den fusjonerte blåformen, og bruk Krysse funksjon av Pathfinder å kutte av de uønskede delene av stripene, slik at de passer til bunnbunnen. Legg en mindre blå sirkel på toppen av brikken.
Lag tre flere kopier av brikken og fyll elementene sine med forskjellige farger: grønt, svart og rødt, definerer ulike verdier av brikkene. Du kan legge til flere dekorative elementer, som den skisserte hvite sirkelen i midten av brikken. Bruk Uni Sans Free-fonten til å legge til tall til våre chips (25, 50, 100, 500), og slå hver brikke til et symbol ved å dra og slippe det på Symboler panel.
Kopier blanke bunnbunnen (den 50 x 50 px sirkel) og gå til Effekt> Påfør Extrude og Bevel eller Effekt> 3D> Extrude & Command med følgende innstillinger: Still inn Stilling til Isometrisk Venstre, Extrude Depth til 10 pt og Flate til Ingen skyggelegging.
Klikk på Kart Art knapp og påfør chip-symbolet på frontflaten. Hold kopien av uutviklet chip for å gjøre flere av dem med forskjellige farger.
Lag flere chips ved hjelp av samme teknikk og Objekt> Utvid Utseende av figurene, fylle kantene med mørkere farger.
Først av alt, la oss danne grunnlaget for terningene våre. Lag en svart jevn kvadrat av 50 x 50 px størrelse. Sett a 9,5 x 9,5 px hvit sirkel på toppen og Rette inn det med torget, plasserer det midt i midten. Lag seks eksemplarer av torget for hver av de seks sidene av vår fremtidige terning.
Lag mønsterene til punktene fra 1 til 6 som vist på skjermbildet nedenfor. Bruke Smart Guides (Vis> Smart Guides) og Rette inn panel for å gjøre det lettere å plassere prikkene i riktig posisjon.
Vri de opprettede figurene til symboler. Nedenfor er skjemaet av terningene, som viser hvilke overflater som er nærliggende, og som er motsatt hverandre når terningene dannes.
La oss nå lage en tredimensjonal base av terningene! Lag en større firkant av 70 x 70 px størrelse og gå til Effekt> 3D> Extrude & Command. Denne gangen satte Extrude Depth til 70 pt å gjøre formen selv.
Gå til Kart Art Alternativer av terningene våre (husk at du alltid kan gå tilbake til 3D Extrude & Command alternativvinduet fra Utseende panel før du utvider formen).
Bruk de opprettede symbolene til våre synlige overflater, i henhold til ordningen. For eksempel, som du ser nedenfor, er trepunktsflaten på høyre side ved siden av enpunktsflaten på toppen. Hold en kopi av den uutviklede terningen form for å endre plasseringen av overflatene til neste terning, slik at settet blir mer variert.
Lag to eksemplarer av terningene, og endre plasseringen av prikkflatene. Objekt> Utvid Utseende av objektene og lek med farger. Først og fremst rediger du den svarte terningen, gjør toppsiden den letteste, fyll den med lysere grå farge, og venstre side den mørkeste, fyll den med svart farge.
Fyll de to andre terningene med hvitt og rødt.
Flott! Vi har hele settet med gamblingobjekter som vi trengte. Nå kan vi flytte dem rundt Artboard, lage flere kopier og bygge ulike komposisjoner.
Roter noen av objektene, plasser dem horisontalt for å gjøre sammensetningen mer dynamisk. Vi kan også legge til litt lys bakgrunn og koblingselementer, for eksempel linjer eller stiplede baner, laget med Pennverktøyet (P). Bruke Stroke panel for å redigere utseendet på stiene.
God jobb, gutta jenter! Jeg håper du har hatt denne opplæringen og oppdaget noen nye tips og triks om å lage isometriske elementer på den enkle måten, ved hjelp av de innebygde funksjonene til Adobe Illustrator. Disse teknikkene kan brukes til å lage andre gjenstander og eiendeler, for eksempel bygninger, biler og mange flere. Lykke til med kunsten din!
Accentsconagua