Cum se creează un arbore de Crăciun izometric de pixeli în Adobe Photoshop

Ce veți crea

Să facem un pic festiv cu arta pixelului nostru. Vom face decorarea de Crăciun # 1: un pom de Crăciun! 

Arborele în sine va fi reutilizabil pentru medii naturale (fără decorațiuni), deci va fi un cadou care continuă să ofere.

Dacă găsiți că lucrul cu pixeli este prea consumator de timp sau greu de folosit, nu ezitați să faceți cumpărături pentru o grafică izometrică bine pregătită pe Envato Market.

1. Definiți dimensiunile

Ca de obicei, vom baza mărimea elementului la înălțimea personajului nostru.

Pasul 1

Arborele ar trebui să fie mai înalt decât caracterul, dar ar trebui să fie mai scurt decât înălțimea podelei, în cazul în care doriți să faceți parte dintr-o scenă interioară.

Pasul 2

Să adăugăm un marcator de înălțime pentru portbagaj. Din cauza formei copacului nu vom vedea niciodată trunchiul, dar vom folosi în continuare referințele acestor înălțimi.

Pasul 3

Acesta este unghiul pe care îl voi folosi pentru copacul meu; este o linie diagonală de 3: 1.

Pasul 4

Copiați-l și răsturnați-l și obțineți un triunghi.

Pasul 5

Pentru a transforma triunghiul într-o formă de con, vom avea nevoie de fund pentru a fi un cerc. Lățimea acestui cerc ar trebui să se potrivească liniei triunghiului inferior, iar înălțimea ar trebui să fie de jumătate din lățime.

Creați cercul într-un Strat nou. Puteți face acest lucru cu Instrument eliptic Marquee, și în timp ce faceți acest lucru, verificați panoul de informații pentru a vedea lățimea în pixeli. Împărțiți-l cu doi și faceți înălțimea de dimensiune. Mijlocul acestui cerc se potrivește liniei de fund a triunghiului.

După ce ați făcut-o, completați-o cu puțină culoare.

Pasul 6

Am înmuiat câțiva dintre pixelii din cercul meu, pentru că am crezut că au făcut marginea mai puțin decolată decât ar fi trebuit. Faceți o copie a acestui cerc, plasați-o într-un Strat nou și umple-l cu negru. Aceasta va fi umbra, pe care o vom aplica pentru un timp.

Pasul 7

O să luăm forma cercului solid și o transformăm într-o schiță. Este ușor de făcut selectând cercul cu Magic Wand Tool, și apoi contractarea selecției cu 1 px (Selectați> Modificare> Contract ... ).

Pe stratul triunghi original, veți dori să eliminați cele două linii inferioare ... dar să nu scăpați de ele încă, să le lăsați deoparte.

Pasul 8

Acum puteți îndepărta jumătatea din spate a cercului, dați-i aceeași culoare ca și conturul triunghiului (negru sau aproape negru) și contopi cele două straturi împreună.

Partea de jos pare un pic ciudat, așa că am ajustat înălțimea pe partea respectivă.

Pasul 9

Să recuperăm umbra circulară și marcatorii înălțimii portbagajului. Mutați stratul umbrei sub arbore și dați stratului 15% sau 20% opacitate.

Apoi utilizați marcatorii de înălțime pentru a plasa corect umbra de sub baza conului.

Pasul 10

Umpleți conul cu o nuanță de verde și suntem pe drum.

2. Adăugați umbrirea și textura

Avem o formă conică de bază în jos. Să o aducem mai aproape de a arăta ca un copac.

Pasul 1

Acest lucru este neobișnuit, dar vom face în mod deliberat forma noastră mai zdruncinată. Întoarceți diagonalele în linii verticale în cea mai mare parte alternând cu un singur pixel, cum ar fi:

Pasul 2

O jaggeditate similară poate fi aplicată și la fund. Acest lucru ar ajuta conul să arate mai puțin perfect și puțin organic.

Pasul 3

Ca de obicei, vom umbri partea dreaptă mai întunecată decât partea stângă. Toate umbririle de pe con trebuie să aibă forme de pană cu linii convergente la vârf. Diagonala pe această linie este de 4: 1 (adică 4 pixeli înălțime pentru fiecare 1 px care trece).

Pasul 4

Putem oglinda destul de mult ultima formă pentru cea mai ușoară umbră. S-ar putea să doriți ca umbra mai ușoară să ajungă la vârf.

Strângeți o pene de culoare de bază între nuanțele întunecate și cele luminoase pentru a înmuia tranziția.

Pasul 5

Vom adăuga ultima culoare copacului, care va fi cea mai întunecată umbră de pe marginea din dreapta.


Pasul 6

Umbrirea poate avea aceeasi distorsionare pe care o are forma conului. Aici se aplică pe nuanțe mai întunecate ...

... aici pe nuanțe mai deschise:

... și aici, de asemenea, prin mijloc:

Pasul 7

Vom adăuga un ultim efect mic de lumină aici: făcând cea mai întunecată umbră la 1 px distanță de conturul copacului.

Pasul 8

Acum să adăugăm doar puțină textura. Putem baza textura pe ceva de genul:

Seamănă puțin cu frunzele, dar și cu un pixel, care ne convine. De asemenea, se potrivește cu ceilalți copaci pe care i-am învățat în lecțiile anterioare, deci este bine pentru consecvență.

Pasul 9

Această textură schimbă umbrirea verticală, așadar, dacă l-am aplicat întregului copac, ar fi prea rău cu umbrirea conului nostru - ar părea prea complexă și ar fi greu de făcut! Așa că o vom aplica doar în partea de jos.

