Create et Casino Slot Machine i Illustrator

I denne opplæringen vi skal opprette en spilleautomat i Adobe Illustrator. Vi vil bygge det fra enkle vektorfigurer, deretter farge det, bruker du Utseende-panelet til å legge til effekter, bruke symboler, og bruke symbol verktøy. Vi vil ende opp med en fin vektor spilleautomaten. La oss komme i gang!

Trinn 1

Nå, før vi begynner å tegne, vi trenger litt inspirasjon. Gå til nettleseren din og søk etter spilleautomat bilder. Se hvilke elementer komponere maskinene. Samle deler fra ulike maskiner for å lage din egen spilleautomaten design. Vær forsiktig med å ikke kopiere ett bilde, men heller samle inspirasjon fra mange referansebilder, bruke fantasien, og komponere din egen unike skapelse.

Trinn 2

Opprett en ny Adobe Illustrator web-dokument med en 600 x 800 pikslers artboart. Gi den et navn - Jeg ringte mine "slot_machine". Nå skal vi bruke noen oppsett til vår Illustrator arbeidsmiljø. Gå til symboler panelet, klikk på øverst til høyre for å åpne rullegardinmenyen og klikk på "Velg alle ubrukte". Dra alle valgte symboler til papirkurven for å slette dem.

Gjør det samme med Fargeprøver-panelet. Du skal bli forlatt med 4 fargeprøver: [Ingen], [Registrering], hvit og svart. Dobbeltklikk på den hvite fargeprøve, og marker "Global". Gjør det samme for den sorte swatch

Åpne Preferences panel (Command + K), gå til "Guides & Grid" og angi følgende innstillinger:.

Hvis du ikke kan se rutenettet, klikker du Command + "for å vise det. også fra Vis-menyen, sørg Smart Guides og Fest til rutenett er på. Vi er nå ferdig med å sette opp vår arbeidsplass, la oss lage spilleautomaten!

Trinn 3

Vi kommer til å bygge maskinen fra enkle former, og når du er ferdig vil vi legge til farger. med rektangelverktøyet (M), tegne en 360 x 136 piksler rektangel. La det med standard~~POS=TRUNC Stroke og Fill, som vi skal fargelegge maskinen senere Gå til Object >. Sti > Offset Sti ... og skriv -16 for offset verdien

Trinn 4
<. p> Lag en firkant, 360 x 200 piksler, og fest den til bunnen av den ytre rektangelet vi laget i det siste trinnet. Velg nederst til høyre forankringspunkt med Direct Selection Tool (A), hold Shift-tasten og trykk høyre piltast tre ganger for å flytte punktet 30 piksler til høyre.

Gjør det samme med den nederste venstre ankerpunkt for å flytte det 30 piksler til venstre. Rektangelet skal nå se ut som et trapes. Som i forrige trinn, velger figuren din og offset banen, denne gangen ved -10 piksler. offset da den indre trapes bane ved -20 piksler. Grafikken skal nå se slik ut:

Trinn 5

Med pennverktøyet (P), trekke linjer fra den innerste trapesformede hjørnene inn mot midten trapesformede hjørner. Det er der har Smart Guides slått på blir nyttig, så hjelper det deg å oppdage hjørnene nøyaktig. Velg de to trapesformede former og de nyopprettede linjene, gå til Pathfinder-panelet og klikk "Divide". Dele de delte former (Object > Dele).

Trinn 6

Tegn en ny 420 x 150 pixel rektangel, snapper den til bunnen av den ytre trapes og offset det er sti ved -10 piksler. Lag en firkant, 400 x 46 piksler, og fest den til bunnen av den tidligere opprettede rektangel. På dette punktet, bør maskinen nå se slik ut:

Trinn 7

Nå la oss trekke penger skuffen. Utenfor artboard, opprette en 320 x 80 piksler rektangel. Flytt nederst til høyre forankringspunkt 50 piksler til høyre og venstre en, 50 piksler til venstre. Offset figurens banen ved -10.

