Cum se creează o fabrică de pixeli izometrice în Adobe Photoshop

Ce veți crea

Continuăm munca în lumea artei pixel izometrice și, cu această ocazie, vom adăuga un loc de muncă industrial la biblioteca noastră. Poate că ar fi bine să o facă să arate cumplită, dar asta nu înseamnă că nu poate fi destul de bine.

Vom folosi din nou o textură de cărămidă, câteva elemente metalice, coșuri imense și niște smocuri de fum. Sa trecem la treaba.

Verificați tutorialele anterioare din această serie dacă nu ați făcut-o; cele mai multe lecții acoperă sfaturi și trucuri Photoshop și specificații pixel-artă pe care nu le acoperim neapărat în tutorialele ulterioare.

Toate aceste lucrări izometrice, geometrice, pixel-perfecte pot deveni dificile sau plictisitoare; dacă descoperiți că lucrați neatractiv, nu ezitați să faceți cumpărături pentru o grafică izometrică gata făcută pe Envato Market.

1. Definiți dimensiunile

Personalizați pixelul. Vom face o fabrică înaltă pe două nivele - nu va fi uriașă, dar va fi o cutie mare, cu niște coșuri foarte înalte și smocuri mari de fum care se împușcă, așa că va fi totuși o dimensiune foarte respectabilă

M-am gândit să fac un acoperiș de fierăstrău (destul de obișnuit în imaginile fabricilor), dar atunci am crezut că nu este necesar și probabil că nu mai este foarte comună. Încă vom face clădirea noastră să pară foarte industrială.

Pasul 1

Utilizați caracterul pentru a găsi o înălțime de nivel dorită și apoi dublați-o.

Am adăugat linii suplimentare (4 px între fiecare) pentru fiecare nivel ca un ghid pentru textura cărămizii care urmează să fie adăugată mai târziu. În acest fel, am grijă de liniile de cărămidă în timp ce plasez ferestre și alte elemente arhitecturale.

Deasupra celui de-al doilea nivel am lăsat o linie suplimentară pentru ca acoperișul să aibă un mic pervaz.

Pasul 2

Acum, să definim o lățime pentru clădire. Ar trebui să fie suficient pentru cel puțin un camion - nu că am acoperit încă un camion în aceste tutoriale!

Pasul 3

Și acum adăugați o adâncime. Acest lucru nu trebuie să fie o dimensiune fixă; am putea să o modificăm atunci când adăugăm ferestrele.

Pasul 4

Închideți unele suprafețe adăugând câteva linii suplimentare. De asemenea, este posibil să definiți deja lățimea porții metalice pe care o adăugăm în față.

Pasul 5

Acestea vor fi lățimile ferestrelor. Sub una dintre ferestre, vom avea o ușă, așa că, în principiu, trebuie să facem liniile la fel de largi precum ne-am aștepta să fie o ușă. Restul ferestrelor nu vor avea uși, dar pentru consistență (și pentru a face munca mai ușoară) toți vor avea aceeași lățime.

Apoi, puteți închide volumul prin adăugarea liniilor de colț rămase.

Pasul 6

Aici adăugăm deja puțină adâncime la poarta și la ferestre.

Pasul 7

Și apoi adăugați un pic mai mult adâncime pentru a avea pervazul acoperișului.

2. Creați structuri suplimentare

Am făcut destul de mult caseta noastră mare. Clădirea va fi simplă, dar există și alte câteva structuri care vor ajuta cu adevărat să spună că este o fabrică: adică, coșurile mari.

Pasul 1

Aici am început să adaug un contur pătrat ca o cutie de legare pentru amprenta unuia dintre coșuri. De asemenea, marc distanța dintre coș și adăugând o linie la fel de îndepărtată pe partea opusă a cutiei de coș. Aceste linii ne vor ajuta să construim o bază pentru coșuri.

Faceți acest lucru într-un Strat nou.

Pasul 2

Să adăugăm o altă linie, la fel ca cele din urmă care intră în spatele pieței de referință a coșului de fum. Aliniați ultima linie cu acoperișul și începeți să o extindeți spre locul unde vom adăuga încă două coșuri.

