Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

În această lecție, veți învăța cum să desenați și să animați personaje în tehnica Pixel Art. Pentru aceasta aveți nevoie doar de Adobe Photoshop. În cele din urmă, veți primi un GIF cu un cosmonaut care rulează.







Program: Adobe Photoshop Dificultate: începători, nivel intermediar Este nevoie de timp: 30 min - oră

I. Setarea documentului și a instrumentelor

Selectați Creion în bara de instrumente - acesta va fi instrumentul principal pentru lecția noastră. În setări, selectați tipul Perie rotundă și setați valorile rămase ca în imagine. Scopul nostru este de a face creionul creion cât mai clar posibil.

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

În setările instrumentului Eraser (Eraser), selectați Modul creion și setați valorile rămase așa cum se arată în imagine.

Activați grila Pixel Grid Pixel (Vizualizare> Afișați> Grilă Pixel). Dacă nu există un astfel de element în meniu, accesați setările și activați accelerarea grafică Preferințe> Performanță> Accelerare grafică.

Notă: Rețeaua va fi vizibilă numai pe panza nou creată atunci când se mărește cu 600% sau mai mult.

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

În setările Preferences> General (Control-K), schimbați modul de interpolare a imaginii la modul Nearest Neighbor (pixeli adiacenți). Acest lucru va permite ca limitele obiectelor să rămână cât se poate de clare.

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

În setările unităților de măsură și rigle, setați unitățile de rigle în pixeli. Preferințe> Unități Liniștii> Pixeli.

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

II. Crearea de caractere

Și acum, când totul este înființat, putem trece direct la desenarea caracterului.

Faceți o schiță a personajului dvs. cu o schiță clară, încercând, în același timp, să nu îl supraîncărcați cu detalii mici. În această etapă, culoarea nu contează, principalul lucru este că schița este desenată în mod clar și înțelegeți cum va arăta caracterul. O astfel de schiță a fost pregătită special pentru această lecție.

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

Reduceți scara schiței la 60 de pixeli în înălțime utilizând combinația de taste Control + T sau comanda Edit> Free Transform.

Dimensiunea obiectului este afișată în panoul de informații. Rețineți că setările de interpolare sunt aceleași ca în pasul 4.

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

Măriți schița cu 300-400% pentru a ușura munca și a reduce opacitatea stratului. Apoi creați un nou strat și schițați contururile schiței utilizând Instrumentul Pencil. În cazul în care un caracter este simetric, la fel ca în cazul nostru, poate fi descris doar jumătate, și apoi duplicat și reflectă oglinda pictate (Edit> Transform> Flip Horizontal).

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -






Ritm: Pentru a picta elemente complexe, spargeți-le în afară. Când pixeli (puncte) în linia de a forma o „bate“, de exemplu, 1-2-3 sau 1-1-2-2-3-3, contur lin arată în ochii omului. Dar, dacă forma cere acest ritm poate fi încălcat.

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

Când conturul este gata, puteți selecta culorile primare și puteți picta forme mari. Faceți acest lucru pe un strat separat sub contur.

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

Îndepărtați conturul prin pictarea umbrei de-a lungul marginii interioare.

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

Continuați să adăugați umbre. După cum puteți vedea în cursul desenării, unele formulare pot fi corectate.

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

Creați un nou strat pentru evidențiază.

Selectați Overlay Overlay din lista verticală din panoul Straturi. Desenați o culoare deschisă asupra acelor zone pe care doriți să le evidențiați. Apoi lustruiți accentul prin aplicarea filtrului Filter> Blur> Blur.

Desenați imaginea, apoi copiați și oglindiți jumătatea finală a imaginii, apoi îmbinați straturile și jumătățile pentru a obține o imagine solidă.

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

Acum cosmonautul trebuie să adauge contrastul. Utilizarea setărilor nivelurilor (Imagine> Ajustări> Niveluri) face mai luminos și apoi ajustați nuanța utilizând opțiunea Color Balance (Imagine> Ajustări> Echilibru culoare).

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

Acum personajul este pregătit pentru animație.

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

III. Animarea personajului

Reduceți opacitatea stratului original cu 50% pentru a vedea cadrul anterior. Aceasta se numește "piele de ceapă".

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

Acum îndoiți brațele și picioarele personajului ca și cum el ar fi alergat.

● Selectați mâna stângă cu instrumentul Lasso
● Utilizând FreeTransformTool (Edit> FreeTransform) și ținând apăsată tasta Control, mutați marginile containerului astfel încât mâna să se mute înapoi.
● Selectați mai întâi un picior și întindeți ușor. Apoi strângeți celălalt picior în sens invers, astfel încât să crească sentimentul că personajul merge.
● Folosind un creion și o garnitură, înclinați partea dreaptă sub cot.

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

Acum trebuie să reproiectați poziția complet nouă a mâinilor și a picioarelor așa cum se arată în secțiunea a doua a acestei lecții. Acest lucru este necesar pentru a face imaginea să pară clară, deoarece transformarea distorsionează foarte mult liniile de pixeli.

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

Faceți o copie a celui de-al doilea strat și reflectați-o orizontal. Acum aveți o poziție de bază și două în mișcare. Restaurați opacitatea tuturor straturilor la 100%.

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

Accesați fereastra> Timeline pentru a afișa panoul Cronologie și faceți clic pe Creare animație cadru.

În linia de timp, procedați în felul următor:

  1. Setați întârzierea la 0.15 secunde
  2. Faceți clic pe DuplicatesSelectedFrames pentru a crea 3 copii suplimentare.
  3. Setați ciclul de reîncercare Forever

Pentru a selecta stratul dorit pentru fiecare cadru, faceți clic pe pictograma Eye de lângă numele stratului din panoul straturilor. Ordinea ar trebui să fie după cum urmează:

Poziția de bază → Trecerea de la piciorul drept → Poziția de bază → Trecerea de la piciorul stâng.

Faceți clic pe bara de spațiu pentru a reda animația.

Salvați acum rezultatul. Accesați File> SaveForWeb și selectați formatul GIF. Setați valoarea la 300% în caseta Dimensiune pentru cel mai bun rezultat și faceți clic pe Salvați.

Adobe Photoshop trage și anima personajele în tehnica de artă pixel -

Felicitări! Personajul tău animat de pixeli este gata!







Articole similare

Trimiteți-le prietenilor: