Share
Hva du skal skapeHar du lyst på sci-fi filmer, spill og fancy våpen? Følg denne opplæringen og prøv hånden på våpendesign ved å skape en futuristisk romblaster i trendig flat stil.
Vi endrer enkle former, slik at du ikke trenger noen tegneferdigheter eller spesialutstyr for denne opplæringen. Du lærer hvordan du bruker gradienter på riktig måte for å få elementene til å stikke ut og få et fullført utseende. Videre vil du oppdage noen tips og triks mens du arbeider med Pathfinder-panelet, Shape Builder Tool og Blending Modes, skape subtile semi-skygger og milde høydepunkter for å legge til noe dimensjon i våpenet vårt, samtidig som du beholder den generelle flate stilen.
Ved slutten av denne opplæringen har du lært tauene for å skape en flat blaster og kunne bruke disse teknikkene og designe en rekke flate våpen, rifler, sverd og andre typer spillfordeler. Sjekk ut GraphicRiver for mer inspirasjon, og la oss komme i gang!
Først av alt må vi lage en Nytt dokument av 600 x 600 px i RGB-fargemodus. Bruke Rektangelverktøy (M) å lage en 600 x 600 px lysblått firkant for bakgrunnen og Rette inn det til Artboard, ved hjelp av Rette inn panel.
Før vi begynner å skape noe av våpenet vårt, bør vi ha en viss ide om design og generelt utseende. Skal det være et romgevær mot romvesen eller et faktisk fremmedvåpen? Vil det være et kraftig hagle eller en liten håndkanon?
Etter å ha tenkt på og brainstorming ideer, endte jeg med en grov skisse laget rett i Adobe Illustrator ved hjelp av Blyantverktøy (N). Det tjente meg som en referanse i hele prosessen med å lage en endelig versjon av blasteren.
La oss begynne å bygge våpenet vårt fra den større delen - en glassdyse med litt grønn flyktig væske inne (det er åpenbart dødelig, så vær forsiktig med det).
Ta tak i Rektangelverktøy (M) og lag en 250 x 40 px form. Påfør en lineær gradient fra lysegrønn til mørkere grønn. Du kan bruke fargelinjen til gradient panel for å flytte fargegjennene, og skape en distinkt rett kant mellom fargene.
For å gjøre dette, velg den lysegrønne skyveknappen på venstre side av fargelinjen, og dra den til høyre. Gjør det samme med den mørkegrønne skyveknappen, dra den i motsatt retning, slik at begge skyvekontrollene møtes ved et visst punkt i fargestangen (enten i midten eller nærmere den høyre halvdelen). Jo nærmere stedet du skyver til hverandre, jo skarpere og mer tydelig grensen mellom dem blir.
Sett vinkelen til den lineære fyllingen til -90 grader i gradient panel, eller bruk Gradient Tool (G) og hold Skifte å justere fyllingsretningen.
Legg to tynne brune striper av samme lengde over og under det grønne rektangelet.
Kopier den grønne formen og Lim inn foran (Control-C> Control-F). Holde alt og krympe formen, noe som gjør den mye smalere. Fyll den nye formen med mørkegrønn farge og bytt Blandingsmodus til Skjerm i åpenhet panel, skape et høydepunkt for å gjøre overflaten av dysen slank og glassaktig.
Ta Avrundet rektangelverktøy og lag en 5 x 60 px form med helt avrundede hjørner.
Vi kan sette Hjørne Radius ved å velge rektangel med Direkte utvalgsverktøy (A) og enten justere verdien i kontrollpanelet på toppen eller ved å trekke sirkelmarkørene til Levende hjørner som du kan finne ved siden av hvert hjørne av formen mens den er valgt med Direkte utvalgsverktøy (A). Legg merke til at denne måten vi kan justere hvert hjørne separat eller alle hjørner samtidig, avhengig av ønsket resultat.
Fyll det avrundede rektangelet med lineær gradient fra brun til mørk lilla, og plasser begge glidebrytene i gradienten på samme punkt for å skape en tydelig kant mellom fargene.
Til slutt velger du formen med Utvalgsverktøy (V), holde Alt-Shift og dra formen til siden, og opprett en kopi. Legg til et par flere kopier og distribuere dem som vist nedenfor.
Ta Ellipseverktøyet (L) og lage noen sirkler for boblene. Sett Fylle til ingen og Stroke farge til mørkegrønn, og bytt til Skjermblandingsmodus.
Sett Stroke Weight til 1,5 pt enten i kontrollpanelet på toppen eller i Stroke panel.
Gruppe (Control-G) elementene i dysen for å holde bildet pent og organisert.
La oss nå legge til en snute til pistolen. Lage en 20 x 95 px rektangel, påføring av en lineær gradient fra hvit til lysgrå farge, etterligning av et frostet metall eller plastoverflate.
Velg formen med Direkte utvalgsverktøy (A) og la oss justere hjørnene. Gå til kontrollpanelet på toppen og klikk på Corners parameter for å åpne rullegardinmenyen. Å velge Chamfer Corner og sett Radius til 5 px, gjør en skråkantformet form.
Duplisere (Control-C> Control-F) formen og fyll toppen kopi med mørkegrønn farge. Ta Eraser Tool (Shift-E), holde nede alt, hold venstre museknapp og sprer utvalget over den venstre delen av formen, og bare etterlater en tynn strimmel ved høyre side. Slett musenøkkelen og -fila! -Vi har bare den tynne stripen igjen. Bytt dens Blandingsmodus til Skjerm, dermed skape et høydepunkt.
Dupliser (Control-C> Control-F) høydepunktet og dobbeltklikk på Reflekteringsverktøy (O) for å åpne opsjonsvinduet. Velg Vertikal akse og klikk på Kopiere knappen for å lage en speilvendt kopi.
La oss snappe kopien til motsatt side av snuten, ved hjelp av Rette inn panel. Velg både kopi og snute og klikk på snuten igjen for å gjøre det a Nøkkelobjekt (det blir merket med tykkere utvalg). Klikk Horisontal Juster Venstre i Rette inn panel for å holde formen til venstre kant av nesen.
Endelig endrer fyllfarge på kopien til lysegrønn og bytt på Blandingsmodus til Multiplisere, dermed skape en subtil flat skygge.
La oss fortsette å legge elementer til sløret. Lage en 30 x 45 px rektangel for tønnen på pistolen og fyll den med lineær gradient fra mørkblå til mørk lilla. Sende formen til Tilbake (Shift-Control- [) og Duplisere den. Krymp kopien til 15 x 45 px, bytt farge til lys lilla, og sett Blandingsmodus til Multiplisere, gjør en mild skygge fra nesen.
Avslutt med denne delen av våpenet ved å duplisere den mørke formen og krympe den til 30 x 15 px. Fyll formen med mørk farge og slå den på Skjerm modus, og skaper et blankt høydepunkt på metalloverflaten.
Vi mangler fortsatt noen skygger på glassdelen av blasteren vår. Bruke Rektangelverktøy (M) å lage noen rektangler av samme høyde som den grønne formen.
Fyll dem med en lys tint blå og bytt til Multiplikasjonsmodus.
Bruke Direkte utvalgsverktøy (A) for å velge det øverste venstre ankerpunktet for hvert rektangel. Slå den Tast inn nøkkel for å åpne Bevege seg alternativer vindu og sett Horisontal verdi til 5 px og vertikal verdi til 0 px. Klikk OK, flytter poengene til høyre og skar rektanglene.
Velg de opprettede rektanglene og Objekt> Forbindelsesvei> Lag (eller trykk på Kontroll-8) for å forene de separate skyggene i en sammensatt bane.
Plasser skyggene rett under de vertikale linjene, og flytt dem enten manuelt i lag panel eller ved Sende bakover (Kontroll- [) noen få ganger.
Lage en 210 x 25 px rektangel og bruk Eyedropper Tool (I) å plukke den lysgrå gradienten fra nesen. Send til Tilbake (Shift-Control- [), Plasser formen under metallkonstruksjonen av dysen.
Ta Direkte utvalgsverktøy (A) og velg nederste høyre ankerpunkt i formen. trykk Tast inn å åpne Bevege seg vindu og sett Horisontal verdi til -20 px og vertikal verdi til 0 px. Klikk OK å flytte et enkelt punkt til venstre.
La oss legge til detaljer, ved hjelp av Rektangelverktøy (M) og Eraser Tool (Shift-E), som vi gjorde tidligere. Dupliser (Control-C> Control-F) formen. Fyll formen med mørkere farge og bytt Blandingsmodus til Skjerm.
Beveg deg med Eraser Tool (Shift-E), holde alt og slett den nederste delen av formen, og la bare en smal stripe for høydepunktet på toppen.
Gjenta det forrige trinnet, legg til hakk og skygger i Multiplisere og Skjermblandingsmodus.
Opprett et annet lysgrå element i bunnen av dysen. Bruke Rektangelverktøy (M) å lage en 270 x 24 px form og legg til høydepunkter, skygger og hakk, bruk vår metode med kopier og Eraser Tool (Shift-E).
Gjør deretter en 20 x 110 px rektangulært stykke og plasser det vinkelrett på bunndetaljene. Velg begge deler og la bunnrektelet a Nøkkelobjekt ved å klikke på den igjen. Hodet til Rette inn panel og snap rektangelet til bunnen av Nøkkelobjekt ved å klikke på Vertikal justere bunnen knapp.
La oss gå videre og fortsette å designe kroppen av blasteren vår. Legg ved a 113 x 103 px rektangel til venstre kant av våpenet, med samme lysgrå lineær gradient.
Velg det øverste og nederste venstre ankerpunktet med Direkte utvalgsverktøy (A) og gjør hjørnene faset med 20 px radius, bruker menyen i øverste kontrollpanel.
Legg til en 113 x 30 px lyse stripe, bruke en lineær gradient fra levende oransje til rød.
Legg til hakk, høydepunkter og skygger, ved hjelp av teknikken som vi allerede har mestret på de forrige elementene. Gruppe (Control-G) Denne delen av våpenet og la oss gå videre!
La oss skildre en reloader eller et blad av vår pistol. Vi bruker den grønne delen som vi allerede har opprettet for å få fart på arbeidet vårt.
Duplisere dysen delen av blaster og gjøre den grønne linjen kortere, krympe den til om 164 x 40 px, og redusere antall mørke vertikale stenger til to.
Duplisere Nesens neselementer og fest dem til høyre på omlasteren, endre skalaen litt. Gjør det lysegråelementet litt bredere, til omtrent 28 x 75 px.
La oss lage en ekstern skrue for å gjøre reloader-delen mer detaljert.
Bruke Ellipseverktøyet (L) å lage en 15 x 15 px sirkel av mørkegrønn farge. Bytt den til Skjerm modus for å gjøre det halvtransparent og lyst. Duplisere sirkelen og gjøre toppen kopien mindre, setter størrelsen på 10 x 10 px.
Velg begge sirkler og bruk Minus Front funksjon av Pathfinder å klippe ut toppsirkelen, lage en ring.
Ender opp med å legge til en mørk sirkel inne i ringen, og plukker fargene fra blaseren. Gruppe (Control-G) alle elementene i skruen.
Legg skruen til den hvite delen av lasteren og fortsett ved å legge til en 230 x 15 px prop for å koble denne delen av våpenet til blasterens kropp.
Bruke Reflekteringsverktøy (O) å bla og kopiere elementene over Vertikal akse og fest dem til motsatt kant på omlasteren.
Husk å gruppe elementene for å holde alt i orden.
Nå kan vi endelig flytte til bunnen av blasteren og skape et håndtak. Bruke Rektangelverktøy (M) å lage en 75 x 140 px form med mørk lineær gradientfylling som vi kan velge fra nesen.
Velg de nederste ankerpunktene i formen med Direkte utvalgsverktøy (A) og treffer Tast inn å åpne Bevege seg panel. Sett Horisontal verdi til -50 px og vertikal verdi til 0 px, slik at formen skjeves til venstre.
Når du velger de nedre ankerpunktene som er valgt, gjør du Corners Chamfered i kontrollpanelet på toppen og sett inn Radius verdi til 12 px.
Duplisere grepet og bruk Eraser Tool (Shift-E) å skape en smal skygge øverst på elementet. Sett sin Blandingsmodus til Multiplisere.
La oss få grepet så detaljert og tredimensjonalt som mulig. Duplisere formen, hold Skifte og flytt toppenkopien langt til høyre, slik at kopiene overlapper litt.
Velg begge kopier og ta Form Builder Tool (Shift-M). Holde nede alt og klikk på den høyre delen for å slette den. Bytt gjenværende brikke til Skjerm modus, skape et høydepunkt.
Nå må vi legge til noen få tynne hakk, som vi gjorde tidligere, men denne gangen trenger vi dem til å gjenta grepens form for å få elementene til å passe hverandre.
Kopier (Control-C) grepsformen og Lim inn foran (Control-F). Holde Skifte og dra kopien til høyre side (den gule formen på skjermbildet nedenfor). Lim inn foran igjen (den røde figuren i skjermbildet nedenfor) og dra den nye kopien litt lenger til høyre, slik at kopiene overlapper slik at det bare er en tynn stripe som er synlig mellom dem.
Hvis du holder begge kopiene valgt, klikker du Minus Front funksjon av Pathfinder for å slette formen, og bare etterlate en tynn hakk. Juster fargen og bytt til Multiplisere modus. Duplisere Den opprettede formen, flytte den til siden litt, og slå den til et høydepunkt.
La oss også legge til en skygge i den nederste delen av grepet. Lag et rektangel, som overlapper bunnen av grepet. Velg både grepbase og rektangel og bruk Form Builder Tool (Shift-M) mens du holder alt for å slette den uønskede delen av rektangelet. Bytt gjenværende brikke til Multiplisere modus.
La oss gå videre til neste detalj av blasteren vår. Ta Rektangelverktøy (M) og lag en 145 x 50 px form med mørk-lilla lineær gradient fylling. Fest den til grepet, og klem det nederste venstre hjørnet til kanten av grepet.
Velg høydepunktet på høyre side av grepet sammen med den nye figuren. Ta Form Builder Tool (Shift-M) og klikk og dra over høydepunktet, og koble stykket av det nye rektangelet til det. Slett musenøkkelen, og der har du det! Det unødvendige stykket av rektangelet forsvant da det ble fusjonert med den andre formen.
Lage en 93 x 35 px rektangel og fyll det med en lys farge (rød, for eksempel) for å gjøre den tydelig synlig.
Duplisere det horisontale mørke rektangel, Bringe kopien til forsiden (Shift-Control-]), og flytte den til venstre, som dekker den røde formen, slik at det bare er et trekantet stykke igjen utenfor (jeg fyller topp kopien med brun farge for å gjøre det synlig også).
Velg begge figurene og bruk Krysse Fungerer for å modifisere det røde rektangelet, kutte av det trekantede stykket.
Ta Direkte utvalgsverktøy (A) og velg det øverste høyre punktet og begge bunnankerpunktene i den røde formen. Sett Hjørne skriv til chamfer og Radius til 6 px.
Velg både den røde formen og det mørke rektangel under det og bruk Minus Front funksjon for å kutte ut toppformen.
Legg til detaljer - skygger, høydepunkter og hakk - til formen, ved hjelp av Rektangelverktøy (M) og Form Builder Tool (Shift-M), som vi gjorde tidligere.
La oss nå utløse. Lage en 17 x 20 px rektangel med mørk lilla lineær fylling og fest en smalere rektangulær stripe til bunnkanten. Sende begge former til Tilbake (Shift-Control- [).
Velg ankerpunktene nederst til høyre med Direkte utvalgsverktøy (A) og trykk Tast inn å åpne Bevege seg vindu. Sett Horisontal verdi til 0 px og vertikal verdi til 7 px og klikk OK å flytte denne delen av avtrekkeren nedover.
Fullfør oppløseren ved å duplisere basen, gjør den mindre, og slå den til en skygge ved å bytte til Multiplisere modus.
Slik ser den nederste delen av blaster ut nå. Nesten ferdig! Bare noen få mindre detaljer igjen.
Legg til et klart metallelement på høyre side av konstruksjonen. Komplement med mindre detaljer og bruk Rektangelverktøy (M) å legge til en skygge i Multiplisere modus.
Avslutt ved å ta Curvature Tool (Shift-') og dra den venstre kanten av skyggen lenger til venstre, noe som gjør formen buet.
God jobb! Jeg håper du har hatt glede av prosessen med å designe et våpen og oppdaget noen tips og triks som kan være nyttige for fremtidens kunstverk. Du er velkommen til å dele resultatene dine i kommentarene nedenfor.
Ha det gøy!
Accentsconagua