Începeți prin plasarea acestuia pe Strat nou, lipind pe fundul conului și ajustând-o la curbă.

Pasul 10

Și pentru a aplica textură, du-te la stratul de copac și cu Magic Wand Tool (setat la 0 Toleranță și contiguu oprit) selectați toate cele patru nuanțe de verde ale copacului. Inversați selecția (Selectați> Inverse) și pe stratul de textură lovit Șterge.

Apoi scădea opacitatea acelui strat la 50% sau cam asa ceva, și contopi stratul de textura cu stratul de copac (Comandă-E sau Control-E merge în jos).

În cele din urmă, înlocuiți nuanțele mai întunecate de verde pe care le obțineți cu cele patru nuanțe de verde alese deja înainte; De obicei nu lucrez cu restricții palete, dar este mai curat pentru a evita adăugarea de nuanțe în nuanțe.

Pasul 11

Vom face doar un pic de curățare suplimentară pe textura nou aplicată, și anume pe marginea copacului.

Și copacul este terminat! Acum, acest lucru poate, desigur, fi folosit în parcuri sau în medii naturale fără a avea nevoie de o temă de Crăciun.

3. Creați și plasați ornamentele

Să-i facem pe copacul nostru Christmassy. Vom adăuga luminile, ornamentele cu baloane și un topper de stele.

Pasul 1

Nu este absolut necesar, dar am făcut aceste linii de ghidare pe semicerc (în Strat nou) repartizate periodic pentru a ajuta la poziționarea ornamentelor, în special a luminilor.

Pasul 2

Iată câteva posibilități pentru lumini, pentru un fundal mai întunecat pentru contrast.

Acestea se fac folosind o culoare ușoară (aproape alb, galben saturație redusă) pentru pixelul central și aceeași culoare aplicată la 50% Opacitate pentru pixelii din jur.

Dați toate versiunile încercați sau creați una nouă, dacă doriți. Am terminat preferând primul.

Pasul 3

Așezați-le pe a Strat nou, deasupra ghidurilor. Lumina de pom de Crăciun crește de obicei într-o spirală, așa că am început fiecare linie de lumini sub o linie de ghidare și am terminat-o peste linia de ghidare.

Amintiți-vă că menținerea lui Alt în timp ce selecțiile de nudging lasă o copie în urmă.

Nu mai este nevoie de linii de ghidare. După ce le eliminați, este posibil să doriți să mișcați câteva lumini în jurul valorii de doar o atingere dacă vă ajută să îmbunătățiți aspectul acestora.

Pasul 4

Vom face două tipuri de ornamente de bal. Ar trebui să fie cercuri mici - acestea sunt 2x2 (pixeli interior) și 3x3.

Mi-a placut cat de cald arata culorile copacului meu, asa ca m-am dus pentru aceste culori de aur si cupru.

Pasul 5

Plasați bilele mai mici pe un a Strat nou, sub stratul de lumini.

Ele ar trebui să arate destul de aleatoare, dar fără a lăsa pete mari deschise sau să se strice prea mult cu luminile - găsiți un echilibru!

Pasul 6

Acum înlocuiți unele dintre bile cu bilele mai mari.

Puteți încerca să modificați nuanța pe ele sau să adăugați o gamă mai largă de culori dacă doriți. M-am simțit ca să fiu simplu.

Pasul 7

Să înmuiem contururile bilelor, cu excepția cazului în care sunt chiar pe marginea copacului.

Pentru a face acest lucru, puteți selecta nuanțele de verde pe stratul de copac (Magic Wand Tool din nou) și apoi reveniți la stratul ornamentelor mingii și utilizați Instrumentul pentru găleți de vopsea (cu contiguu checked off) pentru a colora contururile cu o nuanta foarte inchisa de verde. Zonele contururilor care depășesc marginile copacului vor rămâne negre / aproape negre, iar contururile din interior vor rămâne întunecate, dar vor rămâne mai armonioase cu arborele.

Pasul 8

Pentru a termina ornamentele cu mingea, vom aplica unele umbre pe ele, similar cu modul în care am făcut-o pentru con. Aici în alb am selectat bilele care vor fi puțin mai ușoare, deoarece acestea sunt în cea mai strălucitoare secțiune a copacului, în timp ce cele negre vor fi mai întunecate.


Pasul 9

Pentru a efectua modificările, puteți selecta bilele pe care doriți să le modificați (numai pixelii interiori) și puteți juca cu luminozitatea și contrastul (Imagine> Luminozitate / Contrast ... ) sau cu saturația și ușurința (Imagine> Hue / Saturation ... ) sau pur și simplu alegeți culori noi.

Efectul este subtil, dar ajuta la transmiterea mai multor volume.

Pasul 10

Și acum, pentru a arăta copacul: vârful stelelor!

Iată steaua noastră foarte mică, conturată și apoi plină cu un galben strălucitor.

Pasul 11

O vom plasa pe copac chiar deasupra, desigur, dar sa adaugam un efect suplimentar pentru a face starul pop un pic mai mult. Adăugați o schiță suplimentară a unei culori cu contrast ridicat pe care o vom înlocui mai târziu cu aceeași culoare de lumină a pomului de Crăciun la 50%.

Terminat!

Iată copacul finit, cu o anumită culoare de fundal pentru a ajuta spectatorii să aprecieze efectele luminii. Se simte frumos, cald și fuzzy ... ca o anumită vacanță!