Design en Vintage Nintendo-stil Controller og kassett
Vintage møter moderne med dette unike videoen spillet opplæringen. Denne opplæringen er perfekt for begynnelsen Illustrator artist som ønsker å ta sine ferdigheter til til neste nivå. Trinn spillet opp og komme i gang nå!
Final Bilde Forhåndsvisning
Nedenfor er den endelige utformingen vi skal jobbe mot.
Trinn 1
Start med å bruke Avrundet rektangel Tool. Lag et rektangel som ligner på dette
TIPS:.. Du kan justere radius av hjørnene ved å holde pil opp eller ned mens du tegne formen
Trinn 2
< p> Inne rektangelet trekke tre mindre former.
Trinn 3
Bruk Pathfinder å klippe av en kant av rektangelet slik at bare de to øverste hjørnene har avrundede kanter. Lag figurene oppå hverandre og klikker på Trekk fra alternativet Shape området etterfulgt av Utvid, som vist nedenfor.
Trinn 4
Sett formen nederst, deretter kopiere og plassere en rotert versjon av formen på toppen.
Trinn 5
Fortsett å bruke enkle former til å komponere de viktigste delene av kontrolleren. For å gjøre navigasjonsknappen, lag to rektangler oppå hverandre og sette dem sammen ved hjelp av Pathfinder.
Trinn 6
Avhengig av hva slags form du arbeider med, gjør en mindre eller større versjon av formen ikke kan være så enkelt som å redusere størrelsen. Dette er tilfelle med den retningsflate nedenfor. Hvis du skulle bare kopiere, lime og skalere det mindre ville det ikke være en lik mengde plass mellom hver side. Ved hjelp av følgende teknikk det er enkelt å lage en litt mindre versjon av en kompleks form
Velg objektet og gå til Object >.; Sti > Offset Sti ... Angi hvor mye Offset du ønsker, og trykk OK.
Trinn 7
Gi utlignet til rektangel, rundt de to midterste knappene og sirklene til høyre.
Trinn 8
Gi hoved rektangelet som utgjør kontrolleren en offset også.
Trinn 9
Små detaljer gå en lang vei. Ved hjelp av en rød til hvit gradient, fylle sirklene som vist. Legg merke til at min gradient har tre punkter: hvit, rød og mørkere røde. Jo mørkere rød farge er en liten detalj som bidrar til å gi knappen mer av et dynamisk område. Ved første øyekast kan det ikke være merkbar, men det gjør en forskjell.
Trinn 10
Gi bakgrunn av kontrolleren en grå til svart gradient. Sørg for å bruke en rik svart og ikke en gråskala svart. Rich svart er fargen svart som består av "R" G "og" B "verdier. For å ta det ett skritt videre, bruk en null verdi for" R "G" og "B."
Merk: Dersom denne illustrasjonen skulle skrives ut på et trykkeri du ville bruke en CMYK-modellen. Rich svart for at modellen ville være C = 40, M = 30, Y = 20 og K = 100. Diagrammet nedenfor viser en rik svart farge modell for RGB kunstverk.
Trinn 11
Gjør pilene som går på dpad ved hjelp av enkle former. Bruk Star Tool til å gjøre trekanten
TIPS:.. Juster antall poeng på Star Tool ved å trykke pil opp eller ned mens du tegner stjernen
Trinn 12
Juster figurer vertikalt og klikk på Legg til Shape-området, som angitt nedenfor, etterfulgt ved å klikke Utvid.
Trinn 13
Plasser pilene over dpad. Bruk Align paletten for å sikre at alt er perfekt oppstilt
Trinn 14
Gi den indre-mest rektangel og to knapper en indre glød ved å gå til Effect >.; Stylize > Inner Glow ...
Kontroller at fyllfarge av de to knappene er lett nok slik den indre gløden er synlig. Sørg også for at du velger Multipliser for Mode.
Trinn 15
Gjør det samme for den indre-mest sirkel på de andre knappene.
Trinn 16
< p> og igjen på pilene, endre Opacity og Blur til å passe hvert element du legger til en indre glød til.
Step 17
for å raskt lage høydepunkter på kanten av pilene, først velge alle fire piler og flette dem i Pathfinder hjelp av Legg til Shape alternativ området. Etter det, kopiere pilene og forskyves som vist nedenfor. Velg begge settene med piler og igjen klikk Trekk fra Shape området etterfulgt av Utvid.
Trinn 18
For å legge til den generelle realismen i kontrolleren, vil vi legge til en refleksjon til dpad. Tegn et rektangel og roter det litt. Lag rektangelet over dpad velge både former og klikk Divide i Pathfinder. Gå til Object > Løs opp gruppe. Slett left figurer rundt utsiden av dpad.
Trinn 19
Gi begge halvdeler av dpad en subtil gradient. Husk å bruke en rik svart i stedet for et gråtonebilde svart.
Trinn 20
Legg til tekst som du selv velger. For å gi teksten en gradient må du først velge teksten og gå til Type > Lag Outlines. Nå fylle teksten med en gradient som du velger.
Trinn 21
Opprett høydepunktet over knappene på samme måte som vi gjorde for høydepunktet på DPAD- piler. Start med overlappende to sirkler.
Trinn 22
Plasser markøren over knappene og justere Opacity til 50%.
Step 23
Å lage en intens høydepunkt på bunnen av knappen vil vi starte med å tegne en ellipse med Ellipse Tool (L.)
Trinn 24
Gå til Object > Konvolutt Distort > Lag med Warp ... Velg Arc fra Stil falle ned og skriv en negativ verdi for Bend. Klikk på OK.
Trinn 25
Bruk Direct Selection Tool (A) for å finjustere håndtak og punkter som formen.
Trinn 26
Vi kan lage en realistisk skygge for objektene ved å tåkelegge en form som ligner på objektet som vi ønsker å skape en skygge for. Lag en skygge for de to knappene i midten ved å tåkelegge en avrundet rektangel ved å gå til Effekt > Blur > Gaussian Blur
TIPS:.. Sørg for at kunstverk er på skalaen du vil at det skal være på før du bruker noen uskarphet effekter som uskarphet effekter ikke skalere uavhengig av eventuelle alternativer du velger i Illustrator er Preferences
Step 27
Plasser skyggen bak knappene, stille modus til Multipliser og justere Opacity til 50% (i Transparency Palette).
Trinn 28
Opprett høydepunkter og lavmål for toppen og bunnen av kontrolleren ved hjelp av grunnleggende kontroller form som et utgangspunkt.
Layer to figurer oppå hverandre og i Pathfinder paletten velger Ekskluder Overlapp Shape områder fulgt av utvide. Hvis du trenger å bryte figurene opp etter det, Select Divide deretter gå til Object > Løs opp gruppe.
Trinn 29
Plasser markøren på toppen og Lysfølsomt nederst. Gi hver form en spinkel gradient.
Trinn 30
For å skape inntrykk av en innfelt område, gir formen fremhevet under en svak gradient som er mørkere på toppen.
Trinn 31
For å gjøre videospill bruk patron rektangler som er flettet sammen som et utgangspunkt.
Trinn 32
Bruk avrundet hjørne rektangel som vi gjorde i flere tidligere trinn for å lage mer detaljerte områder.
trinn 33
for å enkelt lage et mønster av flere rektangler bare trekke to rektangler og plassere dem i ønsket avstand fra hverandre.
trinn 34
Velg begge rektangler og gå til Object > Blend > Blend Options ... Velg Spesifiserte trinn og skrive inn et tall på rundt 20. Klikk OK
Trinn 35
Gå til Object >.; Blend > Lag og resultatet vil produsere noe som ligner på bildet under. For å kunne fortsette å redigere figurene må du gå til Object > Utvid.
Trinn 36
Gi patronen en radial gradient.
Trinn 37
Etiketten vil også trenge en enkel grå til hvit gradient.
Trinn 38
Gi trekanten en indre glød ved å gå til Effekt > Stylize > Inner Glow ...
Step 39
Legg til en hårfestet (tynn) strøk til trekanten ved hjelp av Strek paletten.
Trinn 40
Velg mønster av rektangler og bruke en liten stigning til dem også.
Trinn 41
Gi inntrykk av dybde ved å duplisere rektangelet mønster og fylle det med en mørkere grå farge. Siden vi ikke går for en intens svart, trenger du ikke å bekymre deg for å bruke rik svart.
Trinn 42
Velg rektangelet som er nær toppen kanten av kassetten og gi den en Opacity på ca 85%.
Trinn 43
Legg små høydepunkter til kanten av patronen ved å gi rektangelet en svak stigning.
Trinn 44
< p> Gi siden en gradient også.
Trinn 45
Opprette fjær er enklere enn du kanskje tror. Bruk Pencil Tool (N), og tegn en organisk fjær figurer som vist.
Step 46
Tegn de områdene som skjærer inn i fjær med blyantverktøyet også. Det kan være lettere å trekke et par av disse formene på en gang, i stedet for dem alle på en gang.
Trinn 47
Bruk Trekk fra alternativet Shape-området for å fjerne figurer fra hoved~~POS=TRUNC av fjær.
Trinn 48
Bruk Pen Tool (P) for å trekke den midtre delen av fjær og gi fjær en strålende rød gradient.
Trinn 49
det er nesten uanstrengt for å gi inntrykk av fjær som en illustrasjon på etiketten ved hjelp av følgende teknikk. Kopier etiketten og fjerne både slag og fyll. Sørg for at denne formen er foran fjær, velger du både fjær og patronen form og gå til Object > Klipping Mask > Lage. Nå vil alt utenfor kassetten maskeres ut!
Trinn 50
Opprett bakgrunnen ved hjelp av avrundet rektangel Tool. Fyll den med en intens blå gradient.
Trinn 51
Velg de viktigste formene som utgjør kontrolleren og kassetten. Gå til Effect > Stylize > Ytre glød ... Husk å stille inn Mode til Screen, så ytre glød er synlig.
Trinn 52
Opprett en skygge for både kontrolleren og kassetten ved å tåkelegge et rektangel som fyll er en gradient med hvitt på begge kantene. I Transparency Palette, stille modus til Multipliser og justere Opacity til ca 90%.
Trinn 53
Avslutt illustrasjonen ved å tåkelegge et rektangel og plassere den bak kontrolleren. Dette vil gi illusjon av kontrolleren flytende foran patronen.
Final Bilde Forhåndsvisning
Her er den endelige illustrasjonen! Siden overflater og generelle stilen av kontrolleren og kassetten er flat og firkantet, denne stilen av vektor illustrasjon fungerer perfekt. Er du klar til å gå opp vektor spill?