How å skape Isometrisk Gambling Eiendeler i Adobe Illustrator
Hva du skal lage
Isometrisk kunst er en veldig trendy stylethat har blitt utbredt og brukes av designere for reklame, webdesign, spill og på mange andre felt.
Det kan virke en utfordring å createan isometrisk objekt, som du trenger for å bygge et rutenett og følge geometrien theobjects, plassere linjene på riktig måte. Men nok ofthis! I denne opplæringen vil vi se hvordan du gjør en isometrisk objekt i noen få klikk withthe hjelp av den innebygde Adobe Illustrator funksjoner, designet spesielt forcreating en isometrisk visning. La oss komme i gang!
1. Lag en isometrisk Coin
Trinn 1
La oss starte med å lage en lys yellowcircle av 100 x 100 px
size.Single klikke med Ellipse Tool (L )
hvor som helst på din Artboard og angi størrelse i opsjons vinduet. Legg asmaller sirkel ( 75 x 75 px
) på toppen ofthe første, fylle den med mørkere oransje.
Trinn 2
Nå som vi har basen vår mynt , let'sturn det inn en isometrisk mynt! Velg begge sirklene og gå til Effect > 3D > Extrude & Bevel
andyou'll se pop-up alternativer vinduet. Åpne rullegardin Posisjons
menyen på toppen av alternativene vinduet og velg Isometrisk Venstre
.
Trinn 3
Sett Extrude Dybde
til 10 pt
. Asyou kan se, vår mynt har blitt tredimensjonal, og det ser bra ut, selv om vi don'tactually trenger alle de "realistiske" skygger og høylys som vi ønsker å gjøre aflat-stil farge. Så la oss sette Surface
til Ingen Shading.
Trinn 4
Når du har brukt 3D-effekten, duplicatethe mynt og oppbevare kopien et sted i nærheten som du kan trenge det senere. Dette wayyou kan alltid gå tilbake til 3D Extrude & Skrå alternativer
å redigere innstillingene hvis du bestemmer deg for å endre Position, Extrude Dybde, etter bruk Kart Art
eller noen andre parametere. Youcan gjøre dette i noen få klikk ved å nå den påførte effekt i Utseende
panel og klikke
til Rediger
Effect.
< p> Objekt > Utvid Utseende
av den første mynten (den onewe'll jobbe med), og dermed snu den til et sett med separate elementer.
Trinn 5
Velg kanten av mynten og gjøre sin Fyll
farge litt lysere. Hvis Utvid edgeis delt inn i flere deler etter at du
det, så velger du alle bitene og Unite
dem i Pathfinder.
Trinn 6
Hvis du åpner lagpanelet og lookthrough objektene, kan du merke det er mange av "junk" stykker igjen. Theseare skjult bak den fremre delen av vår mynt og vi ikke egentlig trenger them.Select disse brikkene og slette dem, slik at bare den fremre delen av mynten, rim og lys-gul kant.
Trinn 7
La oss legge en dollar symbol for vår sak. I'veused Uni Sans Gratis font å foreta en dristig symbol og deretter brukt samme Extrude & Bevel
innstillinger som til vår sak. For å gjøre dette, bare gå til Effect > Påfør Extrude & Bevel
.Dette måten du bruker den tidligere brukte effekt bare med ett klikk. Objekt > Utvid Utseende
av thesymbol og fylle sin fremre del med lettere gult.
Trinn 8
Nå kan vi kombinere mynten og dollarsymbol ved å plassere den ene over den andre. Gruppere objekter og duplisere Dersom Gruppe flere ganger for å gjøre en bunke med mynter.
2. Lag Isometrisk spillkort
Trinn 1
Først av alt, la oss danne grunnlaget for ourcard fra en 80 x 110 px
lys-grå firkant med hjelp av < b> RectangleTool (M).
Bruk Levende Corners
funksjon i Adobe Illustrator CC for å gjøre hjørnene av kortet avrundet med 10 px Corner Radius
. For dette formålet, velger du kortet med DirectSelection Tool (A)
(alle hjørne ankerpunktene må velges) og trekk tinycircle indikatoren ved siden av et hjørne nærmere midten av kortet, makingthe hjørne glatt .
Hvis du bruker en tidligere versjon av AdobeIllustrator, kan du oppnå samme effekt ved å bruke Effekter > Stilisere > Runde hjørner
, sette den ønskede Corner Radius
av rektangelet fra thepop opp alternativmenyen.
Trinn 2
Nå la oss danne et symbol på hjertet suitfor kortet. Begynne å lage et hjerte fra en rød sirkel av 30 x 30 px
størrelse. Velg den nedre anchorpoint av vår krets og konvertere den til et skarpt hjørne ved å klikke på appropriatebutton ( Konverter valgte anker pointsto hjørne
) i øvre kontrollpanelet eller ved enkeltklikke ankerpunkt itselfwith Anchor Point Tool (Shift-C).
Nå squash formen litt ved å flytte itsupper forankringspunkt ned med downarrow nøkkel
, og bruke Anchor Point Tool (Shift-C ) igjen for å trekke handlesof ankerpunkt, som vist i skjermbildet nedenfor. Hold nede Shift
tasten og dra for å movethe håndtak til 45 graders
vinkel.
Trinn 3
Hvis du ikke kan gjøre begge deler av den heartshape lik ved å flytte håndtakene, og bruk følgende enkle trikset: ta Eraser Tool (Shift-E)
, hold Alt keyand drag, noe som gjør en hvit firkant som dekker den høyre halvdelen av din heartshape. Slipp museknappen, slette stykket. Velg de rester pieceand bruke Nødvendigvis Tool (R)
å flipthe form over Vertical Axis
.Til slutt, klikker du på Kopier
knappen tomake en symmetrisk reflektert kopiere og sted det i riktig posisjon, forming aneven hjerte. Bruk Unite
functionof Pathfinder
å fusjonere halvesinto en enkelt form.
Trinn 4
Dra nedre forankringspunkt ned litt, ekstrudere hjerte form.
Trinn 5
La oss gå videre til spader drakten symbol. Gjør AKopier av hjertet og roter det 180degrees
med Selection Tool (V)
, setter den opp ned og endre Fyll
farge til svart. Ta Polygon Tool
, single-klikk på Artboard å ringe pop-up alternativer vindu og sette sider
verdien til 3.
Lag en liten trekant og Align
den horisontalt med den svarte formen som vi har laget.
Trinn 6
Ta Curvature Tool (Shift -`) Hotell og bøy venstre side av trekanten bypulling sin midtre del ned, gjør en jevn bue. Gjenta det samme med thesecond side, danner spader tegn
Trinn 7
The diamond dress skiltet er en enkel en. Danne en enda torget med RectangleTool (M)
og roter det til 45 grader
, enten ved å bruke Rotate Tool (O)
eller ved å holde nede Shift
nøkkelen anddragging formen med Selection Tool (V)
Å holde formen valgt, gå til Effect >.; Forvrenge & Transform > Pucker & Bloat Hotell og flytt glidebryteren til venstre, sette den til -20% Pucker
verdi. Objekt > Utvid
formen, forming diamanten drakten symbol.
Trinn 8
Vår siste symbol er klubber drakten. Itconsists av tre med sirkler av 15 x 15px
størrelse som er lagt inn som en pyramide-to sirkler på bunnen og en på top.Take trekanten element fra spader symbol for å danne den nederste delen andcomplete klubbens symbol.
Step 9
Gjør bokstaven A for Ace, ved hjelp av thesame Uni Sans Gratis font (eller noen annen til din smak) og Objekt > Utvid
formen.
Trinn 10
Plasser hjertesymbolet under bokstaven A og justere størrelsen til å passe omfanget av kortet. Group (Ctrl-G) formene. Bruk Nødvendigvis Tool (R)
å snu shapesover Horisontal
aksen. Nå weneed å omplassere symbolene, setter dem på riktig sted. For det første hodet til Align
panel ved hjelp av kort baseas Key Object
(hold Alt
tasten og klikk på kortet base) tostick formene til hjørnene av kortet basen.
Trinn 11
Velg den øverste gruppen av røde symbolene andpress Enter
tasten for å ringe thepop opp Flytt
alternativer vindu og setthe Horisontal Hotell og vertikal posisjon
verdier til 10 px
hver. Gjenta den samme handlingen withthe lavere gruppe av røde symboler, men denne gangen satt den Posisjons
verdier til -10 px
hver.
Trinn 12
danner den endelige visningen av ess heartsand gjengi komplett sett av ess, med samme teknikk.
Trinn 13
Nå la oss slå våre flate kort i isometricobjects! Velg et kort med alle dens elementer og gå til Effect > 3D > Extrude & Bevel.
Sett Posisjons
til Isometrisk Venstre
, ExtrudeDepth
til 3 pt plakater (som kortet isthinner enn de foregående elementene som vi laget) og Surface
til Ingen Shading.
Husk å oppbevare kopien av kortet withthe 3D-effekten brukes i tilfelle hvis du ønsker å endre noen av innstillingene senere Objekt >.; Utvid Utseende
av Thecard og Unite
sine kantstykkene i Pathfinder.
Deretter fyller kanten med abit mørkere farge for å gjøre kortet mer tredimensjonalt.
Trinn 14
Bruk Direct Selection Tool (A)
å velge de svarte figurer på forsiden. Afteryou Group (Ctrl-G)
dem og skjule dem (sammen kortet base) ved å klikke på øye-ikonet i Layers
panel, kan du merke at det er nok av unødvendige stykker igjen , som er usynlige under kortet. Du kan slette disse brikkene til å lage din workmore ryddig og organisert.
Trinn 15
Bruk samme teknikk for å danne en stack ofaces.
3. Gjengi et sett med Isometrisk Dominobrikkene
Trinn 1
Først av alt, la oss danne en base av thedomino flis fra en høy rektangel av 60 x 110px
størrelse. Lag en liten svart sirkel av 11 x 11px Hotell og plassere den i øvre høyre hjørne av domino flis. Velg thecircle, trykker du på Enter
nøkkel og usethe Flytt
funksjon, sette Horisontal
stilling til -5 px Hotell og Vertikal
stilling til 5 px
, slik at vår krets ikke holde seg til kantene av flis.
Hold nede både Shift Hotell og Alt
, og dra sirkelen ned og til venstre langs theimaginary diagonal linje, danner en kopi. Trykk på Ctrl-D
å gjenta den siste handlingen, forminganother kopi. På denne måten har vi tre svarte prikker i den øvre delen av dominotile.
Trinn 2
La oss nå danner skillet mellom twohalves av domino flis. Kopier den grunnleggende delen av flis og plassere den på topof basen (Ctrl-C > Kontroll-F).
makeit halvparten av høyden av den opprinnelige form, innstilling av sizeto 60 x 55 px
, og deretter squash formen bydragging sin underside opp og lage en tynn linje, og deler domino flisen i to halvdeler.
Bruk Nødvendigvis Tool (R)
å vende kopi av prikkene over Horisontal
akse, plassere mirroredcopy i den nederste delen av flis. Plasser en annen speilet kopi i sameplace, danner en gruppe på fem punkter.
Trinn 3
Danne et par flere kombinasjoner av dotsfor våre fremtidige domino brikker, og satte dem på samme rektangel basen. Dette waywe har tre baser klar. Nå kan vi gå til Effect Hotell og bare Bruk Extrude & Bevel
fromtop av rullegardinmenyen, bruke samme 3D-innstillingen som vi hadde for theplaying kort.
4. Gjør en isometrisk Roulette
Trinn 1
Vi starter med å danne grunnlaget for ourroulette fra en brun 200 x 200 px
sirkel. Deretter legger 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 Linje Segment Tool (\\) Hotell og sette astraight vertikal linje på tvers av sirklene, samkjøre den til midten. Adda horisontal linje, som danner et kors på toppen av sirklene.
Trinn 2
Velg linjene at vi har opprettet, dobbeltklikker du på Rotate Tool (R)
toreveal alternativmenyen, og angi Angle verdien til 18 grader
. Trykk på Kopier
knappen og deretter Ctrl-D
flere ganger for å lage flere kopier av linjene.
Duplicate den gule sirkelen to ganger, Selectone av kopiene sammen med linjer og bruke Del
funksjonen til Pathfinder
panelet for å skjære den gule sirkelen i biter, som en pai.
Trinn 3
Fyll sektorene i delt sirkel withred og svart, og fylle en av brikkene med grønt. Omorganisere theshapes, slik at vi har den grønne sirkelen på toppen (Shift-kontroll-]) igjen. Swap Fill og Stroke
av den grønne sirkelen, snu den til en linje, og skape en annen mindre grønn sirkel inni den.
Trinn 4
Velg den skisserte sirkelen og sectorsand bruke Del
funksjon av Pathfinder
igjen. Nå har du smallersegments nærmere midten av roulette. Velg disse og legge en thinwhite Stroke
til dem. Til slutt legger awhite Stroke
til den sentrale greencircle, som er på toppen, så vel.
Trinn 5
Vi har fortsatt den gule sirkelen på thebottom, husker du? La oss velge de opprettede segmenter sammen med centralpart og gjøre denne gruppen av figurer litt mindre, avslører den gule rim IDen kanten av segmentene. Bytt fargen på den sentrale delen til gul aswell, og gjøre sin Stroke
tykkere, noe som gjør utformingen av roulette mer harmonisk.
Trinn 6
La oss snu den sentrale delen av rouletteinto en New Symbol
ved å dra anddropping den på Symboler
panel.
Flytt og velg brun base av theroulette og gjøre det tredimensjonale med Effect > 3D > Extrude & Bevel.
Sett Posisjons
til Isometrisk Venstre
, ExtrudeDepth
til 10 pt Hotell og Surface
til Nei Shading.
Mens valgvinduet fremdeles er åpent, klikker du på Kart Art
knappen thebottom.
Trinn 7
Her , i pop-up Kart Art
vinduet velger du den fremre delen av vår roulette fra Surface
liste (det vil bli merket med ared omriss) og bruke vår "tekstur" ved å velge symbolet som vi har createdin Symbol
rullegardinmenyen. Klikk OK
å bruke effekten og holde AKopier av uekspanderte roulette i tilfelle du ønsker å endre noe senere
Trinn 8
Objekt >.; Utvid Utseende
av roulette og finpusse ita litt ved å velge kanten ( Unite
det i Pathfinder
hvis nødvendig) og fylle den med mørkere brun farge for å legge dimensjon.
Trinn 9
Nå må vi danne håndtaket ourroulette. Start med å plassere et lys-grå sirkel av 84 x 84 px
størrelse, og legg to kryssende linjer under det av en darkergrey farge. Legg mindre sirkler på tuppen av hvert håndtak, og gjøre centerof bygging nærmere ved å plassere en ekstra sirkel der.
Påfør 3D Extrude og Bevel
effekt med de samme innstillingene som vi hadpreviously, og Objekt > ExpandAppearance
av håndtaket.
Trinn 10
Opprett et annet sett med sirkler for håndtaket base, makingthe større sirkel 84 x 84 px
i størrelse. Påfør 3D Extrude & Beveleffect med tidligere innstillinger og gå videre til neste detalj. Danner en mindre 30 x 30 px
sirkel og bruke 3D Extrude & Bevel effekt med 50 pt Extrude Dybde.
Trinn 11
La oss gjøre noen endelige slag her. Objekt > Utvid Utseende
av thehandle deler og gjøre kantene mørkere, noe som skaper en mild skygge og gjør itmore tredimensjonalt. Kombiner de delene av håndtaket sammen og endre størrelsen på fullconstruction, skalere den ned og gjøre det passer rulett. Fest håndtaket til thecenter av roulette, gjør hele elementet ser ferdig.
5. Gjør et sett med Isometrisk Poker Chips
Trinn 1
Start med en 50 x 50 px
selv sirkel, og bruke rektangel Tool (M)
for å danne en blå vertikal stripe, krysset thecircle. Holde stripe valgt, dobbeltklikker du på Rotate Tool (O) Hotell og sette Angle
verdien til 360/8
, slik at AdobeIllustrator beregner automatisk riktig vinkel grad for åtte copies.Click Kopier
knappen og trykk på Ctrl-D
severaltimes, skaper åtte roterte kopier av vår stripe.
Velg den opprettede blå striper og < b> Unite
dem i Pathfinder
, danner en enkelt form. Duplisere sirkelen basen ofthe chip, velger du både kopien og fusjonert blå form, og bruke Snitt
funksjon av Pathfinder
å avskjære unwantedparts av stripene, noe som gjør dem passer brikken utgangspunkt. Plasser en mindre bluecircle på toppen av chip.
Trinn 2
Lag tre flere kopier av chip andfill sine elementer med forskjellige farger: grønn, svart og rød, definingvarious verdier av sjetongene. Du kan legge til noen mer dekorative elementer, slik asthe skissert hvit sirkel i midten av chip. Bruk Uni Sans Gratis font toadd tall til våre chips (25, 50, 100, 500), og snu hver brikke til et symbol bydragging og slippe den på Symboler
panel.
Trinn 3
Kopier blank chip base (50 x 50 pxcircle) og gå til Effect > ApplyExtrude og Bevel
eller Effect > 3D > Extrude & Bevel
med følgende innstillinger: sette Posisjons
til Isometrisk Venstre
, ExtrudeDepth
til 10 pt Hotell og Surface
til Ingen Shading.
Klikk på Kart Art
knappen og bruke chip symbolet til forsiden surface.Keep kopien av uekspanderte chip å gjøre mer av dem med forskjellige farger.
Trinn 4
Gjør mer chips bruker samme techniqueand Objekt > Utvid Utseende
ofthe figurer, fylle kantene med mørkere farger.
6. Gjengi en isometrisk Dice
Trinn 1
Først av alt, la oss danne grunnlaget for ourdice. Lag en svart selv kvadratet av 50 x 50 piksler
størrelse. Sett en 9,5 x 9,5 px
whitecircle på toppen og Align
det med TheSquare, plassere den midt i midten. Lag seks kopier av torget for eachof de seks sidene av våre fremtidige terninger.
Trinn 2
Form mønstre av prikkene fra 1 til 6as vist i skjermbildet nedenfor. Bruk SmartGuides (View > Smart Guides) Hotell og Align
panel for å gjøre det enklere å plassere prikkene i properposition
Trinn 3
<. p> Slå de opprettede figurer til symboler. Belowis ordningen med terningen, demonstrere hvilke flater er nabo andwhich er overfor hverandre når terningen er dannet.
Trinn 4
Nå la oss lage en tredimensjonal basen ofthe terningen! Skape et større kvadratet av 70 x 70px
størrelse og gå til Effect > 3D > Extrude & Bevel.
Denne gangen stiller Extrude Dybde
til 70 pt
gjøre figuren selv.
Trinn 5
Gå til < b> MapArt
valg av vår terninger (husk at du kan alltid gå tilbake til 3D Extrude & Bevel
alternativer windowfrom Utseende
panel før youexpand formen).
Bruk de opprettede symboler til de synlige overflatene ourdice, i henhold til ordningen. For eksempel, som du kan se nedenfor, de tre prikkene overflaten på høyre side er ved siden av én prikk overflaten på toppen. Behold en kopi av de uekspanderte terningen shapein for å endre plasseringen av overflatene for de neste terningen, noe som gjør settet mer mangfoldig.
Trinn 6
Lag to flere kopier av terningen, overflater changingthe plasseringen av prikkene. Objekt > Utvid Utseende av objektene og playwith farger. Først av alt, redigere Black Dice, noe som gjør sitt beste side thelightest, fylle den med lysere grå farge, og på venstre side den mørkeste, fylle den med svart farge.
Fyll de to andre terninger med hvit og rød.
Trinn 7
Great! Vi har et komplett sett med gamblingobjects som vi trengte. Nå kan vi flytte dem rundt Artboard, noe som gjør morecopies og bygge ulike komposisjoner.
Trinn 8
Roter noen av objektene, posisjonering dem horizontallyto gjøre komposisjonen mer dynamisk. Vi kan også legge til noen lyse backgroundand koble elementer, for eksempel linjer eller stiplede stier, laget med den Pen Tool (P)
. Bruk Stroke
panel for å redigere utseende ofthe baner.
Voila! Vår Isometrisk Gambling Set isFinished!
God jobb, gutta 'n' jenter! Jeg håper you'veenjoyed denne opplæringen og oppdaget noen nye tips og triks om creatingisometric elementer i den enkle måten, ved hjelp av de innebygde funksjonene til AdobeIllustrator. Disse teknikkene kan brukes til å gjøre andre gjenstander og eiendeler som bygninger, kjøretøy og mange flere. Lykke til med din kunst! Anmeldelser