Tegn en tredje rektangel som vil dekke de 10 piksler i den ytre formen. Velg både ytre form og rektangel, gå til Pathfinder-panelet og traff Minus Front. Send formen til baksiden ved hjelp av Command + Shift + [.

Velg den indre form og utlignet sin bane ved -10 piksler. Flytt den 10 piksler nedover. Tegn to 20-piksler høye linjer med Pen Tool og justere dem slik:

Velg alle former og i Pathfinder-panelet, trykk "Del opp" og opp gruppe. Velg den ytterste form og fjerne overflødig poeng med Slett Anchor Point Tool (-).

Velg den innerste trapes form og rektangelet over det, og kopiere og lime inn i front (Command + F). Flett disse formene (i Pathfinder-panelet hit Merge) og sette den nye figurens bredde 80 piksler.

Tegn en 420 x 36 piksler rektangel og fest den til bunnen av skuffen. Velg alle former og dra dem til bunnen av vår spilleautomat, som vist nedenfor.

Trinn 8

Opprett fem 60 x 24 piksler rektangler på rad på toppen av maskinen. Tegn en 316 x 32 piksler rektangel og legg den bak de fem rektangler (Command + Shift + [). Juster den til bunnen av de andre rektangler. Nå Gruppe alle former.

Tegn en rektangel på 316 x 32 piksler. Gjør det til en trapes ved å flytte den øverste ankerpunkt 10 piksler innover. Plasser den på toppen av gruppert form

Velg både former og gå til Object >.; Konvolutt Distort > Lag med Top Object. Så gå til Object > Utvid, klikk OK, og dele opp.

Trinn 9

For dette trinnet jeg brukte en Illustrator script som heter "Round ethvert hjørne." Det gjør akkurat det: runder bare hjørnet du vil, i stedet for alle objektets hjørner. Du kan lese om det i artikkelen om måter å tilpasse Adobe Illustrator og laste den ned her.

Når du er satt, må du bruke segmentmarkøren (A) for å velge de 4 hjørnene i bildet nedenfor, klikk deretter Lede + F12, gå til mappen der du lagret skriptfilen og åpne den. Tast 6 som radius hjørne i skriptet spør og klikk på OK.

Maskinens skjelettet er ferdig, la oss gå videre og gi det liv!

Trinn 10

La oss starte med toppen. Velg den ytre formen på topp, og gi den følgende gradient innstillinger (dra den svarte globale swatch farge vi forberedt tidligere over gradient stopper):

Velg lengst til venstre og lengst til høyre figurer og gi dem følgende gradient innstillinger :

Legg til en 30% svart, en-pixel slag, og sett den på innsiden. Gå til Utseende panel og legge til en ny fyll. Sett den til følgende:

På samme måte gå til de neste 2 inner figurer og gi dem en gradient som går fra R = 56, G = 201, B = 226 til R = 0, G = 113 , B = 188. Legg den samme nye svart til hvitt fyll, og det samme slag som de tidligere former. For midt form, legge til en gradient som går fra R = 255, G = 166, B = 171 til R = 201, G = 5, B = 3. Legg den samme nye svart til hvitt fyll, og det samme slag som de tidligere former.

Trinn 11

La oss nå gå videre til å skape de neste figurer. La oss legge til noen metalliske farger til vår maskin. Føl deg fri til å eksperimentere og endre fargene til din smak. Dette er hva jeg hadde i tankene:

Gå til den midtre delen av maskinen:

La oss legge litt rød metallic:

Og nå fortsetter å underdelen:

Step 12

Nesten ferdig med fargelegging. La oss bare ta vare på skuffen:

Vel, vi er ferdig med fargelegging. Ta en titt på hva vi har, ta en kopp kaffe, og la oss gå videre.

Trinn 13

La oss lage pærer rundt den ytre rammen. Lag en 8 x 8 piksler sirkel ved hjelp av Ellipse-verktøyet (L). Plasser den 4 piksler bort fra nederste venstre hjørne og gi den følgende innstillinger:

Med sirkelen fortsatt er valgt, bruker Gradient verktøyet (G) for å dra gradient litt høyere til venstre, så det vil ikke være sentrert

Legg til følgende Transform effekt. (gå til Effect > Distort & Transform > Transform ...). Duplicate pærene og legg kopien på høyre side av rammen, igjen 4 piksler bort fra kanten.

Opprett en ny kopi, flytte det 13 piksler til høyre. Kopiere denne ene og flytte den 4 piksler lavere til rammens topp, som vist. Endre transformere effekt til følgende:

Trinn 14

I dette trinnet vil vi lage de spinnende hjul. For det første må vi lage noen symboler. Vanligvis er frukt, nummer 7, et dollartegn, etc. Jeg har laget følgende symboler (som blir tilsatt i filen), kan du legge til dine egne.

Tilbake til maskinen, lage tre 80 x 110 pixel rektangler, spre dem 100 piksler bort fra hverandre, fyll dem med svart og gi dem en to punkt utenfor hjerneslag med 30% svart.

et sted på artboard tegne et hvitt rektangel av samme størrelse, uten slag. Mens valgt, sveve med Pen Tool (P) over venstre side av rektangelet, og klikk i midten av linjen. Hvis du har Smart Guides på, vil du se nøyaktig midt på linjen. Legg et annet punkt på høyre side.

Bruk Direct Selection Tool (A) for å flytte de rette hjørner 5 piksler til venstre og venstre hjørner 5 piksler til høyre. Deretter velger midtpunktene vi opprettet og på kontrollinjen, trykk på "Konverter markerte ankerpunktene for å glatte" -knappen.

Dra punktene 'håndtak, mens du holder nede Shift-tasten, for å gjøre objektet litt mer avrundet. Bruk nettet for å være mer nøyaktig.

Plasser tre eksemplarer av denne formen på toppen av de svarte rektanglene vi opprettet tidligere. Deretter ordne noen av symbolene vi laget på toppen av de hvite rektangler.

Tegn en 280 x 110 pikslers rektangel på toppen av symbolene. Deretter velger både symboler og rektangelet og traff Command + 7 for å opprette en klipping maske. Du bør ende opp med dette:

Duplicate de hvite figurene vi opprettet og plassere dem på toppen av symboler. Legg en gradient til dem. Også tegne horisontale linjer over hver hvit form. Bruk innstillingene som vises her nedenfor.

Trinn 15

Nå, la oss lage noen knapper for bunnpanelet. Tegn en 50 x 50 piksler rektangel og gi det følgende stil:

Lag tre eksemplarer av knappen, spre dem 86 piksler bort fra hverandre. Lag noen etiketter på knappene. Jeg brukte en fin gratis font: Zrnic. Gi etikettene følgende skyggeeffekt:

Trinn 16

Flytte til myntinnkast, tegne en 14 x 80 piksler rektangel, med følgende innstillinger:

Tegn en 6 x 72 piksler rektangel på toppen av den forrige, med innstillingene som vises nedenfor.

Trinn 17

Siden vi er alle vinnere i denne opplæringen, la oss fylle maskinen med mynter. Jeg trakk en enkel mynt, og lagret den som et symbol. Jeg brukte Symbol Sprayer Tool (Shift + S) for å fylle illustrasjonen med mynter. Dobbeltklikk på verktøyikonet for å åpne opp opsjons vinduet. Prøv og eksperimentere med verdiene for å få det resultatet du ønsker.

Ikke fylle området med for mange mynter, vil vi gjøre det i flere trinn. Først tegner flere mynter, og deretter bruke Symbol Spinner verktøy (lang klikk på Symbol Sprayer verktøyikonet) for å rotere mynter litt, så de ikke alle ser like ut.

Når du er ferdig, klikker du et sted på artboard å slippe symbolsett, og deretter lage et annet sett med mynter. På denne måten vil du være i stand til å lage forskjellige lag av myntene og justere dem separat. Så pass på at skuffe deler er på toppen av myntene, som vist nedenfor.

Trinn 18

Gå tilbake til toppen av maskinen. La oss sette en fin plate der på den tomme metall form. Bruk fantasien og inspirasjon fra de bildene vi søkte gjennom i trinn 1 for å lage klassiske, casino stil merkevarebygging. Her er resultatet jeg kom opp med:

Trinn 19

Nå skal vi trekke spaken. Tegn en 36 x 36 piksler sirkel. Bruk Direct Selection Tool (A) for å flytte til høyre ankerpunkt 2 piksler til venstre. Legg til følgende gradient:

Duplicate denne formen og lim den bak forrige sirkel (Kommando + B). Flytt den litt til høyre og redusere størrelsen.

Tegn en 10 x 160 pixel rektangel, vippe det litt til høyre. Gi den en lys til mørk grå gradient, og plassere den bak de tidligere tegnede figurer.

For å avslutte, legge til et 30 x 30 piksler sirkel på den øverste delen av spaken, og farge det med en metallisk, rød radial gradient. Bruk Gradient Tool (G) for å dra gradient litt høyere til venstre

Gruppe alle gjenstandene og plassere dem bak maskinen.

Trinn 20

Velg hele maskinen (Command + A) og gruppe (Kommando + G) dem. Kopier og lim inn foran. I Pathfinder-panelet treffer Unite. Som du kan se, det gjorde ikke skape en form, siden vi har symboler.

Vi må kvitte seg med symboler. For å gjøre det, treffer Command + G for å gruppere, og deretter Dobbeltklikk for å angi Isolation Mode. Velg alle figurene bortsett fra hovedmaskinen form, og slette dem

Legg til en Drop Shadow effekt (Effect > Shadow > Drop Shadow ...) med følgende innstillinger.

Send denne formen til baksiden ved å trykke Command + Shift + [.

Trinn 21

La oss legge litt skygge til bunnen av maskinen. . Tegn en svart form, redusere Opacity til 25% og sende den til baksiden

Gå til Effect > Blur > Gaussian Blur ... og satt 20 piksler radius.

Final Bilde

For en final touch jeg lagt et bakgrunnslag, og der har du det!

I denne opplæringen vi bygget en spilleautomat fra enkle vektorfigurer. Vi brukte Utseende panelet for å legge til effekter, brukte symboler og symbol verktøy. Jeg håper du likte denne opplæringen.