Pasul 3

Faceți noile coșuri de fum în mod echidistant. Nu voi face coșurile și baza lor centrate sau complet simetrice. Poți, dacă vrei, dar uneori niște ușile de design se deschid atunci când îți dai drumul de simetrie sau echilibru rigid.

Pasul 4

Aceasta va fi lățimea bazei. Vreau să se retragă puțin de pe fațadă, așa că am făcut-o să nu se alinieze cu fața doar puțin.

Pasul 5

Baza va fi o cutie lungă, cu un pic de înălțime, la fel ca câțiva pași.

Pasul 6

Finalizați cutia care alcătuiește baza cu coloanele suplimentare de colț și curățați liniile din spate.

Am adăugat câteva linii de marcaj roz care se potrivesc colțului de pe acoperiș pentru a ajuta la mutarea și poziționarea bazei la nivelul solului, unde se vor potrivi colțul din stânga jos.

Pasul 7

Cutia este plasată la nivelul solului. Acum puteți șterge liniile de marcare.

Pasul 8

Acestea sunt cele trei cilindri care vor face hornurile. Sunt destul de înalte?

Pentru a le face, poți, pe a Strat nou, trageți un cerc cu marginile sale care se potrivesc cu marginile coșurilor de referință ale coșului de fum. Cercul se poate face cu Instrument eliptic Marquee, umplerea selecției eliptice cu culoarea conturului și apoi ștergerea pixelilor interiori, ceea ce se poate face prin contractarea selecției (Selectați> Modificare> Contract ... ) cu 1 px și lovirea ștergerii.

Odată ce ați cercul, copiați-l în partea de sus, direct deasupra, la înălțimea dorită și apoi adăugați liniile verticale pentru a termina forma.

Pasul 9

Curățați liniile inutile. Adăugați cercurile interioare pentru a deschide coșurile.

Am editat cercurile exterioare la ceea ce credeam că a făcut un aspect mai curat. Cleanerul poate fi adesea mai bun decât arta pixel.

Cu aceasta, toate structurile majore sunt acum realizate.

3. Finalizați suprafețele clădirii

Să dăm colorarea și texturarea deja din drum, deoarece vom adăuga mai multe clopote și fluiere spre clădire.

Pasul 1

Am folosit o textura de caramida in multe tutoriale din aceasta serie. Nu vreau să o abuzez, dar îmi place foarte mult textură de cărămidă, așa că vom face o versiune puțin diferită și mai simplă de data asta.

Vreau ca fabrica să arate puțin întunecată, așa că aleg un fel de culoare ciocolată pentru asta. Este aplicată pe toate zidurile și în aceeași umbra, pentru moment.

Liniile de textura sunt destul de jignitoare, așa că să le oferim o nuanță mai frumoasă. Este ușor de făcut cu Instrumentul pentru găleți de vopsea cu contiguu (cu condiția ca liniile de texturi să aibă o culoare unică ... în caz contrar, veți schimba culoarea a tot ceea ce a împărțit aceeași nuanță în acel strat / selecție).

Pasul 2

Acum, să scădem vârfurile porții și ferestrelor și să scăpăm de liniile inutile din zona respectivă.

Pasul 3

Fereastra din față era menită să aibă o ușă pe primul nivel, așa că să-i dăm un cadru.

Puteți, de asemenea, să începeți să adăugați o nuanță mai închisă de maron pe partea dreaptă (sau nu contează ce parte, atâta timp cât este în concordanță cu celelalte piese). Amintiți-vă, de asemenea, umbra liniile de cărămidă puțin mai întunecate pe partea umbroasă.

Pasul 4

Pentru a nu face fabrica prea plictisitoare, vom adăuga o altă culoare la ea, în partea de sus și în partea de jos.

Iată topul cu noua culoare cremă (poate că este o fabrica de cremă de ciocolată?), Cu unele umbre deja. Ca de obicei aș recomanda să faci cea mai ușoară umbrire din partea de sus și cea mai întunecată din partea dreaptă - luminozitatea lor se poate schimba cu 8% până la 15%.

