Hvordan lage en Realistisk Gamepad

I denne opplæringen lærer du hvordan du lager en illustrasjon av en gamepad ved hjelp av Pen Tool, Gradients and Filters. Du kan bruke denne illustrasjonen som grunnlag for et ikon eller for et dekorativt element på en større design.


Trinn 1: Første form

Åpne et nytt RGB-dokument med dimensjonene 600px ved 400px. Velg rektangulærverktøyet og lag rektangel med dimensjon 328px ved 105px, sett omrisset til en mørk farge (R: 0, G: 0, B: 0), og fyll den med en tilsvarende gradient som vist under.


Trinn 2: Legge til figurer

Bruk rektangulærverktøyet til å lage neste form med dimensjonene 38px med 26px, sett oversikten til en mørk farge (R: 0, G: 0, B: 0) og fyll den med en lignende gradient.


Trinn 3: Mer form Konstruksjon og gradienter

Lag en form som nedenfor og sett oversikten til en mørk farge (R: 75, G: 78, B: 93) [Pic.1]. Speil den nettopp opprettede formen [Pic.2]. Flytt de to figurene sammen, velg endepunktene på toppen med Direct Selection Tool, og deretter Bli med dem. Gjenta det samme for bunnpunktene [bilde.3]. Fyll den nye formen med en gradient [Pic.4].


Trinn 4: Arbeider med ellipser og innvendig glød

Velg Ellipseverktøyet og opprett to ellipser med dimensjoner: 140px ved 120px og 95px med 80px [Pic.1]. Åpne et Pathfinder Panel, velg begge disse ellipser og klikk på Unite-knappen [Pic.2]. Fyll den nye formen med en lignende gradient [bilde.3]. Gå nå til Filter> Stylize> Inner Glow [Pic.4].


Trinn 5: Opprett venstre kontrollerområde

Opprett en form som under [Pic.1] og fyll den med en lineær gradient [Pic.2]. I neste trinn går du til Filter> Stylize og bruker Inner Glow [Pic.3]. Klikk nå på denne formen med høyre museknapp og gå til Ordne> Send bakover [Pic.4]


Trinn 6: Legg til en annen større form

Lag en lignende form [Pic.1], fyll den med en lineær gradient [Pic.2] og gå til Ordne> Send bakover [bilde.3]


Trinn 7: Legg til formdetaljer

Opprett neste lignende form [Pic.1], sett omrisset til svart (R: 0, G: 0, B: 0), og fyll det med en gradient [bilde.2]


Trinn 8: Opprett en toppnapp

Lag en form som nedenfor [Bilde 1]. Speil den nettopp opprettede formen [Pic.2]. Flytt de to figurene sammen og velg sluttpunktene på toppen med Direct Selection Tool, og legg dem deretter sammen. Gjenta det samme for bunnpunktene [bilde.3]. Fyll den nye formen med en gradient [Pic.4], gå deretter til Filter> Stylize> Inner Glow [Pic.5], og gå til Ordne> Send bakover [Pic.6]


Trinn 9: Legge til en myk rundhet

Velg Ellipseverktøyet og opprett to ellipser med dimensjoner: 132px ved 110px og 90px med 75px [Pic.1]. Åpne Pathfinder Panel, velg begge disse ellipser og klikk på Unite-knappen [Pic.2]. Fyll den nye formen med en lignende gradient [bilde.3] og deretter Gå til filter> Stylize> Inner Glow [Pic.4].


Trinn 10: Legg til en venstre kontroller

Velg Ellipseverktøyet og opprett en ellipse med dimensjonene 60px ved 50px og fyll den med svart [Pic.1]. Kreta deretter en annen ellipse med dimensjonene 55px ved 45px og fyll denne formen med en mørk farge (R: 75, G: 78,0 B: 93) [Pic.2].


Trinn 11: Krysset

Plukk pennverktøyet og opprett en kryssform som nedenfor [Pic.1] og fyll den med en lineær gradient [Pic.2]. Gå til Effekt> Stylize> Round Corners og sett radius til 3px [Pic.3], og gå deretter til Effect> Stylize> Inner Glow [Pic.4]


Trinn 12: Reflektere Høyre

Velg valgverktøyet og velg disse figurene [Pic.1], og dupliser dem [Pic.2]. Deretter går du til Transform> Reflektere (vertikal) [Pic.3] og plasser dem til høyre som vist [Pic.4].


Trinn 13: Begynn å legge til knappdetaljer

Opprett en ellipse med dimensjonene 29px med 26px [Pic.1], og fyll den med en lineær gradient [Pic.2]. I neste trinn går du til Effect> Stylize> Inner Glow [Pic.3], og går til Effect> Stylize> Drop Shadow [Pic.4]. Deretter dupliserer du denne modifiserte ellipsen tre ganger og legger som vist [Pic.5].


Trinn 14: Legge til knappdetaljer på venstre side

Plukk pennverktøyet og opprett formen vist [Pic.1], fyll den med en Linear Gradient [Pic.2], og legg til Inner Glow [Pic.3] og Drop Shadow [pic.4] effekter.


Trinn 15: Legg til en pil

Opprett en trekant ved hjelp av pennverktøyet, fyll det med en farge (R: 75, G: 78, B: 93) [Pic.1], og gå til Effekt> Stylize> Ytre glød [bilde.2]


Trinn 16: Dupliser spillkontrollene

Velg valgverktøyet og velg disse figurene [Pic.1], og dupliser dem. Klikk deretter på høyre museknapp og gå til Transform> Roter og sett vinkelen til 180 grader [Bilde.2]. I neste trinn velger du disse figurene, dupliserer dem og roterer kopier som vist (sett vinkel til 90 grader) [bilde.3]


Trinn 17: Omformere former

Velg valgverktøyet og velg "form 1" [Pic.1], og flytt det 3px ned, velg deretter "form 2" [Pic.1] og flytte det rett ved 8px. Flytt "form 3" til høyre ved 3px, "form 5" til venstre ved 8px, og "form 4" til venstre ved 3px. Det skal se ut som dette bildet [Pic.2].


Trinn 18: Legg til innvendig glød til bunnkontroller

Velg valgverktøyet og velg ellipse [Pic.1], bruk Inner Glow [Pic.2] og Drop Shadow [Pic.3] effekter. Velg deretter neste ellipse og legg til Inner Glow [Pic.4] og Drop Shadow [Pic.5].


Trinn 19: Legg til en annen Ellipse

Velg Ellipseverktøyet og opprett en ellipse med dimensjoner 30px ved 25px [Pic.1], fyll den med en Linear Gradient [Pic.2] og legg til en Inner Glow-effekt [Pic.3].


Trinn 20: Flere små detaljer

Velg rektangulærverktøyet og opprett et rektangel med dimensjoner 18px med 10px [Pic.1], fyll det med en lineær gradient [Pic.2] og legg til en Drop Shadow Effect [Pic.3].


Trinn 21: Legg til en liten trekant

Plukk pennverktøyet og opprett lignende form [Pic.1], fyll det med en Linear Gradient [Pic.2] og legg til Drop Shadow Effect [Pic.3].


Konklusjon

Som du kan se, har jeg lagt til noen symboler. Med litt redigering kan denne illustrasjonen brukes til en rekke design, inkludert nettsteder, plakater og mye mer. Jeg håper du likte denne opplæringen.