Share
Ce veți creaEști interesat de filme SF, jocuri și arme fantastice? Urmați acest tutorial și încercați-vă de mână la designul de arme, prin crearea unui blaster spațial futurist în stil plat modă.
Vom modifica forme simple, deci nu aveți nevoie de nici un fel de abilități de desen sau echipament special pentru acest tutorial. Veți învăța cum să aplicați în mod corespunzător gradienții pentru a face elementele să iasă în evidență și pentru a obține un aspect complet. În plus, veți descoperi câteva sfaturi și trucuri în timp ce lucrați cu panoul Pathfinder, Shape Builder Tool și Modurile de amestecare, creând semne umbrite subțiri și subliniază blând pentru a adăuga o anumită dimensiune armei noastre, păstrând în același timp stilul general plat.
Până la sfârșitul acestui tutorial, veți fi învățat funiile de a crea un blaster plat și să puteți aplica aceste tehnici și să proiectați o varietate de arme plate, puști, săbii și alte tipuri de elemente de joc. Check out GraphicRiver pentru mai multă inspirație și să începem!
Mai întâi de toate, trebuie să creați o Document nou de 600 x 600 px în RGB Color Mode. Folosește Instrumentul dreptunghiular (M) pentru a face o 600 x 600 px pătrat albastru deschis pentru fundal și Alinia la artboard, folosind Alinia panou.
Înainte de a începe să creăm un element al armei noastre, ar trebui să avem o anumită idee despre designul și aspectul general. Va fi o pușcă spațială împotriva străinilor sau o adevărată armă străină? Va fi o pușcă puternică sau un tun mic de mână?
După discuții și idei de brainstorming, am ajuns cu o schiță bruta făcută în Adobe Illustrator cu ajutorul Instrumentul pentru creioane (N). Mi-a servit drept referință în timpul întregului proces de creare a unei versiuni finale a blasterului.
Să începem să ne construim arma din partea cea mai mare - o duză de sticlă cu un lichid verde gooey în interior (ceea ce este evident letal, deci ai grijă).
Prindeți Instrumentul dreptunghiular (M) și fă un a 250 x 40 px formă. Aplicați un gradient liniar de la verde deschis la verde mai închis. Puteți utiliza bara de culoare din Gradient pentru a muta glisoarele de culori, creând o margine distinctă dreaptă între culori.
Pentru a face acest lucru, selectați glisorul verde deschis din partea stângă a barei de culori și trageți-l spre dreapta. Faceți același lucru cu glisorul verde închis, trăgând-o în direcția opusă, făcând ambele glisante să se întâlnească într-un anumit punct al barei de culori (fie în mijloc, fie mai aproape de jumătatea dreaptă). Cu cât vă apropiați locurile de alunecare unul față de celălalt, cu atât devine mai clar și mai clar granița dintre ele.
Setați unghiul umplerii liniare la -90 de grade în Gradient panou, sau utilizați Instrument de gradient (G) și țineți Schimb pentru a regla direcția umplerii.
Adăugați două benzi maronii subțiri de aceeași lungime deasupra și dedesubtul dreptunghiului verde.
Copiați forma verde și Lipiți în față (Control-C> Control-F). ține Alt și micșorează forma, făcând-o mult mai îngustă. Umpleți noua formă cu culoarea solid închis verde și comutați Mod de amestecare la Ecran în Transparenţă panou, creând un punct culminant pentru a face suprafața duzelor slick și sticlos.
Luați Instrument rotunjit dreptunghi și fă un a 5 x 60 px forma cu colturi complet rotunjite.
Putem seta Raza de colț prin selectarea dreptunghiului cu Instrumentul de selecție directă (A) și fie să reglați valoarea din panoul de control din partea de sus, fie să trageți marcajele cercului din Live Corners pe care îl puteți găsi lângă fiecare colț al formei în timp ce este selectat cu Instrumentul de selecție directă (A). Observați că astfel putem regla fiecare colț separat sau toate colțurile simultan, în funcție de rezultatul dorit.
Umpleți dreptunghiul rotunjit cu gradient liniar de la maro la purpuriu închis, plasând ambele glisoare ale gradientului în același punct pentru a crea o margine distinctă între culori.
În cele din urmă, selectați forma cu Instrument de selecție (V), deține Alt-Shift și trageți forma în lateral, creând o copie. Adăugați încă câteva copii și distribuiți-le după cum se arată mai jos.
Luați Instrument de elipsă (L) și faceți câteva cercuri pentru bule. Seteaza Completati la nici unul și la Accident vascular cerebral culoare la verde închis și treceți la Modul de amestecare a ecranului.
Seteaza Greutatea accidentală la 1,5 pt fie în panoul de control din partea de sus, fie în Accident vascular cerebral panou.
Grup (Control-G) elementele duzei, pentru a menține imaginea curată și organizată.
Acum, să adăugăm o pistol la pistol. A face o 20 x 95 px dreptunghi, aplicând un gradient liniar de la culoarea albă până la gri deschis, imitând o suprafață de metal sau de plastic mat.
Selectați forma cu Instrumentul de selecție directă (A) și să ajustăm colțurile. Accesați panoul de control din partea de sus și faceți clic pe cornere pentru a deschide fereastra opțiunilor derulante. Selectați Chamfer Corner și setați Rază la 5 px, făcând o formă de muchie ascuțită.
Duplicat (Control-C> Control-F) forma și umpleți copia de sus cu culoarea verde închis-închis. Luați Instrumentul de ștergere (Shift-E), țineți-vă jos Alt, tine Butonul stânga al mouse-ului și împrăștiați selecția peste partea stângă a formei, lăsând doar o bandă subțire de partea dreaptă. Eliberați cheia mouse-ului și-voila! - avem doar banda subțire rămasă. Schimbă-l Mod de amestecare la Ecran, creând astfel un punct culminant.
Duplicat (Control-C> Control-F) evidențiați și faceți dublu clic pe Reflect Tool (O) pentru a deschide fereastra de opțiuni. Selectează Axa verticala și faceți clic pe Copie pentru a crea o copie în oglindă.
Să fixăm copia pe partea opusă a botului, folosind Alinia panou. Selectați atât copia, cât și botul și faceți din nou clic pe forma mușchiului pentru ao face Obiect cheie (se marchează cu o selecție mai groasă). Clic Aliniere orizontală stânga în Alinia panou pentru a lipi forma la marginea din stânga a botului.
În cele din urmă, schimbați culoarea de umplere a copiei pe verde deschis și comutați Mod de amestecare la Multiplica, creând astfel o umbră subtilă.
Să continuăm să adăugăm elemente în bot. Creeaza o 30 x 45 px dreptunghi pentru cilindrul pistolului și umpleți-l cu un gradient liniar de la albastru închis la purpuriu închis. Trimite forma la Înapoi (Shift-Control- [) și Duplicat aceasta. Reduceți copia la 15 x 45 px, schimbați culoarea la lumină purpurie și setați Mod de amestecare la Multiplica, făcând o umbra blândă din bot.
Finisați-vă cu această parte a armei prin duplicarea formei întunecate și prin micșorarea acesteia 30 x 15 px. Umpleți forma cu culoarea închisă și comutați-o Ecran mode, creând un accent lucios pe suprafața metalică.
Încă lipsesc umbre pe partea de sticlă a blasterului nostru. Folosește Instrumentul dreptunghiular (M) pentru a crea câteva dreptunghiuri de aceeași înălțime ca și forma verde.
Umpleți-le cu o nuanță de albastru deschis și treceți la Modul multiplicare.
Folosește Instrumentul de selecție directă (A) pentru a selecta punctul de ancorare din stânga sus al fiecărui dreptunghi. Loveste introduce cheie pentru a deschide Mișcare fereastră de opțiuni și setați Orizontală valoare pentru 5 px si Vertical valoare pentru 0 px. Clic O.K, mutarea punctelor spre dreapta și înclinarea dreptunghiurilor.
Selectați dreptunghiurile create și Obiect> Calea compusă> Efectuați (sau apăsați Control-8) pentru a uni umbrele separate într-o singură cale compusă.
Poziționați umbrele chiar sub liniile verticale, deplasându-le în mod manual straturi panou sau prin Trimiterea înapoi (Control- [) de câteva ori.
A face o 210 x 25 px dreptunghi și utilizați Instrumentul pentru picioare (I) pentru a alege gradientul gri deschis din bot. Trimitere înapoi (Shift-Control- [), plasarea formei sub construcția metalică a duzelor.
Luați Instrumentul de selecție directă (A) și selectați punctul de ancorare din dreapta jos al formei. presa introduce pentru a deschide Mișcare fereastră și setați Orizontală valoare pentru -20 px si Vertical valoare pentru 0 px. Clic O.K pentru a muta un singur punct spre stânga.
Să adăugăm detalii folosind Instrumentul dreptunghiular (M) si Instrumentul de ștergere (Shift-E), așa cum am făcut-o anterior. Duplicat (Control-C> Control-F) Forma. Umpleți forma cu culoarea mai închisă și comutați Mod de amestecare la Ecran.
Armați-vă cu Instrumentul de ștergere (Shift-E), deține Alt și ștergeți partea de jos a formei, lăsând doar o bandă îngustă pentru evidențierea de sus.
Repetați pasul anterior, adăugând crestături și umbre în Multiplica și Moduri de amestecare ecran.
Creați un alt element gri deschis în partea inferioară a duzelor. Folosește Instrumentul dreptunghiular (M) pentru a face o 270 x 24 px forma și adăuga evidențieri, umbre și crestături, folosind metoda noastră cu copii și Instrumentul de ștergere (Shift-E).
Apoi, faceți a 20 x 110 px bucată dreptunghiulară și plasați-o perpendicular pe detaliul de jos. Selectați ambele părți și faceți dreptunghiul de jos a Obiect cheie dând clic din nou pe el. Deplasați-vă la Alinia panou și fixați dreptunghiul în partea de jos a Obiect cheie dând clic pe Aliniere verticală inferioară buton.
Să mergem mai departe și să continuăm să proiectăm corpul blasterului nostru. Atașați a 113 x 103 px dreptunghi la marginea din stânga a armei, aplicând același gradient linear gri deschis.
Selectați punctele de ancorare stânga sus și de jos cu Instrumentul de selecție directă (A) și fă colturile teșit cu 20 px Radius, utilizând meniul din panoul de control superior.
Adauga o 113 x 30 px bandă luminată, aplicând un gradient liniar de la portocaliu viu la roșu.
Adăugați crestături, subliniază și umbre, utilizând tehnica pe care am reușit deja să o cunoaștem asupra elementelor anterioare. Grup (Control-G) această parte a armei și să mergem mai departe!
Să prezentăm un reloader sau o revistă a armei noastre. Vom folosi partea verde pe care am creat-o deja pentru a ne grăbi munca.
Duplicat partea de duză a blasterului și a face bara verde mai scurtă, micșorându-l până la aproximativ 164 x 40 px, și reducerea numărului de bare verticale închise la două.
Duplicat elementele de pistol ale armei și le atașați la marginea dreaptă a dispozitivului de reîncărcare, schimbând ușor scara. Asigurați-vă că elementul gri deschis este puțin mai larg, până la aproximativ 28 x 75 px.
Să facem un șurub exterior pentru a face partea de reîncărcare mai detaliată.
Folosește Instrument de elipsă (L) pentru a face o 15 x 15 px cerc de culoare închis verde. Porniți-l Ecran mod pentru a deveni semi-transparent și luminos. Duplicat cercul și faceți copia de început mai mică, stabilind dimensiunea acesteia 10 x 10 px.
Selectați ambele cercuri și utilizați Minus Front funcția deschizător de drumuri pentru a tăia cercul de sus, creând un inel.
Încheiați prin adăugarea unui cerc întunecat în interiorul inelului, luând culoarea din botul blasterului. Grup (Control-G) toate elementele șurubului.
Adăugați șurubul la partea albă a dispozitivului de reîncărcare și continuați adăugând a 230 x 15 px propuneți să conectați această parte a armei la corpul blasterului.
Folosește Reflect Tool (O) pentru a răsturna și a copia elementele deasupra Axa verticala și le atașați la marginea opusă a dispozitivului de reîncărcare.
A își aminti să grup elementele pentru a ține totul în ordine.
Acum putem să ne mișcăm în cele din urmă în partea de jos a blasterului și să creăm un mâner. Folosește Instrumentul dreptunghiular (M) pentru a face o 75 x 140 px forma cu umplutură gradientă liniară întunecată pe care o putem alege din bot.
Selectați punctele inferioare de ancorare ale formei cu Instrumentul de selecție directă (A) și lovit introduce pentru a deschide Mișcare panou. Seteaza Orizontală valoare pentru -50 px si Vertical valoare pentru 0 px, făcând astfel forma înclinată spre stânga.
Păstrați punctele de ancorare de jos selectate, faceți clic pe Colțurile au fost înclinate în panoul de control din partea de sus și setați Rază valoare pentru 12 px.
Duplicat aderența și utilizarea Instrumentul de ștergere (Shift-E) pentru a crea o umbră îngustă în partea de sus a elementului. Setați-o Mod de amestecare la Multiplica.
Să facem ca prinderea să fie cât mai detaliată și mai tridimensională posibil. Duplicat forma, țineți Schimb și mutați copia de sus spre dreapta, astfel încât copiile să se suprapună puțin.
Selectați ambele copii și luați Shape Builder Tool (Shift-M). Ține-te jos Alt și faceți clic pe secțiunea din dreapta pentru ao șterge. Schimbați piesa rămasă în Ecran mod, creând o evidențiere.
Acum trebuie să adăugăm câteva crestături subțiri, așa cum am făcut-o anterior, dar de data aceasta avem nevoie să repetăm forma de prindere pentru a face elementele să se potrivească reciproc.
Copiați (Control-C) forma de prindere și Lipiți în față (Control-F). ține Schimb și trageți copia în partea dreaptă (forma galbenă din ecranul de mai jos). Lipiți în față din nou (forma roșie din captura de ecran de mai jos) și trageți copia nouă un pic mai sus, făcând copiile să se suprapună, astfel încât să fie doar o bandă subțire vizibilă între ele.
Păstrați ambele copii alese, faceți clic pe Minus Front funcția deschizător de drumuri pentru a șterge forma, lăsând doar o crestătură subțire. Reglați culoarea și comutați Multiplica mod. Duplicat forma creată, mutați-o puțin pe partea laterală și transformați-o într-un punct culminant.
Să adăugăm și o umbră la partea inferioară a mânerului. Creați un dreptunghi, suprapunând partea inferioară a mânerului. Selectați atât baza de prindere, cât și dreptunghiul și utilizați Shape Builder Tool (Shift-M) în timp ce țineți Alt pentru a șterge partea nedorită a dreptunghiului. Schimbați piesa rămasă în Multiplica mod.
Să trecem la următorul detaliu al blasterului nostru. Luați Instrumentul dreptunghiular (M) și fă un a 145 x 50 px forma cu umplutură de gradient liniar purpuriu-purpuriu. Atașați-l la aderență, prinsând colțul din stânga jos până la marginea prinderii.
Selectați evidenția în partea dreaptă a mânerului împreună cu noua formă. Luați Shape Builder Tool (Shift-M) și faceți clic și trageți deasupra evidenței, conectând piesa noului dreptunghi la ea. Eliberați cheia mouse-ului și acolo îl aveți! Piesa care nu era necesară a dreptunghiului a dispărut, deoarece a fost îmbinată cu cealaltă formă.
Creeaza o 93 x 35 px dreptunghi și umpleți-l cu o culoare strălucitoare (de exemplu, roșu) pentru a fi clar vizibil.
Duplicat dreptunghiul orizontal întunecat, Aduce copia spre față (Shift-Control-]), și mutați-o spre stânga, acoperind forma roșie, astfel încât să rămână doar o bucată triunghiulară în afară (umplem copia de sus cu culoarea brună pentru a fi și ea vizibilă).
Selectați ambele forme și aplicați intersecta funcția de a modifica dreptunghiul roșu, tăind piesa triunghiulară.
Luați Instrumentul de selecție directă (A) și selectați punctul din dreapta sus și ambele puncte de ancorare de jos ale formei roșii. Seteaza Colţ tip la chamfer si Rază la 6 px.
Selectați atât forma roșie, cât și dreptunghiul întunecat de sub ea și aplicați Minus Front pentru a decupa forma de sus.
Adăugați detalii - umbre, subliniază și crestături - în formă, folosind Instrumentul dreptunghiular (M) si Shape Builder Tool (Shift-M), așa cum am făcut-o anterior.
Acum să facem declanșatorul. Creeaza o 17 x 20 px dreptunghi cu umplutură liniară purpuriu închis și atașați o bandă dreptunghiulară mai îngustă la marginea de jos. Trimite ambele forme Înapoi (Shift-Control- [).
Selectați punctele de ancorare din partea dreaptă jos cu Instrumentul de selecție directă (A) și apăsați introduce pentru a deschide Mișcare fereastră. Seteaza Orizontală valoare pentru 0 px si Vertical valoare pentru 7 px și faceți clic pe O.K pentru a muta această parte a declanșatorului în jos.
Finalizați cu declanșatorul prin duplicarea bazei sale, făcându-l mai mic și transformându-l într-o umbră prin trecerea la Multiplica mod.
Acesta este modul în care partea inferioară a blasterului nostru arată acum. Aproape terminat! Au mai rămas câteva detalii minore.
Adăugați un element metalic luminos pe partea dreaptă a construcției. Completați-l cu detalii minore și utilizați Instrumentul dreptunghiular (M) pentru a adăuga o umbră în Multiplica mod.
Terminați prin luarea Instrumentul de curbură (Shift- ') și glisând marginea din stânga a umbrei în continuare stânga, făcând forma arcuită.
Buna treaba! Sper că v-ați bucurat de procesul de proiectare a unei arme și ați descoperit câteva sfaturi și trucuri care ar putea fi utile pentru viitoarele dvs. lucrări de artă. Simțiți-vă libertatea de a vă distribui rezultatele în comentariile de mai jos.
A se distra!
Accentsconagua