Cum de a desena un personaj de designer plat în Adobe Illustrator

Ce veți crea

În acest tutorial vom crea un personaj de designer la locul de muncă, așezat la birou și desenat pe un comprimat. Pentru a păstra un stil plat, vă vom folosi o mulțime de forme geometrice de bază, combinându-le și transformându-le cu ajutorul Efectelor de Warp, a panoului Pathfinder, a Instrumentului Shape Builder și a altor instrumente utile care ne ajută să creați o ilustrație fără a folosi tableta grafică și nu necesită abilități remarcabile. 

Așa cum puteți vedea în imaginea de mai jos, putem adăuga mai multe obiecte din interiorul ilustrației noastre, făcând-o mai detaliată. Verificați versiunea extinsă a ilustrației Hipster Designer de pe Envato Elements, unde veți găsi elemente suplimentare și versiuni color alternative!

Asadar, hai sa incepem!

1. Cum se creează o masă în Adobe Illustrator

Pasul 1

Să începem prin a face o masă. Luați Instrument rotunjit dreptunghi și de a crea un 540 x 10 px forma brun-deschisă, cu colțuri rotunjite.

Putem regla Raza de colț a formei dacă o selectăm cu Instrumentul de selecție directă (A) și apoi setați valoarea dorită (5 px) din panoul de control din partea de sus sau prin tragerea marcatorului de cerc al Live Corners manual.

Copie forma și Lipiți în față (Control-C> Control-F). Faceți noua formă mai scurtă (450 x 10 px) mutându-și marginea din stânga spre dreapta. Fa-o Completati culoare puțin mai ușoară.

Pasul 2

Acum hai să luăm Instrumentul pentru creioane (N) și creați o simplă textura de lemn pe masă. Dublu click Instrumentul pentru creioane (N) pentru a ajusta setările și pentru a începe să desenați linii înfundate care curge pe porțiunea luminoasă a tablei. 

Selectați toate liniile, Grup (Control-G) ei și setați Greutate la 1 px în Accident vascular cerebral panou (Fereastra> Accident vascular cerebral). Editați Accident vascular cerebral culoarea liniilor din Culoare , făcându-le ușor mai întunecate decât tabletopul.

Pasul 3

Acum, hai să ascundem sfaturile care nu sunt necesare cu un rând Mască de tăiere.

Duplicat (Control-C> Control-F) forma brun-deschisă a tablei și Aduceți în față (Shift-Control-]).

Seteaza Completati și Accident vascular cerebral culoarea formei de sus la Nici unul și selectați-l împreună cu liniile. Apasă pe butonul drept al mouse-ului și Faceți o mască de tăiere. Poftim! Acum, toate liniile sunt ascunse în interiorul formei de sus.

Faceți același lucru și pentru partea mai întunecată a tablei.

Pasul 4

Să mergem la picioarele de masă. Luați Instrumentul dreptunghiular (M) și de a crea două gri-închis 12 x 85 px stâlpi sub partea stângă a tablei.

Duplicat (Control-C> Control-F) ambele forme, le face mai întunecate și le micsorează, mișcând partea de jos în sus, formând astfel o umbră de la masă.

Duplicați stâlpii din nou, țineți Alt, și micșorați formele pentru a le face mai înguste. Trageți marginea inferioară în jos pentru a face picioarele mai înalte (7 x 215 px).

Pasul 5

Creeaza o 100 x 10 px rotunjit dreptunghi în partea de jos a picioarelor de masă. Duplicat și să faceți mai ușor și mai scurt copia de început (80 x 20 px), adăugând astfel o anumită dimensiune imaginii noastre plate.

Pasul 6

Grup (Control-G) toate părțile picioarelor de masă, țineți Alt-Shift, și trageți forma în partea opusă a mesei, făcând o copie.

Buna treaba! Tabelul nostru este gata. Sa trecem peste!

2. Cum să faci un computer plat și tabletă grafică

Pasul 1

Să începem prin a face un monitor. Prindeți Instrument rotunjit dreptunghi și să facem a 135 x 85 px forma cu 10 px Radius colț.