Pasul 5

Aplicați culoarea din partea de jos.

Pasul 6

Nu vom avea nevoie de linii de cărămidă pentru partea de jos.

Pasul 7

Vom face ca baza coșurilor să se potrivească cu partea superioară a clădirii, așa că să ajungem la colorarea acoperișului cu o culoare gri închis.

Pasul 8

Și aici se aplică o textura simplă pe acea suprafață gri închisă - poate fi pietriș sau orice ar putea fi un material bun pentru o suprafață acoperiș.

De asemenea, să adăugăm cele mai importante elemente în partea de sus și să curățăm liniile mai întunecate. Și reduce contrastul pe colțurile interioare, unde se întâlnesc suprafețele.

Pasul 9

Deci, acum luăm pașii de mai sus și le aplicăm la baza coșurilor de fum, principala diferență fiind că această cutie nu are o muchie ca acoperișul.

Pasul 10

Acum hai să dăm un coș gri la coșuri. De asemenea, ar putea funcționa ca un gri cald la o înălțime de aproximativ 40˚, dar, deoarece avem deja o mulțime de culori calde, am optat pentru o nuanță mai rece.

Puteți încerca să faceți ca aspectul betonului, sau puteți face dungile albe și roșii pe care le au uneori coșurile de fabricație. Am încercat pe aceștia și am preferat aspectul concret.

Pasul 11

Finalizați umbrirea chiar pe vârfurile coșurilor.

Am ajuns sa modificam liniile originale destul de putin, dar cred ca este cel mai bun deoarece, asa cum am mentionat mai devreme, curatatorul poate fi adesea mai bun decat arta pixel.

Desigur, nu trebuie să trageți de trei ori toate aceste elemente - puteți lucra doar pe unul dintre coșuri, iar când sunteți mulțumit de el, îl copiați pentru celelalte două.

Pasul 12

Acum vom adăuga niște umbriri la coșuri. Există multe modalități de a face umbrire cilindrică. Aici este doar o bandă luminoasă chiar lângă marginea din stânga și una întunecată lângă marginea dreaptă și am adăugat muchii zimțate mici doar pentru a scăpa de liniile verticale perfecte ale dungilor; au făcut coșurile să arate puțin lucioase.

Pasul 13

Acum, să facem corect părțile de sus ale ferestrelor. Le puteți lăsa pătrat, dar am avut în minte o arcadă.

Iată ce am făcut pentru a obține forma arcului.

Luați acest lucru ca pași multiple; M-am gândit că este convenabil să demonstrez progresul pe o singură fațadă.

Pe o Strat nou, luați un cerc cu aceeași lățime ca ferestrele și setați oblic vertical (Editare> Transformare liberă) la 26,5˚. Apoi păstrați doar conturul. Curățați liniile pentru a evalua mai bine progresul. Și în final faceți propriile ediții în cerc; dacă puteți face linia să fie mai puțin jagged sau mai rotunjite, du-te pentru ea.

După ce ajungeți la versiunea finală a ferestrei, o puteți aplica restului ferestrelor.

Pasul 14

Să adăugăm evidenția ferestrelor (și ușii). Evidențiază ca de obicei chiar pe colț, dar pe arce poate fi un pic dificil în partea de sus, unde o linie de culori trebuie să se transforme într-un fel într-un contur întunecat.

Iată o vrajă de top a conturului - este aproape neagră, atunci este doar maro închis, și apoi a dispărut. Punctul culminant se ridică și se estompează la aceeași zonă în care linia aproape neagră dispare. Ei alerg alături de acea mică zonă. Adăugați o nuanță mai închisă de culoare cărămizie pe perete chiar sub această zonă.

După ce sa terminat, aplicați restul ferestrelor.

Pasul 15

Acum haideți să tragem fundul ferestrelor.

Este destul de simplă pentru fereastra scurtă; păstrăm culoarea cărămizii, doar într-o nuanță mai deschisă.

