Share
Vintage møter moderne med denne unike videospillveiledningen. Denne opplæringen er perfekt for begynnelsen Illustrator artist som ønsker å ta sine ferdigheter til neste nivå. Trinn spillet ditt og kom i gang nå!
Nedenfor er den endelige utformingen vi skal jobbe for.
Begynn med å bruke det avrundede rektangelverktøyet. Lag et rektangel som ligner dette.
Tips: Du kan justere radiusen til hjørnene ved å holde opp- eller nedpilen mens du tegner formen.
Inne i rektangelet tegner tre mindre former.
Bruk Pathfinder til å trimme av en kant av rektangelet, slik at kun de to øverste hjørner har avrundede kanter. Lag figurene ovenpå hverandre, og klikk på Alternativer for å trekke fra formområde etterfulgt av Utvid, som vist nedenfor.
Plasser formen nederst, deretter dupliser og legg en rotert versjon av formen øverst.
Fortsett å bruke enkle former for å komponere hoveddelene på kontrolleren. For å lage retningsplaten legger du to rektangler oppå hverandre og fletter dem ved hjelp av Pathfinder.
Avhengig av hvilken type form du jobber med, kan det hende at det ikke er så enkelt å lage en mindre eller større versjon av formen som å redusere størrelsen. Dette er tilfellet med dpad nedenfor. Hvis du bare skulle kopiere, lime inn og skala det mindre, ville det ikke være like mye plass mellom hver side. Ved hjelp av følgende teknikk er det enkelt å lage en litt mindre versjon av en kompleks form.
Velg objektet og gå til Objekt> Path> Offset Path ... Skriv inn mengden Offset du vil ha, og trykk OK.
Gi offset til rektangelet, rundt de to midterknappene og sirklene til høyre.
Gi hovedrektangelet som utgjør kontrolleren også en forskyvning.
Små detaljer går langt. Bruk en rød til hvit gradient, fyll sirklene som vist. Legg merke til at min gradient har tre punkter: hvit, rød og mørkere rød. Den mørkere røde fargen er en mindre detalj som bidrar til å gi knappen mer dynamisk rekkevidde. Ved første øyekast kan det ikke være merkbart, men det gjør en forskjell.
Gi bakgrunnen til kontrolleren en grå til svart gradient. Sørg for å bruke en rik svart og ikke en gråskala svart. Rik svart er fargen svart som består av "R," G, "og" B "-verdiene. For å ta det ett skritt videre, bruk nullverdien for" R, "G" og "B."
Merk: Hvis denne illustrasjonen skulle skrives ut på et utskriftsanlegg, ville du bruke en CMYK-modell. Rik svart for den modellen ville være C = 40, M = 30, Y = 20 og K = 100. Tabellen nedenfor viser en rik svart fargemodell for RGB-kunstverk.
Gjør pilene som går på dpad ved hjelp av enkle former. Bruk Star Tool til å lage trekant.
TIP: Juster antall poeng på Star Tool ved å trykke på opp- eller nedpilen mens du trekker stjernen.
Juster figurene dine vertikalt og klikk på Legg til i formområde, som angitt nedenfor, etterfulgt av klikke på Utvid.
Plasser pilene over dpad. Bruk Juster paletten for å sikre at alt er perfekt lined up.
Gi det indre rektangelet og to knapper en indre glød ved å gå til Effekt> Stylize> Inner Glow ...
Pass på at fyllfargene på de to knappene er lyse nok slik at den indre gløden er synlig. Sørg også for at du velger Multiply for Mode.
Gjør det samme for den indre sirkelen på de andre knappene.
Og igjen på pilene, endre Opacity og Blur for å passe hvert element du legger til en Inner Glød til.
For å raskt lage høydepunkter på kanten av pilene, velg først alle fire pilene og slå dem sammen i Pathfinder ved hjelp av Add to Shape Area-alternativet. Deretter dupliserer du pilene og forskyver dem som vist nedenfor. Velg begge settene med pilene, og klikk igjen Trekk fra Formområde etterfulgt av Utvid.
For å legge til den generelle realismen til kontrolleren, legger vi til en refleksjon til dpad. Tegn et rektangel og roter det litt. Lag rektangelet over dpad, velg begge figurene og klikk Divide i Pathfinder. Gå til Objekt> Ungroup. Slett de resterende formene rundt utsiden av dpad.
Gi begge halvdelene av dpad en subtil gradient. Husk å bruke en rik svart i stedet for en gråskala svart.
Legg til litt tekst av ditt valg. For å gi tekst en gradient må du først velge teksten og gå til Type> Opprett oversikt. Nå fyller du teksten med en gradient du velger.
Lag høydepunktet over knappene på samme måte som vi gjorde for høydepunktet på dpad-pilene. Begynn med å overlappe to sirkler.
Legg høydepunktet over knappene og juster Opacity til omtrent 50%.
For å lage et intensivt høydepunkt nederst på knappen starter vi ved å tegne en ellipse ved hjelp av Ellipse Tool (L.)
Gå til Objekt> Konvolutt forvreng> Lag med warp ... Velg Arc fra Style dropdown og skriv inn en negativ verdi for Bend. Klikk på OK.
Bruk Direct Selection Tool (A) til å finjustere håndtakene og punktene i formen.
Vi kan skape en realistisk dropshadow for objektene ved å uskarpe en form som ligner objektet som vi ønsker å skape en skygge for. Lag en skygge for de to knappene i midten ved å sløre et avrundet rektangel ved å gå til Effekt> Uklarhet> Gaussisk uskarphet.
TIPS: Pass på at bildene dine er i skalaen du vil at den skal være på før du bruker noen uskarphetvirkninger som uklare effekter ikke skaleres, uansett hvilke alternativer du velger i Illustrators Innstillinger.
Legg skyggen bak knappene, sett modusen til Multiply og juster Opacity til ca. 50% (i Transparentpaletten).
Opprett høydepunkter og lowlights for toppen og bunnen av kontrolleren ved å bruke den grunnleggende regulatorformen som utgangspunkt.
Lag to former på hverandre og i Pathfinder Palette velger du Exclude Overlapping Shape Areas etterfulgt av Utvid. Hvis du må bryte figurene etter det, velger du Divide og deretter Gå til Objekt> Ungroup.
Legg høydepunktet på toppen og lavlyset nederst. Gi hver form en tynn gradient.
For å skape inntrykk av et forsenket område, gi formen fremhevet under en liten gradient som er mørkere på toppen.
For å gjøre videospillpatronen bruk rektangler som er slått sammen som utgangspunkt.
Bruk det avrundede hjørne rektangel som vi gjorde i flere tidligere trinn for å lage de mer detaljerte områdene.
For å enkelt lage et mønster av flere rektangler, tegner du bare to rektangler og plasserer dem ønsket avstand fra hverandre.
Velg begge rektangler og gå til Objekt> Blend> Blandingsalternativer ... Velg spesifiserte trinn og skriv inn et nummer på rundt 20. Klikk OK.
Gå til Objekt> Blend> Lag og resultatet vil produsere noe som ligner på bildet nedenfor. For å fortsette å redigere figurene må du gå til Objekt> Utvid.
Gi patronen en radial gradient.
Etiketten vil også trenge en enkel grå til hvit gradient.
Gi triangelen en indre glød ved å gå til Effekt> Stylize> Inner Glow ...
Legg til en hårlinje (tynn) slag i trekanten ved å bruke Stroke Palette.
Velg mønsteret av rektangler og bruk en liten gradient til dem også.
Gi inntrykk av dybde ved å duplisere rektangelmønsteret 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.
Velg rektangelet som ligger nær patronens øvre kant og gi den en opasitet på ca 85%.
Legg små høydepunkter til kanten av patronen ved å gi rektangelet en svak gradient.
Gi siden en gradient også.
Å lage fjæren er enklere enn du kanskje tror. Bruk blyantverktøyet (N) og tegne en organisk fjærform som vist.
Tegn områdene som skjærer i fjæren ved hjelp av blyantverktøyet også. Det kan være lettere å tegne et par av disse figurene om gangen, i stedet for dem alle samtidig.
Bruk alternativet Subtract from Shape Area til å fjerne figurene fra hoveddelen av fjæren.
Bruk pennverktøyet (P) til å tegne midtdelen av fjæren og gi fjæren en strålende rød gradient.
Det er nesten uanstrengt å gi inntrykk av fjæren som en illustrasjon på patronetiketten ved å bruke følgende teknikk. Kopier patronetiketten og fjern både slag og fyll. Pass på at denne formen er foran fjæren, velg både fjæren og patronformen og gå til Objekt> Clipping Mask> Make. Nå blir alt utenfor kassettområdet maskert ut!
Lag bakgrunnen ved hjelp av det avrundede rektangelverktøyet. Fyll den med en intens blå gradient.
Velg hovedformene som består av kontrolleren og patronen. Gå til Effekt> Stylize> Ytre glød ... Pass på å angi modus til skjerm, slik at ytre glød er synlig.
Lag en skygge for både kontrolleren og patronen ved å sløre et rektangel hvis fyll er en gradient med hvit på begge kanter. I Transparency Palette, still modusen til Multiply og juster Opacity til ca 90%.
Fullfør illustrasjonen ved å sløre et rektangel og plassere det bak kontrolleren. Dette vil gi illusjonen til kontrolleren flytende foran patronen.
Her er den endelige illustrasjonen! Siden overflatene og den generelle stilen til kontrolleren og patronen er flate og firkantede, fungerer denne stilen med vektorillustrasjon perfekt. Er du klar til å sette opp vektorspillet ditt?
Accentsconagua