() translation by (you can also view the original English article)
Casă, dulce casă! În acest tutorial, vom crea atmosfera primitoare a unei sufragerii, realizând designul unui interior de casă, în stilul plat, cu un personaj drăguț desenat, așezat într-un fotoliu confortabil. Vom utiliza forme geometrice de bază și vom lucra cu panoul Transform, pentru a randa toate elementele, într-o manieră amuzantă și ușoară.
Până la sfârșitul acestei lecții, veți putea utiliza tehnicile acoperite pe parcursul tutorialului și le veți putea aplica noilor dumneavoastră ilustrații. Simțiți-vă liberi să căutați inspirație pe Envato Market și verificați aceste exemple de interioare în stilul plat și personaje în stilul plat. Haideți să începem!
1. Creați un personaj plat
Pasul 1
Mai întâi de toate, să creăm un nou document: New Document, de dimensiunea 450 x 300 px.
Pasul 2
Vom începe să creăm personajul nostru, pornind de la cap. Luați instrumentul Rectangle Tool (M) și faceți o formă galbenă, de 45 x 60 px. Alegeți instrumentul Direct Selection Tool (A) și utilizați caracteristica Live Corners, pentru a face colțurile rotunjite, trăgând micul marcaj circular, spre centrul formei.
De asemenea, putem modifica mărimea și valoarea pentru raza de rotunjire a colțurilor: Corner Radius, sau de la panoul de control din partea superioară, sau din panoul Transform (Windows > Transform). În acest tutorial, vom folosi panoul Transform, deoarece ne permite să ajustăm, independent, fiecare colț al formei respective.
Pasul 3
Acum, haideți să facem o geană. Utilizați instrumentul Ellipse Tool (L), pentru a face un mic cerc de 7 x 7 px, cu culoarea maro a liniei de contur (Stroke) și fără culoare de umplere (Fill). Alegeți pentru grosimea liniei de contur (Stroke Weight), valoarea 1 pt, iar pentru Cap și Corner, selectați pozițiile din mijloc, în panoul Stroke.
Luați instrumentul Scissors Tool (C) și executați clic pe punctele-ancoră din lateral, pentru a tăia forma în două. Ștergeți partea superioară a ei.
Pasul 4
Mai faceți un cerc de 7 x 7 px pentru nas și umpleți-l cu culoarea galbenă, dar o nuanță puțin mai închisă decât culoarea capului. Selectați punctul-ancoră superior, cu instrumentul Direct Selection Tool (A), și trageți-l în sus, pentru a face un nas stilizat.
Pasul 5
Realizați designul feței, utilizând elementele pe care le-am creat. Adăugați două cercuri de culoarea roz-deschis, pentru obrajii îmbujorați, și creați gura, folosind aceeași metodă utilizată pentru ochi.
Pasul 6
Haideți să trecem la urechi. Faceți un dreptunghi galben, de 7 x 12 px, și utilizați caracteristica Live Corners, pentru a rotunji colțurile. Deasupra lui, plasați un dreptunghi mic, cu colțurile rotunjite, umplându-l cu un galben mai închis la culoare. Grupați elementele cu comanda Group (Control-G) și folosiți Send to Back (Shift-Control-[), pentru a le trimite în spate. Faceți o copie a grupului urechii și atașați ambele urechi, la cap.
Pasul 7
Haideți să desenăm o tunsoare drăguță, pentru personajul nostru. Utilizați instrumentul Ellipse Tool (L), țineți apăsată tasta Shift și faceți un cerc albastru, de 55 x 55 px. Poziționați cercul deasupra părții superioare a capului, așa cum se vede în imaginea de mai jos. Folosiți instrumentul Scissors Tool (C), pentru a executa clic pe punctele-ancoră din lateral, împărțind forma în două jumătăți.
Ștergeți jumătatea inferioară. Selectați forma rămasă, executați clic pe ea cu butonul drept al mouse-ului și utilizați comanda Join, pentru a închide calea.
Pasul 8
Utilizați instrumentul Add Anchor Point Tool (+), pentru a adăuga un punct, pe marginea de jos a formei părului, și trageți punctul în sus, folosind instrumentul Direct Selection Tool (A). Alegeți instrumentul Anchor Point Tool (Shift-C) și trageți de elementele de manevrare handles, poziționându-le la 45 de grade, pentru a face bretonul lin.
Pasul 9
Să continuăm să stilizăm părul. Faceți un pătrat albastru mai închis și având dimensiunea 55 x 55 px. Selectați ambele forme ale părului și executați clic, din nou, pe forma inferioară, pentru a o face obiect-cheie: Key Object. Utilizați panoul Align, pentru a alinia ambele forme față de centru și partea de sus.
Faceți forma de deasupra, complet rotunjită, folosind panoul Transform sau caracteristica Live Corners.
Pasul 10
Acum, haideți să modificăm partea inferioară a formei. Utilizați instrumentul Anchor Point Tool (Shift-C), pentru a trage punctele-ancoră, în jos, făcând partea inferioară a formei, puțin mai rotunjită, și creând un contur mai lin.
Sfat: Utilizați liniile de ghidare Guides, pentru a avea o lungime egală a elementelor de manevrare denumite anchor handles. Apăsați Control-R, pentru a afișa riglele: Rulers și trageți de linia de ghidare Guide, în jos, de la rigla orizontală. Selectați și ștergeți linia de ghidare Guide de care nu mai aveți nevoie sau ștergeți-o, mergând la View > Guides > Clear Guides.
Selectați forma și trimiteți-o în spatele capului, cu comanda Send to Back (Shift-Control-[), obținând o coafură scurtă stilată.
Pasul 11
Acum, haideți să randăm corpul personajului nostru. Utilizați instrumentul Rectangle Tool (M), pentru a face o formă albastră, de 30 x 57 px, și utilizați panoul Transform, pentru a seta raza de rotunjire (Corner Radius) a colțurilor de sus, la 10 px, și a colțurilor de jos, la 12 px.
Copiați (Copy) forma și apoi utilizați comanda Paste in Front (Control-C > Control-F), pentru a plasa copia în față. Păstrând selectată copia de deasupra, luați instrumentul Eraser Tool (Shift-E), țineți apăsată tasta Alt și ștergeți partea inferioară a formei. Schimbați culoarea părții rămase, în verde, realizând o bluză deschisă la culoare.
Pasul 12
Luați instrumentul Pencil Tool (N) și desenați o linie lină arcuită, pentru braț. Nu selectați nicio culoare de umplere (Fill), iar pentru culoarea linei de contur (Stroke), alegeți galben. Setați grosimea liniei (Stroke Weight) la 8 pt, făcând brațul mai gros. Alegeți pentru Cap și Corner pozițiile din mijloc, făcând rotunjite capetele liniei. Adăugați o linie mică pentru degetul gros, setând grosimea ei (Weight) la 3 pt.
Adăugați o linie de culoare galben-mai închis, de 8 pt, pentru brațul opus, și folosiți comanda Send it to Back (Shift-Control-[), pentru a o trimite în spate. Desenați o altă linie pentru același braț, dar, de data aceasta, plasați-o între corp și primul braț, folosind tastele Control-[ , pentru a o poziționa dedesubt.
Pasul 13
Haideți să creăm o pisică și să-l facem pe personajul nostru să o țină în brațe. Realizați un cerc gri-închis, de 30 x 30 px, și utilizați instrumentul Direct Selection Tool (A), pentru a trage punctul-ancoră inferior, în sus, strivind forma. Trimiteți forma în spate, cu comanda Send Backward (Control-[), pentru a face ca mâna de deasupra să o acopere.
Pasul 14
Faceți un dreptunghi de 15 x 10 px, cu colțurile rotunjite, pentru cap, setând raza de rotunjire a colțurilor lui: Corner Radius, la 5 px. Adăugați ochii, utilizând aceeași tehnică pe care am folosit-o pentru ochii personajului principal.
Treceți la urechi și luați instrumentul Polygon Tool, pentru a face un triunghi, alegând 3 pentru numărul de laturi, în panoul Transform.
Pasul 15
Haideți să-i adăugăm picioarele, personajului nostru. Vom face picioarele curbate, astfel încât personajul să poată sta într-un fotoliu confortabil.
Utilizați instrumentul Pen Tool (P), pentru a crea o linie cu un colț de 90 de grade și având o grosime de 8 pt (Stroke Weight). Folosiți instrumentul Direct Selection Tool (A) și caracteristica Live Corners, pentru a rotunji colțul, realizând un genunchi stilizat.
Pasul 16
Haideți să adăugăm o labă a piciorului, într-un botoșel moale, de casă. Faceți o formă bej-deschis, de 12 x 15 px, pentru vârful botoșelului. Adăugați încă un dreptunghi, pentru partea de jos, suprapunând formele. Faceți colțul din dreapta-sus, rotunjit. Selectați ambele forme și utilizați tipul de aliniere Align to the Bottom, față de obiectul-cheie (Key Object), din panoul Align.
Grupați cu comanda Group (Control-G) și copiați (Control-C > Control-F) formele, pentru a adăuga un al doilea picior. Plasați copia aceasta sub corp (Shift-Control-[) și ajustați-o puțin, modificând raza de rotunjire a colțului, pentru genunchi, și făcând elementele puțin mai închise la culoare.
2. Realizați designul unui interior de tip plat
Pasul 1
Haideți să începem prin a crea un fotoliu confortabil și moale. Utilizați instrumentul Rectangle Tool (M), pentru a face o formă roz, de 105 x 125 px. Faceți-i colțul din dreapta-sus, rotunjit, cu o rază de rotunjire (Corner Radius) de 13 px.
Creați un alt dreptunghi, de 25 x 125 px, în partea stângă a primei forme, făcând ca ambele forme să se suprapună parțial. Umpleți acest nou dreptunghi cu o culoare roz mai închisă și faceți partea superioară a lui complet rotunjită.
Utilizați panoul Align, pentru a alinia (Align) ambele forme, la marginea de jos (to the Bottom) a obiectului-cheie (Key Object).
Pasul 2
Haideți să creăm un braț de fotoliu. Faceți un cerc roz-deschis, de 28 x 28 px, și plasați-l după cum se vede în imaginea de mai jos. Conectați cercul și partea inferioară a fotoliului, cu un dreptunghi îngust, de culoare roz-deschis, aliniind (Align) formele, la marginea de jos (to the Bottom) a obiectului-cheie (Key Object).
Pasul 3
Faceți un buton circular micuț, pentru a decora partea de sus a brațului de fotoliu.
Creați un dreptunghi de culoare roz mai închis și dimensiunea 60 x 28 px și faceți-i colțurile complet rotunjite. Poziționați forma sub cercul roz-deschis (Control-[) și aplicați funcția Horizontal Align Right, utilizând cercul roz-deschis pe post de obiect-cheie (Key Object). După cum vedeți, ambele forme sunt de aceeași înălțime (28 px), așa că se combină perfect, una cu cealaltă.
Terminați această parte a fotoliului, adăugând un dreptunghi roz-închis, sub brațul fotoliului.
Pasul 4
Grupați cu comanda Group (Control-G), elementele brațului fotoliului. Executați dublu-clic pe instrumentul Reflect Tool (O) și reflectați elementele față de axa verticală: Vertical Axis. Executați clic pe Copy și plasați grupul creat în oglindă, pe partea cealaltă a fotoliului, trimițându-l (Send) în spate (to Back) (Shift-Control-[).
Adăugați un dreptunghi de 110 x 23 px pentru perna fotoliului, făcându-i partea dreaptă, rotunjită. Plasați un dreptunghi de culoare roz-închis, sub pernă, creând o umbră subtilă.
Pasul 5
Acum putem așeza personajul nostru, în fotoliu, și ne putem continua lucrul la interiorul dimprejur. Utilizați instrumentul Rectangle Tool (M), pentru a crea o fâșie îngustă, de 275 x 10 px, reprezentând podeaua, umplând-o cu culoarea bej-deschis.
Să începem să realizăm dulăpiorul cu sertare. Faceți un dreptunghi bej, de 70 x 80 px, apoi folosiți comanda Send to Back, plasându-l în spatele fotoliului.
Copiați (Copy) forma și folosiți comanda Paste in Front (Control-C > Control-F). Faceți culoarea acestei copii, mai deschisă, și deformați-o, reducându-i lățimea la 47 px.
Pasul 6
Haideți să adăugăm câteva sertare. Faceți un dreptunghi bej-deschis, de 35 x 20 px, și puneți-i un buton rotund mic, în centru. Grupați (Group) ambele forme, țineți apăsate tastele Alt-Shift și trageți grupul, în jos, făcând o copie. Apăsați Control-D, pentru a adăuga un al treilea sertar.
Pasul 7
Haideți să adăugăm o umbră lungă, plată, dulăpiorului cu sertare. Faceți un dreptunghi și rotiți-l cu 45 de grade. Umpleți forma cu culoarea bej și selectați pentru Blending Mode, opțiunea Multiply, din panoul Transparency, făcând forma semitransparentă.
Combinați colțul de sus al dreptunghiului, cu brațul fotoliului (observați cercul care îl marchează, în imaginea de mai jos). Selectați atât umbra, cât și dulăpiorul cu sertare. Luați instrumentul Shape Builder Tool (Shift-M), țineți apăsată tasta Alt și executați clic pe elementele de care nu este nevoie, din forma umbrei, pe care doriți să le ștergeți. Ați făcut o treabă grozavă!
Pasul 8
Haideți să punem o veioză mică, pe dulăpiorul cu sertare. Folosiți instrumentul Rectangle Tool (M), pentru a face două forme perpendiculare mici, pentru suportul veiozei.
Faceți un dreptunghi de 25 x 30 px, pentru abajurul veiozei. Luați instrumentul Direct Selection Tool (A) și selectați punctul-ancoră din stânga-jos al abajurului. Apăsați tasta Enter, pentru a deschide fereastra de opțiuni Move. Setați valoarea pentru deplasarea pe orizontală (Horizontal), la -5 px și valoarea pentru deplasarea pe verticală (Vertical), la 0 px. Apăsați OK, mutând punctul, cu 5 px, la stânga.
Repetați procedeul pentru punctul-ancoră din partea dreaptă-jos a abajurului, mutându-l cu 5 px în direcția opusă.
Pasul 9
Haideți să mai adăugăm unele detalii, interiorului, atârnând câteva tablouri, pe perete. Faceți un dreptunghi de 45 x 55 px cu o culoare de umplere (Fill) bej-deschis și o culoare a liniei de contur (Stroke) bej mai închis, având grosimea (Weight) de 3 pt, reprezentând o ramă de tablou.
Faceți un alt dreptunghi, în interiorul lui, umplându-l cu o culoare galben-deschis și adăugând niște forme abstracte simple, deasupra.
Pasul 10
Faceți încă două tablouri și atârnați-le pe perete, deasupra personajului nostru. Terminați ilustrația, creând un dreptunghi galben-deschis, de 450 x 300 px, pentru fundal (Shift-Control-[).
Felicitări! Ilustrația noastră cu interiorul de casă primitor, în stilul plat, este terminată!
Ați făcut o treabă grozavă! Am făcut ca această compoziție să arate echilibrat și complet. Sper că v-a făcut plăcere să parcurgeți acest tutorial și că ați învățat niște idei și trucuri noi, care vă vor ajuta să creați mai multe ilustrații cu interioare de case, în stilul plat, cu personaje și animale de casă interesante.
Distracție plăcută!