Pentru ferestrele lungi am încercat să-i dau o pantă mică pe cadrul inferior; liniile sunt foarte scurte, dar ele cresc într-o diagonală de 1: 1 și care oferă ferestrelor, cred, un pic mai mult de dimensiune. Culoarea rămâne cremă (dar o nuanță mai deschisă) pentru a se potrivi cu baza.

Pasul 16

Încă un mic truc pentru a da bazei un pic mai mult de dimensiune: se proiectează doar puțin pe colțuri. Unele subliniază pe linia superioară a bazei, de asemenea, ajută la obținerea volumului suplimentar.

Pasul 17

Acum, haideți să lucrăm la poarta de colectare metalică. Am mutat liniile doar pentru că am vrut ca linia de fund să fie foarte subțire. De asemenea, am redus contrastul pentru liniile de textura.

Pasul 18

Încercați să adăugați un punct culminant la linia de jos - poate arăta un pic ca o buză, care cred că funcționează bine pe o poarta rollup. De fapt, poate chiar să scoată un pic mic chiar pe colțul vizibil unde se întâlnesc solul, peretele și poarta.

În cele din urmă, contrastul este mai redus la colțurile interioare, unde se întâlnesc suprafețele.

Pasul 19

Pe ușă și pe ferestre.

Aproape am mers cu o ușă galben deschisă, pe măsură ce mergea bine cu restul culorilor și ar fi adăugat ceva care apare. Dar în cele din urmă l-am păstrat întunecat, ca o ciocolată neagră ... Cred că asta trebuie să fie o fabrică de ciocolată.

Usa este foarte simpla. Tocmai am adăugat un dreptunghi interior, un subțire subtil și trei pixeli metalici pentru a reprezenta o încuietoare.

Pasul 20

Ferestrele, așa cum le prefer, de obicei, au o nuanță acvamarină, dar nu prea luminată sau prea saturată. Cadrele din jurul ferestrelor ar fi putut fi aproape albe, dar am decis să le fac să se potrivească cu ușa; doar o brichetă.

Pasul 21

S-ar putea să fi fost noroc, dar am reușit să adaug șine la ferestre la intervale regulate, în timp ce se potrivesc diferitele funduri ale ferestrelor înalte și cele scurte. Ferestrele pot funcționa la fel de bine, fără șine sau cu șine minime.

Acesta este modul în care i-am adăugat, cu efectul obișnuit al ferestrei (o nuanță mai închisă a culorii de sticlă în formă de L, paralelă cu marginile cele mai îndepărtate ale fiecărui cadru).

Pasul 22

Și iată ce arată după ce a curățat.

Pasul 23

În ceea ce privește textura cărămizilor, vom face acest lucru cu o abordare diferită față de cea din lecțiile anterioare.

Avem deja liniile orizontale și așa putem, într-un Strat nou, trageți liniile verticale. Trebuie doar să tragem câteva dintre ele și apoi să putem copia (sau Alt-Nudge) pe toată suprafața. Voi da aceste linii verticale o umbra putin mai inchisa decat cele orizontale. Pe punctele în care se întâlnesc liniile orizontale și verticale, verticalul va predomina, motiv pentru care am desenat verticalele peste orizontale.

Pasul 24

Pentru a aplica textură, mergeți la stratul cu pereții maro și selectați culorile cărămizii și cărămizile cu Magic Wand Tool. Apoi, reveniți la stratul cu linii de textura, inversați selecția (Selectați> Inverse) și lovit Șterge.

Apoi curatati liniile de pe interiorul ramei de fereastra si dati liniei culoarea maro dorita.

Este o textură destul de simplă, dar eficientă. Înainte de a începe, să încercăm rapid o versiune alternativă.

Pasul 25

Aici în a Strat nou Am adăugat o culoare diferită (numai pentru contrast) pixelilor din partea superioară și marginilor frontale ale cărămizilor; astfel încât fiecare cărămidă are un fel de L îndreptat spre colțul din față.

Din nou, trebuie doar să trageți din câteva cărămizi și apoi să repetați din nou și din nou până când nu ați acoperit toate suprafețele.

Pasul 26

