Share
Ce veți creaÎn acest tutorial veți învăța să faceți o mașină de artă pixel izometric. Caracterul tău este gata; merge o plimbare.
Vom crea un sedan relativ generic. Nu va fi prea sclipitor, ceea ce este ideal pentru reciclarea de mai multe ori pe aceeași ilustrație (util dacă faceți o scenă de oraș!). Dar chiar dacă va fi generic, nu ar face rău pentru a vedea unele imagini de referință; poate exista elemente de design simple din modelele masinilor reale pe care le poti incorpora in grafica masinii tale.
Asigurați-vă că ați trecut deja prin tutorialul de caractere pixel izometric; acoperă elementele de bază necesare pentru stilul ilustrației și vom folosi caracterul creat în acea lecție ca un fel de etalon pentru masina.
Vom începe cu formele principale ale mașinii, în primul rând cu dreptunghiuri și apoi cu câteva forme mai interesante.
Vom face o masina destul de mica. Deci, ar trebui să fie mai larg decât două dintre personajele noastre, bineînțeles, deoarece cel puțin doi ar trebui să poată să stea alături în ea, iar lungimea ar trebui să fie de aproximativ două ori mai mare decât lățimea. Deci, să facem un dreptunghi pentru a reprezenta amprenta.
Colțurile nu vor fi drepte și ascuțite, așa că să le rotunjim puțin.
Selectați și copiați dreptunghiul rotunjit și apoi completați-l cu negru.
Reduceți opacitatea pe acest strat la 20%.
Sfat: puteți schimba procentajul de opacitate apăsând numerele de pe tastatură în timp ce instrumentul de mutare este activ. Apăsarea 2 este egală cu opacitatea de 20%.
Odată ce ați coborât opacitatea plinului dreptunghiului, lipiți dreptunghiul original peste el, lăsați-l într-un strat nou și mutați-l cu 4 px. Am făcut deja umbra mașinii; nu uitați să îl actualizați dacă în orice moment schimbați dimensiunile mașinii.
Acum duplicați linia inferioară a corpului mașinii și plasați copia cu 10 px mai sus (amintiți-vă că puteți face acest lucru selectând-o, apoi apăsând Alt-Shift-Up Arrow) sau reglați această înălțime după cum doriți; păstrați caracterul în jurul valorii de pe un alt strat, astfel încât să puteți verifica dimensiunea împotriva ei ori de câte ori doriți.
Să ne alăturăm celor două dreptunghiuri și să eliminăm liniile de fundal până când vom obține cărămizi de acest gen!
Vom da masinii o bara de protectie spate, care se proiecteaza putin, selectand primele doua colturi si mutandu-le in jos pe un pixel (si pe doua)
Acum adăugați un dreptunghi în locul în care doriți ca ferestrele și parbrizele să înceapă proiectarea.
Desenați o linie diagonală (1: 1) din colțul din stânga al acestui dreptunghi nou și duplicați-l astfel încât să se proiecteze două diagonale paralele din forma cărămizii. Aceste linii se vor intalni in partea de sus cu o noua linie de 2: 1, care va fi acoperisul masinii.
Acoperișul nu trebuie să fie mult mai mare decât linia anterioară anterioară (și ar trebui să fie, de preferință, un număr par de pixeli mai mare, dacă vă place să fii obsedat de detalii).
Acum pe colțul frontal al noului dreptunghi vom avea nevoie de o altă pereche de linii pentru a defini parbrizul. Cu toate acestea, nu vor fi diagonale ca primele linii, deoarece parbrizele se aproape întotdeauna se îngustează în timp ce se ridică, așa că vor fi 1: 2 linii.
Sa ne alaturam acestor linii de parbriz pentru a obtine conturul complet al parbrizului din fata. Ștergeți pixelii rămași în interiorul acestor contururi.
Acum avem nevoie de o altă linie de 2: 1 pentru contururile de sus ale ferestrelor.
Să scăpăm de acei pixeli aglomerați:
Faceți o linie frumoasă pentru a vă alătura conturului ferestrei de sus și de jos din spatele mașinii; Am ales să le fac cu colțuri rotunjite:
Finalizați partea superioară a mașinii prin adăugarea unei contururi spate (cu colț rotunjit) și a unei linii verticale pe fereastră pentru a separa partea din față și din spate.
Acum ajungem la un element destul de nou: un cerc.
Este relativ ușor să transformați un element plat din perspectiva frontală în vederea izometrică, stabilind o înclinare verticală la 26,5˚.
Făcând asta ar avea ca rezultat:
Mai întâi, aveți cercul din față; atunci, îl aveți cu oblica de 26,5˚; și în cele din urmă vă lustruiți pe cei biciuiți.
Dar vom face anvelopele noastre într-un mod diferit pentru a avea mai mult control asupra esteticii și a diminuării zgomotului, și se vor încheia cu pneuri foarte rotunde.
Să folosim personajul pentru a seta câteva înălțimi. Linia de jos aici este nivelul podelei, linia de mijloc este linia de jos a corpului mașinii, iar linia de sus va fi partea superioară a anvelopei. Alături de oameni, anvelopele merg, de obicei, până la jumătatea coapsei, astfel încât acestea vor fi puțin mari, dar vor funcționa bine.
Acum, să adăugăm două linii verticale pentru a avea un pătrat. Ștergeți restul pixelilor (este bine să păstrați biți de la linia de mijloc pentru a face plasarea mai ușoară mai târziu).
Acest pătrat va fi limitele cercului nostru. E în regulă dacă arată mai înalt decât este larg. Cele două linii verticale de aici sunt la distanță de 7 px.
Aici în roșu este cercul pe care îl voi folosi; păstrează în principal linii drepte, astfel încât va arăta destul de curată, dar încă suficient de rotundă.
În negru este cercul finit, cu pixelii de pe pătratul de ghidare deja șterși.
Este timpul să adăugăm anvelopele la mașina noastră. Iată sugestia mea de plasare.
Dar nu ezitați să încercați locuri ușor diferite.
Este util să mutați aceste elemente în jurul valorii de tastele săgeată pe un alt strat, pentru a afla unde credeți că vor arăta cel mai bine. Odată ce se află în locul dulce, puteți să fuzionați.
Avem majoritatea liniilor principale terminate deja, deci este timpul să începeți să completați toate zonele goale cu detalii și culori!
Să terminăm anvelopele. Cauciucul cauciucului ar trebui să fie mai gros, deci adăugați un rând suplimentar de pixeli în jurul cercului:
Nu este nevoie să o faceți pe ambele pneuri; vom lucra la una până când vom face și apoi vom copia.
Umpleți cercul interior gol cu gri sau orice culoare doriți pentru jantele.
Aici este deja un pic de detaliu de lucru în gri mai inchis adaugă la jantă. Lucrăm la detalii atât de mici, încât este important să verificăm cum arată când este micșorat; dacă nu "citește" curat, atunci ar trebui să simplificați.
De obicei, antialiasingul trebuie evitat în arta pixelului izometric, dar cred că la o scară atât de mică, pot fi făcute excepții. În acest caz, antialiasingul ajută în mod semnificativ ca pixelii din mijlocul jantei să pară un cerc concentric. E vorba de cât de multe detalii putem adăuga la un element atât de mic.
Pentru a termina anvelopa am adăugat un pixel suplimentar de antialiasing pentru a face ca marginea să arate mai puțin decolorată și am adăugat de asemenea un cuplu de pixeli ca punct culminant pentru cauciucul cauciucului:
Anvelopa este făcută, deci poate fi aplicată în celălalt cerc:
Pentru a face ferestrele, puteți încerca să adăugați evidențieri și reflecții sau să încercați să afișați mai multe detalii despre interior. Poate exista multe moduri de abordare a acestora. Stilul pe care îl folosesc cred că reușește să obțină efectul ferestrei fără prea multă muncă.
Umpleți zonele ferestrei cu o culoare acvamarină închisă sau albastră.
Ar trebui să fie mai ușoară decât culoarea conturului, dar nu atât de mult.
Acum adăugați niște detalii mai ușoare, cu o nuanță mai strălucitoare de acvamarină / albastru, ca în cazul în care lumina reușește doar să atingă ceea ce se apropie de geam (tabloul de bord, roata și marginea ușii) lăsând restul în obscuritate. Nu trebuie să vă faceți griji în legătură cu atât de multe detalii aici.
Seamănă cu ferestrele colorate.
Să adăugăm culoarea mașinii!
Iată o alegere destul de îndrăzneață:
Adăugați o nuanță mai închisă în zona inferioară. 15% mai puțin luminozitate ar trebui să funcționeze bine.
Vom folosi doar partea din față a liniei care trece prin mijlocul mașinii. Selectați-l și copiați-l de mai multe ori sub el; vom face farurile, grătarul și alte detalii cu acești pixeli.
Dar linia din partea pe care nu o vom avea cu adevărat nevoie, așa că îndepărtați asta.
Umpleți pixelii între aceste linii noi cu culoare albă sau puțină lumină, care vor sta la baza farurilor.
Acum adăugăm grătarul, tăind prin mijlocul ariei mari albe pe care tocmai l-am făcut. Grillul va fi gri închis, puțin mai ușor decât culoarea conturului.
Farul cel mai din stânga este de numai un pixel lățime, deoarece se presupune că merge în colțul mașinii, ceea ce este destul de corect, geometric.
Acum linia de jos va face lumini de ceață și plăcuța de înmatriculare. Continuați și eliminați pixelii alb-negru inutili.
Pentru a finaliza aceste detalii, vom reduce contrastul pe liniile din jurul pixelilor albi, făcându-le o nuanță neagră a culorii mașinii, dar destul de strălucitoare decât culoarea obișnuită a conturului.
Acum că majoritatea "feței" mașinii este terminată, este o șansă bună de a netezi unele colțuri, pe măsură ce ne apropiem de aspectul final.
Aici am șters colțul peste farul din stânga și colțul din dreapta deasupra trunchiului, precum și colțul din spate al barei din spate. Cred că aceste schimbări fac mașina să arate mai sportiv.
Adăugați evidențiați unde credeți că este necesar (imaginile de referință ar putea ajuta).
Cred că evidențiază chiar lângă margini ajutorul pentru a transmite un aspect metalic, așa că i-am aplicat la majoritatea marginilor.
Și aici adaug o nouă nuanță mai deschisă pe unele zone selectate pe care vreau să le arăt un pic mai mult.
Amintiți-vă că puteți face o umbră mai ușoară prin reducerea saturației. Utile în cazul în care sunteți deja la 100% luminozitate, dar umbra nu este încă suficient de ușoară.
O mare zonă de evidențiere a capotei cred că ajută la scoaterea volumului mașinii și a face să pară metalică.
Cele mai importante momente necesare vor merge pe marginea acoperișului și în jurul ferestrelor
Acum, să adăugăm câteva mânere pentru ușile mașinii. Ei vor fi pur și simplu doi pixeli mai buni chiar peste doi pixeli mai întunecați.
În mod similar, puteți adăuga barele de protecție pentru uși:
Opțional detalii minore: reduceți contrastul pentru linia de acoperiș din spate:
Să adăugăm oglinzi retrovizoare!
Vor fi așa:
Cu unul dintre ele arăta larg și celălalt subțire, așa cum se vede marginea lui.
Găsiți-le un loc frumos și puneți-le.
Eliminați orice pixeli inutili și curățați contrastul inutil.
Și asta este cam mult pentru mașina ta!
Cum arată chiar lângă personajul tău? Ați prefera să o faceți mai largă, mai lungă sau mai mică? Aceste schimbări nu sunt greu de făcut. Dar cred că această dimensiune este bine.
Este foarte ușor să faceți versiuni color diferite ale mașinii dvs.! Poti sa te duci la Imagine> Ajustări> Nuanță / Saturație ... pentru a găsi cu ușurință alte culori pe care le-ați putea dori. Aplicați modificările numai în zonele adecvate ale mașinii și editați individual culorile, dacă este necesar.
În curând, veți avea o flotă, gata să populeze străzile unui oraș de artă pixel.
Sper că sunteți mulțumit (ă) de mașina dvs.!
Nu ar fi prea greu să transformi sedanul într-un SUV sau într-o mașină compactă. Adăugați câteva dungi de curse sau alte accesorii, iar inventarul dvs. ar putea continua să crească!
Verificați tutorialul casei dacă doriți mai mult artă pixel.
Sper că acest lucru a fost de ajutor și nu prea greu pe minutiae!
Accentsconagua