Copie forma și Lipiți de două ori în față (Control-C> Control-F> Control-F). Deplasați forma de sus spre dreapta, utilizând Sageata dreapta sau glisați-o cu Instrument de selecție (V) în timp ce țineți jos Schimb.

Acum, selectați forma de sus și cea de dedesubt. Luați Shape Builder Tool (Shift-M), țineți-vă jos Alt, și plasați mouse-ul peste acele părți pe care trebuie să le ștergeți. Faceți clic pe piesele nedorite, lăsând doar o dungă îngustă la marginea din stânga a dreptunghiului. Faceți forma mai ușoară, făcând un punct culminant.

Pasul 2

Acum că afișajul este gata, să adăugăm un stand. Folosește Instrumentul dreptunghiular (M) pentru a face o 45 x 55 px dreptunghi, puțin mai întunecat decât afișajul.

Selectați punctul de ancorare din dreapta sus cu Instrumentul de selecție directă (A) și fă colțul rotunjit, așezându-l Rază la aproximativ 15 px.

Pasul 3

Duplicat (Control-C> Control-F) suportul și mutați copia până la stânga. Selectați ambele forme și utilizați Shape Builder Tool (Shift-M) în timp ce țineți Alt pentru a șterge forma top și piesa în care ambele copii se suprapun.

Adăugați o evidențiere la stand, așa cum am făcut-o pentru afișare Pasul 1.

Pasul 4