Apoi, întoarceți acele linii în nuanțe mai ușoare decât culoarea cărămizii din fundal și obțineți acest efect de cărămidă.

Îmi place, dar nu sunt convins de asta; se pare ca ar fi aglomerat grafic un pic in timp ce nu cauta, in opinia mea, mult mai bine decat versiunea fara efect. Așa că voi continua fără ea.

Dar a fost o opțiune bună de a încerca sau de a păstra în jur pentru utilizarea viitoare.

4. Adăugați elemente industriale

Deci nu sunt sigur ce este o fabrica de ... ar putea fi adevarat ca e vorba de ciocolata, dar nu este sigur ce folosesc fabricile de ciocolata ale masinilor, voi adauga elemente pentru a face constructia sa arate mai industriala.

Pasul 1

Iată un ghid de plasare (Strat nou) pentru elementele pe care le vom adăuga.

Cel mai mare pătrat va fi un rezervor de apă (sau alt lichid?). Cele mai mici vor fi orificiile mici de acoperiș, iar ceilalți ar putea să nu fiu foarte sigur, dar se vor potrivi frumos.

Pasul 2

Am acoperit deja guri de aerisire mici în tutorialul clădirii, dar aici este din nou o modalitate destul de simplă de a le face.

Pentru a contribui la obținerea unui aspect metalic, schimb culoarea împreună cu luminozitatea, astfel că nuanțele mai ușoare devin mai calde, mai aproape de galben, în timp ce nuanțele mai întunecate devin mai reci.

Pasul 3

Acum transformăm pătratul mai mare într-un rezervor de apă.

Mai întâi vom face un cilindru. Umbra ar trebui să fie neagră aplicată la opacitate de 10% -20% - Tind să utilizez 15%. În ultimul pas aici, există o lățime suplimentară pentru cercul superior al cilindrului.

Pasul 4

Această lățime suplimentară vă va ajuta să îi dați capacul conic pe care aceste lucruri par să-l aibă.

Dați-i o culoare gri și o culoare închisă pentru picioare, sau poate aceeași gri ca și restul tancului.

Pasul 5

Iată umbrirea. Urmează foarte mult stilul de umbrire pe coșuri, dar am adăugat mai multe nuanțe, pentru că aceasta este o formă mai largă și părea prea puțin prea mică, cu doar trei nuanțe.

Umbrele de pe partea de sus ar trebui să aibă forme de pană îndreptate spre partea superioară a rezervorului.

Pasul 6

Acum, la cutiile care pot sau nu pot fi unități de climatizare.

Cutiile sunt destul de simple. Acestea ar trebui să pară totuși destul de metalice și să aibă niște fante sau orice altceva care să o facă mai puțin simplu.

Pasul 7

Aici se termină cutiile și furtunurile / cablurile au o umbrire pentru a arăta un pic de volum, iluminare și contururi care se îmbină mai bine cu mediul.

Pasul 8

Acum hai să facem un alt rezervor. Acesta va fi mai mic, se va afla pe orizontală și va avea o conductă care se va conecta la fabrica.

Tragem dreptunghiul într-un cuboid și într-un cilindru prin tragerea cercurilor de pe cele două capete. Să păstrăm puțin această formă în ceea ce privește umbra.

Pasul 9

Acum vom aplica culori metalice și umbriri cilindrice.

Umbra maronie de jos este destinată să fie o reflectare a solului. Nu sunt sigur dacă a reușit, dar am păstrat-o.

Pasul 10

Vom adăuga un pic de umbrire conică în cercul din față și vom crea o țeavă, care seamănă mai mult cu paie în acest stadiu.

Pasul 11

Am dat o țeavă cu o culoare diferită de cea a rezervorului, deoarece poate fi un material diferit. Am lărgit evidenția la cotul conductei, pentru că acolo cred că va străluci cel mai mult, fiind metalic.

În cele din urmă, adăugați un suport și înmuiați liniile de colț în cazul în care se întâlnesc suprafețele.

Pasul 12

Iată toate elementele plasate.

Pasul 13

Acum puteți curăța liniile directoare.

Și pentru a obține mai multă lovitură pentru pixelul nostru, să luăm conducta din rezervorul mic și să îl conectăm la baza coșurilor, realizând cu ușurință o complexitate suplimentară.

5. Faceți fumul

Nu am desenat fum / nori de arta pixel pentru o vreme, dar mi sa parut necesar sa creez un fum de fum pentru fabrica noastra.

Acesta este un element (nu spre deosebire de ferestrele de sticlă) pe care mulți artiști pixelari le-ar face, probabil, foarte diferit unul de celălalt.

Oricum, iată abordarea mea.

Pasul 1

Începeți prin a face niște schițe brute (în Straturile noi) a formei de bază pe care o veți dori să-i dați fumului tău. Ar trebui să înceapă cu aceeași lățime ca și interiorul coloanei, dar apoi să se răspândească ... pe măsură ce se întind, ei se vor subția și vor dispărea.

Schița nu trebuie să fie drăguță, dar vă va da o idee despre cum vor arăta figurile finite și un ghid pentru formele și curbele pe care le veți da pieptului.

Cele trei ciuperci ar trebui să curgă foarte asemănător, dar nu vrem să facem doar un zgomot și o repetăm ​​de două ori, pentru că nu ar arăta bine; ar arata leneș.

Pasul 2

Acum întoarcem fiecare schiță într-un fum frumos de fum.

M-am hotărât să fac cele mai multe forme pătrat, care îmi place, aceasta fiind arta pixelilor. Deci, începeți prin urmărirea schiței (în Strat nou) cu linii orizontale și verticale drepte.

Apoi, rotiți colțurile. Ar fi logic ca colturile rotunjite să fie mai largi / mai rotunjite pe măsură ce panta se ridică și mai strânse când sunt mai aproape de fund.

Apoi, pentru a finaliza conturul, faceti ca unele dintre linii sa ajunga in forma, ca si cum prizele de fum se suprapun cu restul plumului.

Pasul 3

Acum hai să facem un pic psihedelic pentru o vreme.

Vom dori ca fumul să se dilueze în timp ce se ridică și vom transmite acest lucru prin scăderea treptată a opacității, dar vom lucra la acele opacități diferite folosind culori strălucitoare.

În caz contrar, ar fi o durere în gât să lucreze cu culoarea finală la diferite opacities (Magic Wand Tool nu poate nici măcar să separe opacities fără unele tweaking.)

Deci, ceea ce am ales să fac este să aibă patru nuanțe diferite pe fiecare placă. Primul pe care l-am folosit doar deasupra evacuării coșului de fum și, de asemenea, lucrez ca un pic de umbrire ușoară pentru zgură. Celelalte trei nuanțe sunt răspândite un pic mai uniform.

Am dat zonele în care diferitele nuanțe întâlnesc un tip de tranziție. Si am facut, de asemenea, diferite nuante pentru conturul, care, impreuna cu fumul, ar trebui sa dispara pe masura ce urmele cresc.

Odată ce ați făcut toate acestea, puteți începe să înlocuiți culorile funky cu culoarea diferită a fumului de opacitate, pe care am făcut-o ca o culoare aproape albă, cu o nuanță de galbenă.

Am facut opacitatile de jos in sus: 80%, 60%, 40% si 20% pe umplutura. Și conturul mult mai moale (de jos în sus): 20%, 10%, 5%.

Pasul 4

Desigur, acest lucru se face pentru toate cele trei schițe, în mod ideal simultan, astfel încât acestea să fie mai coerente.

Iată procesul pentru cele trei piramide.


Pasul 5

Și aici sunt aplicate la clădirea-făcând fabrica 100% făcut!

Factory Up și Running. felicitări! 

Lucrarea sa plătit. Fabrica este funcțională, fumul de fum pare destul de frumos și aproape prea curat pentru a fi poluat, iar acum puteți echipa un oraș cu unele elemente din industrie, oferindu-vă personajelor de artă pixel un loc de lucru și orașul dvs. de artă pixel mai multă varietate și viață.

Sper că acest lucru a fost productiv!