Plasați un dreptunghi gri-închis pe monitor, făcând o umbră de pe suport. presa Control-[ de câteva ori Trimite Forma Înapoi.

Folosește Instrumentul dreptunghiular (M) pentru a plasa a 60 x 5 px forma în partea de jos a standului. Faceți colțurile sale din stânga complet rotunjite.

Finalizați computerul decorându-l cu un a 20 x 20 px cerc etichetă cu ajutorul Instrument de elipsă (L). Ține-te jos Schimb făcând în același timp un cerc pentru a face acest lucru chiar.

Pasul 5

Acum, să descriem o tabletă grafică. Începeți prin a face 100 x 50 px rotunjit dreptunghi cu 10 px Radius colț. 

Menținerea formei selectate, dublu click Instrument de tăiere (îl puteți găsi în același meniu drop-down ca și Instrument de scalare (S)) și setați Anulează unghiul la 40 de grade. Clic O.K pentru a aplica modificările.

Efectuați o bandă mai deschisă pentru a evidenția marginea din stânga a formei.

Pasul 6

Acum, să facem un stand subțire. Luați Instrumentul dreptunghiular (M) și de a crea un 60 x 33 px forma cu subțire gri-închis Accident vascular cerebral și nu completați.

Selectați punctele inferioare de ancorare cu Instrumentul de selecție directă (A) și lovit introduce pentru a deschide Mișcare fereastră. Seteaza Pozitie orizontala la 10 px, Vertical la 0 px și faceți clic pe O.K pentru a muta marginea inferioară a formei spre dreapta.

Pasul 7

Păstrarea punctelor de ancorare de jos selectate cu Instrumentul de selecție directă (A), face colturile 8 px rotunjite. Finalizați comprimatul adăugând o etichetă eliptică în centru.

Se pare că dispozitivele sunt terminate! Sa trecem peste!

3. Cum sa desenezi o cana plata de cafea

Pasul 1

Să facem o ceașcă dintr-un dreptunghi. Creeaza o 32 x 25 px forma verde. Asigurați-vă că colțurile sale de sus sunt ușor rotunjite, apoi treceți la colțurile de jos și setați Rază la 9 px.

Creați o lumină verde pe marginea din stânga a canei.

Pasul 2

Să adăugăm un mâner. Creeaza o 12 x 15 px dreptunghi. Selectați punctele de ancorare stânga sus și de jos cu Instrumentul de selecție directă (A) și fă colturile 5 px rotunjit.

Duplicați (Control-C> Control-F) forma, deține Alt-Shift și faceți copia mai mică. Selectați ambele forme și utilizați Minus Front funcția deschizător de drumuri pentru a tăia forma de sus, făcând o gaură în centrul mânerului.

Pasul 3

Atașați mânerul la cană și Trimitere înapoi (Shift-Control- [). Finalizați cana prin adăugarea unui mic dreptunghi îngust la marginea de jos.

4. Cum să creați o carte plată

Pasul 1

Să creăm a 67 x 12 px un dreptunghiu gri-închis și își face colțurile din stânga complet rotunjite. Mergi la Obiect> Cale> Calea offset și setați ofset valoare pentru 2 px. Asigurați-vă că forma exterioară este ușor mai ușoară.

Duplicat forma mai mică de două ori (Control-C> Control-F> Control-F) și completați ambele copii cu culoarea albă. Deplasați copia de sus spre dreapta, făcându-l să se suprapună marginea din dreapta a cărții.

Pasul 2

Selectați atât copia de sus, cât și formatul și utilizarea mai groasă Minus Front funcția deschizător de drumuri să taie o gaură în forma gri.

Asigurați-vă că sfaturile cărții se rotunjesc.

Pasul 3

Folosește Instrument Pen (P) sau Instrumentul pentru segmentul de linie (\) și țineți-vă jos Schimb pentru a face linii orizontale drepte pentru foile de hârtie. Ascundeți piesele nedorite în interiorul Mască de tăiere așa cum am făcut-o cu textura din lemn a tablei.

Faceți o umbră subtilă duplicând forma hârtiei și mutați-o spre dreapta. Ștergeți piesa nedorită cu ajutorul funcției Shape Builder Tool (Shift-M) în timp ce țineți Alt.

Și acolo avem! Cartea noastră este gata!

Pasul 4

Acum putem plasa toate obiectele pe masă. Puteți adăuga mai multe cărți dacă doriți și puteți să le modificați dimensiunile și culorile.

5. Cum să desenați un caracter Hipster plat

Pasul 1

Să începem cu capul. A face o 50 x 80 px dreptunghi rotunjit. Seteaza Raza de colț din colțurile sale de sus 19 px și colțurile de jos până la 23 px.

Folosește Instrument rotunjit dreptunghi si Instrument de elipsă (L) pentru a adăuga ochii, sprâncenele și nasul în față.

Pasul 2

Acum să creăm o perie pentru a desena o mustață hipster! Începeți prin a face un cerc mic de aproximativ 10 x 10 px mărimea. Selectați punctul de ancorare din stânga cu Instrumentul de selecție directă (A) și trageți-l departe spre stânga. Conversia punctului de ancorare selectat în colț de la panoul de control din partea de sus.

Pasul 3

Trageți și plasați forma creată în Perii panou (Fereastra> Perii) și a face o Art Brush. Lăsați toate opțiunile în mod prestabilit. Poți întotdeauna să te întorci la asta Opțiuni fereastră de dublu-clic peria în Perii pentru a regla setările.

Acum ia-o Instrumentul pentru pensula (B) și desenează o mustață curată. Ajustează Greutatea accidentală dacă este necesar și Obiect> Extindeți aspectul a formei odată ce sunteți mulțumit de ea. presa Control-[ de câteva ori pentru a plasa mustața sub nas.

Pasul 4

Acum să adăugăm niște păr. Copie forma capului și Lipiți de două ori în față (Control-C> Control-F> Control-F). Deplasați copia de sus în jos și spre dreapta, după cum se arată în imaginea de mai jos (forma albastră).

Selectați copia de sus și cea de dedesubt și aplicați Minus Front funcția în deschizător de drumuri panou. Umpleți forma rămasă cu aceeași culoare brună închisă ca cea a mustaței.

Arsurile laterale sunt prea lungi, așa că haideți să le tăiați. Luați Instrumentul de ștergere (Shift-E), deține Alt, și taie partea de jos.

Pasul 5

Acum să lăsăm barba, folosind aceeași tehnică. Duplicat forma fetei de două ori și mutați copia de sus în sus și spre dreapta. Folosește Minus Front funcția de a scăpa de partea care nu este necesară. Faceți barba mai întunecată decât părul.

Pasul 6

Să stilăm părul personajului nostru. Luați Instrumentul dreptunghiular (M) și fă un a 65 x 30 px margine maroniu închis. Putem folosi Instrumentul pentru picioare (I) pentru a alege culoarea din barbă.

Să folosim Alinia panou pentru a atașa marginea din stânga a părului la partea stângă a capului. Selectați atât forma părului, cât și capul și faceți clic din nou pe cap pentru al face Obiect cheie (veți vedea o selecție mai groasă în jurul acestuia). Clic Aliniere orizontală stânga pentru alinierea părului la cap.

Selectați colțurile de sus și de jos din dreapta părului cu Instrumentul de selecție directă (A) și le face complet rotunjite.

În cele din urmă, selectați punctul de ancorare din partea stângă sus și faceți acest colț rotunjit.

Pasul 7

Acum că capul este gata, hai să mergem spre corp! Începeți prin a face o cămașă de la 70 x 135 px întuneric-albastru dreptunghi. Dublu click Instrument de tăiere și setați Anulează unghiul la 20 de grade. Faceți colțurile 20 px rotunjit.

Pasul 8

Adăugați un mic dreptunghi maro închis cu un fund rotund pentru gât. Adăugați un dreptunghi rotund mai mare, rotund, pentru banderola. presa Control-[ pentru al plasa sub forma gâtului.

Pasul 9

Acum să formăm brațele. Creați un dreptunghi de aproximativ 17 x 96 px mărimea. Nu trebuie să aibă exact aceeași înălțime; asigurați-vă că se potrivește între marginea superioară a cămășii și marginea superioară a mesei.

Selectați punctul de ancorare stânga jos și faceți colțul complet rotunjit, formând un cot. Duplicat forma creată și rotiți-o 90 de grade în timp ce țineți Schimb.

Adăugați un cerc mic pentru pumn și ascundeți-l sub tableta de desen.

Pasul 10

Creați un stylus alb dintr-un dreptunghi îngust cu colțuri rotunjite. Rotiți-l și plasați-l în mâna personajului.

Să adăugăm un manșon la partea superioară a brațului. Duplicat elementul vertical al brațului și folosiți Instrumentul de ștergere (Shift-E) în timp ce țineți Alt pentru a șterge jumătatea inferioară a copiei. Umpleți forma rămasă cu o culoare roz roz.

Să adăugăm brațul opus. Selectați elementele verticale ale brațului și dublu click Reflect Tool (O). Răsturnați forma peste Axa verticala și faceți clic pe Copie. Atașați al doilea braț la corp și Trimitere înapoi (Shift-Control- [), sub cămașă.

Pasul 11

Duplicat forma corpului și folosiți Instrumentul de ștergere (Shift-E) pentru a șterge partea superioară, lăsând doar o bucată îngustă sub masă. Umpleți-o cu o culoare mai închisă, reprezentând o umbră. Duplicat piesa nouă și șterge din nou, umplerea părții rămase cu culoarea albastru închis pentru blugi.

Pasul 12

Acum să facem picioarele. Creeaza o 23 x 130 px dreptunghi de culoare albastru ușor mai deschisă. Selectați punctul de ancorare din dreapta sus și ambele colțuri de fund cu Instrumentul de selecție directă (A) și le face complet rotunjite.

Adăugați un dreptunghi mai mic în partea de sus a piciorului și faceți-l complet rotunjit. În acest fel prezentăm un genunchi îndoit.

Pasul 13

Duplicat piciorul și folosiți Instrumentul de ștergere (Shift-E) pentru a șterge copia din partea superioară, lăsând doar o bucată mică în partea de jos. Umpleți-l cu culoarea tonului pielii maro. Arătați un picior de pantaloni răsuciți prin adăugarea unui dreptunghi rotund, albastru deschis, peste picior.

Pasul 14

Acum să adăugăm un pantof. Începeți cu a 40 x 20 px întuneric-albastru dreptunghi, Trimite aceasta la Spate (Shift-Control- [) și atașați-o la picior. 

A face o 25 x 25 px dreptunghi alb pentru vârful de bocan și atașați-l la marginea dreaptă a formei albastru închis. Selectați colțurile sale de sus și faceți-le 12 px rotunjit.

Prindeți Instrumentul pentru creioane (N) și trageți câteva linii de-a lungul vârfului portbagajului. Folosește Mască de tăiere pentru a ascunde piesele nedorite ale liniilor.

Finisați pantoful adăugând un dreptunghi alb îngust în partea inferioară a tălpii. Faceți colțul din stânga jos rotunjit și decorați talpa cu o bandă îngustă închisă. 

Pasul 15

Acum, să adăugăm al doilea picior! Atașați-o 80 x 23 px dreptunghi la partea de jos a personajului nostru. Adăugați un dreptunghi mai mic din culoarea mai deschisă, aliniindu-l la marginea din stânga a formei anterioare.

Faceți colțurile din stânga ale noii forme complet rotunjite.

Acum, să îndoim piciorul în genunchi adăugând un dreptunghi îngust rotat. Tocmai am duplicat-o de la primul picior și am folosit-o Instrument de selecție (V) pentru ao roti aproximativ 250 de grade, făcându-i să se potrivească zonei genunchiului.

Pasul 16

Adăugați un al doilea pantof și faceți toate elementele piciorului puțin mai întunecate, făcând imaginea puțin mai tridimensională.

Minunat! Se pare că personajul nostru este terminat. Să trecem la partea finală a tutorialului nostru.

6. Cum să desenezi un scaun modern

Pasul 1

Personajul nostru încă plutește în aer, așa că să adăugăm un scaun pentru al face să stea confortabil.

Începeți prin a crea un 87 x 105 px margine dreptunghiulară pentru spatele scaunului. Selectați colțul din stânga jos și apăsați introduce pentru a deschide Mișcare fereastră. Seteaza Pozitie orizontala valoare pentru 7 px, Vertical la 0 px, și faceți clic pe O.K pentru a muta punctul de ancorare 7 px la dreapta.

Repetați același lucru pentru punctul de ancorare opus, dar de data aceasta setați Orizontală valoare pentru -7 px, mutarea punctului spre stânga.

În cele din urmă, selectați ambele colțuri de sus și le faceți complet rotunjite.

Pasul 2

Păstrați forma selectată, mergeți la Obiect> Cale> Calea offset și setați ofset valoare pentru -8 px. Selectați ambele forme și faceți clic pe Minus Front să taie o gaură în centru.

Folosește Instrumentul de ștergere (Shift-E) și țineți-vă jos Alt pentru a șterge partea de jos a cadrului.

Adăugați trei scânduri din lemn pe spătarul scaunului, așezându-le sub rama (Shift-Control-[).

Pasul 3

Adăugați spătarul scaunului și un fund de lemn. Decoreaza-le cu o textura simpla din lemn, folosind aceeasi tehnica ca si noi pentru masina de lemn.

Pasul 4

Acum trebuie să adăugăm un picior la scaunul nostru. Am vrut să descriu un scaun înalt ca cei de la un bar. Folosește Instrumentul dreptunghiular (M) pentru a forma elementele, folosind picioarele mesei ca referință pentru forme și culori.

Minunat! Designerul nostru Hipster și spațiul său de lucru creativ sunt finalizate!

Buna treaba! Sper că v-ați bucurat de acest tutorial și ați descoperit câteva sfaturi și trucuri noi care vă vor inspira să creați mai multe ilustrații de stil plat!

Nu uitați să descărcați Flat Hipster Designer Set pe Envato Elements cu toate elementele suplimentare și caracterul blond alternativ!

Dacă vă place să creați caractere plate și interioare, am un alt tutorial interesant pentru tine! Asigurați-vă că nu ratați acest lucru:

  • Cum de a crea un interior confortabil de design interior în Adobe Illustrator

    Casă dulce casă! În acest tutorial vom crea atmosfera confortabilă a unei camere de zi, proiectând un interior în stil plat cu un personaj drăguț de desene animate ...
    Yulia Sokolova
    Designul plat

A se distra!