Share
Ce veți creaÎn acest tutorial vom face un set de portrete în stil plat, care descriu oameni de diferite profesii și ocupații. Astfel de imagini pot fi folosite ca avatare pentru rețelele sociale sau ca elemente de design pentru site-ul dvs., care prezintă diferite categorii. Sau puteți chiar să vă atrageți, folosind astfel de portrete în stil plat pentru cartea dvs. de vizită.
Formele și instrumentele de bază ale programului Adobe Illustrator sunt excelente pentru crearea de grafice vectoriale plate și vom trece prin întregul proces, descoperind noi sfaturi și trucuri, utilizând panoul Pathfinder, măștile de tăiere și alte funcții și funcții ale Adobe Illustrator. Puteți urmări cu ușurință acest tutorial, chiar dacă nu utilizați o tabletă grafică. Sa incepem!
Dacă doriți să mergeți mai departe și să faceți o serie mai mare de profesii sau aveți nevoie de alte tipuri de portrete, nu ezitați să vă inspirați direct la Envato Market navigând prin avatare cu design plat sau portrete de design plate. Puteți achiziționa acest set, plus opțiuni suplimentare de avatar în Avatarele mele profesionale netede stabilite pe GraphicRiver.
Vom începe prin a face capul primului nostru personaj. Să luăm Instrumentul dreptunghiular (M) și fă un a 65 x 80 px forma unui ton de piele roz-deschis. Ținând cont de forma noastră, mergeți la Obiect> Cale> Adăugați puncte de ancorare. Veți observa puncte de ancorare suplimentare în mijlocul fiecărei laturi a dreptunghiului.
Mergi la Obiect> Cale> Adăugați puncte de ancorare adăugând încă două puncte pentru fiecare parte. De fapt, nu avem nevoie de toate punctele de ancorare create, deci să ștergem cele nedorite. Luați Instrumentul de selecție directă (A) și selectați trei puncte în partea stângă a dreptunghiului și trei în dreapta. Accesați panoul de control din partea de sus și faceți clic pe Îndepărtați punctele de ancorare selectate buton.
Acum să formăm fața. Selectați două puncte de ancorare extreme în colțurile de jos ale dreptunghiului și dați clic pe introduce pentru a deschide Mișcare fereastră. Seteaza Orizontală valoare pentru 0 px și Vertical la -25 px pentru a muta punctele de ancorare 25 px în sus, formând bărbia. Clic O.K.
Dacă doriți să faceți bărbia mai largă sau mai îngustă, selectați unul din punctele sale de ancorare și apăsați introduce din nou, deschiderea Mișcare și mutați punctul orizontal spre stânga sau spre dreapta. De exemplu, deplasați punctul drept spre stânga prin setarea Orizontală valoare pentru -5 px apoi mutați punctul din stânga spre dreapta, setând Orizontală valoare pentru 5 px. În acest fel am mutat punctele mai aproape una de cealaltă.
Folosește Live Corners caracteristica pentru a face fata un pic mai netede si rotunjite prin selectarea ei cu Instrumentul de selecție directă (A) și trageți oricare dintre marcatorii de cerc puțin mai aproape de centru.
Dacă utilizați versiuni mai vechi ale Adobe Illustrator, care nu au Live Corners caracteristică, asta e perfect! Puteți obține același rezultat dacă mergeți Efect> Stylize> Colturi rotunde. Singura diferență este că nu poți alege doar un colț - va face ca toate colțurile să fie rotunjite. Dar puteți rezolva întotdeauna acest lucru cu Instrumentul de ștergere (Shift-E).
Să adăugăm nasul! Luați Instrumentul dreptunghiular (M) și fă un a 9 x 20 px forma roz. Faceți colțurile rotunjite sau utilizați Instrument rotunjit dreptunghi pentru a crea întreaga formă.
Să ne asigurăm că nasul este perfect aliniat față de față. Selectați atât fața, cât și nasul cu Instrument de selecție (V), deține Alt și faceți clic pe fața. Veți vedea un accident vascular cerebral gros în jurul valorii de el, indicând că acesta este acum Obiect cheie, ceea ce înseamnă că toate celelalte obiecte vor fi aliniate la aceasta. Acum du-te la Alinia panou și faceți clic pe Centrul de aliniere orizontală. Minunat! Acum, nasul este chiar în centrul feței.
Să adăugăm o mustață. Faceți un dreptunghi maro 30 x 10 px faceți clic pe acesta cu butonul din dreapta al mouse - ului și pe Aranjare> Trimitere înapoi (Control- [), plasându-l sub nas.
Selectați punctul de ancorare din stânga sus al dreptunghiului maro, lovit introduce și setați Orizontală valoare pentru 10 px si Vertical valoare pentru 0 px pentru a muta punctul mai aproape de nas. Repetați același lucru pentru partea opusă a mușchii, setând de această dată Orizontală valoare pentru -10 px. Faceți partea de jos a mușchii ușor rotunjite cu Live Corners caracteristică.
Folosește Instrument rotunjit dreptunghi pentru a face o formă mică pentru buza inferioară, plasându-l sub mustață (Control-[). Aliniați buza orizontal pe fața folosind Alinia panou.
Folosește Instrument de elipsă (L) pentru a face o 8 x 8 px cerc alb pentru globul ocular și plasați un6 x 6 px) cerc maroniu deasupra irisului. Adăugați un cerc alb mic pentru evidențierea și mutați ambii ochi în poziția corectă.
Să facem o căști care protejează capul muncitorului. A face o 65 x 19 px portocaliu dreptunghiular deasupra capului. Selectați punctele de ancorare superioare cu Instrumentul de selecție directă (A) și trageți Live Corners marcherii în jos, făcând capul rotunjit.
Acum, să adăugăm părul. Luați Instrumentul dreptunghiular (M) și faceți o bandă îngustă îngustă în partea stângă a feței pentru arsurile laterale. Selectați punctul de ancorare din partea dreaptă din dreapta cu Instrumentul de selecție directă (A) și faceți colțul rotunjit.
Păstrați arsurile laterale selectate, faceți dublu clic pe Reflect Tool (O) și răsturnați forma peste Axa verticala. Faceți clic pe butonul de copiere și lipiți al doilea balon în partea dreaptă a feței.
Să modificăm partea de jos a coifului, astfel încât să putem adăuga un vârf. Găsiți locul în care arsul lateral traversează linia de jos a căștii și utilizați Instrument Pen (P) pentru a face un nou punct de ancorare. Faceți același lucru pentru arsul lateral drept. Puteți activa funcția Ghiduri inteligente (Vizualizare> Ghiduri inteligente), care va marca punctul de intersecție.
În cele din urmă, selectați ambele puncte de ancorare nou create Instrumentul de selecție directă (A) și apăsați introduce pentru a deschide Mișcare fereastră. Seteaza Orizontală valoare pentru 0 px și Vertical valoare pentru -5 px, deplasarea punctelor de ancorare în sus.
Acum, să adăugăm un vârf la casca. Faceți un dreptunghi îngust și portocaliu și fixați punctele superioare de ancorare la casca. Ghiduri inteligente (Vizualizare> Ghiduri inteligente) poate fi foarte util în acest pas.
Selectați punctul de ancorare stânga jos și utilizați Mișcare pentru a o deplasa spre dreapta prin setarea Orizontală valoare pentru 10 px și VerticaMă apreciez 0 px. Repetați același lucru pentru punctul de ancorare inferior, dar de data aceasta mișcați-l spre stânga. Și, în final, trageți în jos puncte de ancorare de jos, dacă doriți să faceți vârful mai larg. Folosește Live Corners caracteristică pentru a face colțurile de fund ușor rotunjite.
Luați Instrument rotunjit dreptunghi și face o formă verticală îngustă de 7 x 30 px deasupra cascadei. Aliniați-l la casca, folosind casca ca Obiect cheie.
Adăugați două benzi mai scurte pe ambele fețe ale primei benzi și folosiți Alinia panou pentru a face decalajul între dungi chiar. Selectați dungile și faceți clic pe Alinia la selecție în Alinia panou. Apoi apasa Centrul orizontal de distribuire, și acolo aveți!
Luați Instrument rotunjit dreptunghi, și de această dată să formăm urechile. A face o 11 x 23 px forma roz în partea stângă a capului și Trimite aceasta la Spate (Shift-Control- [). presa Alt-Shift și trageți urechea în partea opusă a capului, făcând o copie.
A face o 35 x 40 px dreptunghi pentru gât, umplându-l cu un ton de piele ușor mai întunecat, pentru al separa de față. Faceți partea din spate a gâtului puțin rotunjită.
Și să începem să proiectăm hainele muncitorului. A face o 90 x 70 px un dreptunghi albastru închis pentru cămașă. Adăugați încă două puncte de ancorare în locurile în care gâtul traversează cămașa. Deplasați punctele de ancorare laterale ale dreptunghiului în jos Schimb și apăsând tasta tasta săgeată jos de mai multe ori pentru a forma umerii.
Să mergem la uniforma muncitorului și să punem două dungi portocalii înguste deasupra umerilor. Grup (Control-G) și aliniați grupul la cămașa întunecată, folosind cămașa ca Obiect cheie. Adăugați un dreptunghi deasupra pieptului și Uni toate părțile portocalii din deschizător de drumuri, îmbinându-le într-o singură formă.
Mergi la Obiect> Cale> Adăugați puncte de ancorare, și apoi selectați noul punct situat în mijlocul zonei gâtului a uniformului și trageți-l în jos, făcând o formă V.
Folosește Live Corners caracteristică pentru a face colțurile uniforme ușor rotunjite. Acum trebuie să scapăm de aceste piese în afara cămășii, pentru a face ca ambele forme să se potrivească reciproc. Selectați atât cămașa, cât și uniforma și luați-o Shape Builder Tool (Shift-M). Ține-te jos Alt și faceți clic pe piesele din afara cămășii pe care trebuie să le ștergeți. Adăugați două dungi mai înguste pe ambele umeri, reprezentând o bandă reflectorizantă.
Să oferim icoanei noastre un aspect trendy în stil plat, întunecându-se una din laturile sale. Selectați toate elementele personajului (Control-A), Copiați ei și Lipiți în față (Control-C> Control-F). Apasă pe Uni funcția în deschizător de drumuri pentru a uni piesele într-o singură siluetă.
Luați Instrumentul pentru segmentul de linie (\), deține Schimb și faceți o linie verticală peste siluetă. Selectați atât linia cât și silueta și aliniați-le orizontal în Alinia panou, folosind silueta ca Obiect cheie.
Ținând ambele forme selectate, utilizați Divide funcția de deschizător de drumuri să împartă silueta în două jumătăți egale.
Ștergeți jumătatea stângă și comutați restul la jumătate Înmulțiți modul de amestecare în Transparenţă pentru a deveni semi-transparent. Puteți regla culoarea umbrei, făcându-o mai ușoară sau mai întunecată în Culoare panou, sau prin schimbarea acestuia Opacitate în Transparenţă panou.
Hopa, parcă am uitat sprâncenele. Să ne întoarcem la față. Faceți un cerc în jurul ochiului și setați Accident vascular cerebral culoare în maro închis în Culoare panou. Luați Instrumentul pentru scule (C) și faceți clic pe punctele de ancorare laterale pentru a împărți cercul în afară. Ștergeți partea inferioară.
Deplasați-vă la Accident vascular cerebral și măriți grosimea frunții prin setarea Greutate valoare pentru 2 pt. Schimbați Capac și Colţ la poziții de mijloc, făcând forma rotunjită.
Ținând fruntea selectată, luați Instrumentul de ștergere (Shift-E), deține Alt și trageți dreptunghiul de selecție peste partea de jos a frunții pentru a șterge capetele, făcând arcul puțin mai scurt.
Copiați forma, formând o a doua sprânceană.
Selectați punctele de ancorare din partea superioară a cămășii albastre și utilizați Live Corners pentru a face umerii putin mai linistiti.
Elementul principal al primului nostru avatar este gata, așa că acum trebuie să îi oferim un aspect complet, formând un fundal. Folosește Instrument de elipsă (L) pentru a face o 180 x 180 px cerc. Umpleți-l cu o culoare turcoaz luminos, copiați-l și Aduce copia spre față (Shift-Control-]).
În cele din urmă, selectați totul, faceți clic pe butonul drept al mouse-ului și Faceți o mască de tăiere. Minunat! Acum avem un avatar de cerc ordonat!
Puteți să editați imaginea dacă faceți dublu clic pe ea și introduceți-o Modul de izolare.
Și ultimul accident vascular cerebral aici va fi o umbra lungă, în stil plat! Luați Instrumentul dreptunghiular (M) și face un dreptunghi mare. Porniți-l Multiplica mod sau coborâți Opacitate pentru a face forma sub ea vizibilă. ține Schimb și rotiți forma 45 de grade.
Acum trebuie să faci dreptunghiul să se potrivească cu silueta muncitorului nostru. Țineți punctele de ancorare pe marginea personajului. Asigurați puncte de ancorare suplimentare cu Instrument Pen (P) și mutați-le cu Instrumentul de selecție directă (A), ascunzând părțile inutile ale dreptunghiului din figura omului.
Când sunteți mulțumit de rezultat, plasați umbra înăuntru Mască de tăiere, ascunzându - l sub muncitor (utilizați straturi panou pentru a trage forma în interiorul Masca).
În cele din urmă, aplicați un gradient liniar de la turcoaz la alb la umbră și plasați-l în diagonală, folosind Instrument de gradient (G). Schimbați umbra la Multiplica mode, făcând amestecul cu fundalul.
Și terminat! Primul nostru avatar de meserii este gata! Să trecem la următorul!
Următorul avatarul nostru va fi un portret al unui chirurg cu ton de piele întunecată. Vom folosi avatarul muncitorului ca bază pentru cel de-al doilea portret, deci să îl duplicăm, să faceți clic cu butonul din dreapta și Eliberați masca de tăiere.
Ștergeți casca, mustața și uniforma muncitorului portocaliu și recolorați baza de pictograme și umbra în culori galbene. Continuați să recolorați elementele, schimbând culoarea hainelor în turcoaz și tonul pielii până la o culoare mai ciocolată mai închisă. Modificați culoarea părului și a sprâncenelor la maro mai închis.
Să adăugăm o pălărie medicală chirurgului nostru. Folosește Instrumentul dreptunghiular (M) pentru a face o 40 x 24 px dreptunghi. Deplasați punctele de ancorare din partea superioară puțin mai aproape una de cealaltă, folosind sagetile a tastaturii dvs. și a face ca partea de sus a pălăriei să fie mai îngustă. Folosește Live Corners pentru a face colturile superioare rotunjite.
Să creăm o mască chirurgie simplă. A face o 33 x 20 px dreptunghi. Adăugați un grup de dungi orizontale mai întunecate deasupra măștii, făcându-l mai detaliat. Și, în final, așezați un șir îngust în partea superioară a măștii și Trimite aceasta la Spate (Shift-Control- [).
Acum, plasați masca de deasupra chipului chirurgului și hai să ascundem piesele inutile. Duplicați baza feței și Aduce aceasta spre față (Shift-Control-]), plasându-l deasupra mască (poate fi necesar să trageți copia în afara grupului de fețe dacă ați grupat fața anterior). Selectați atât copia feței cât și masca, dați clic dreapta și Faceți o mască de tăiere.
Grozav! Acum se potrivește perfect cu fața.
Să terminăm cu avatarul chirurgului adăugând un detaliu final uniformei sale. Folosește Instrumentul pentru poligoane pentru a face un triunghi și ao roti, transformând forma cu susul în jos. Umpleți forma cu culoarea gri deschis. Selectați atât cămașa turcoaz, cât și triunghiul alb și utilizați Shape Builder Tool (Shift-M) în timp ce țineți Alt pentru a șterge piesele din afara corpului, formând o bandă frumoasă în formă de "V".
Împingeți partea dreaptă a personajului cu ajutorul unei forme semi-transparente în Multiplica modul și ascunde toate piesele din interiorul unei runde Mască de tăiere.
Suntem gata să mergem mai departe!
Acum este momentul să desenați un portret de însoțitor de zbor! Nu o vom face de la zero, așa că transformăm prima figură în loc. Duplicați pictograma lucrătorului și creați baza pentru viitorul nostru avatar eliberând Mască de tăiere și ștergerea tuturor elementelor care nu sunt necesare. Refaceți baza pictogramei cercului într-o culoare roșie blândă.
Forma feței pare a fi prea înclinată pentru noul nostru personaj, așa că să facem unul nou. A face o 40 x 55 px dreptunghi și utilizați Live Corners caracteristică pentru a face colțurile complet rotunjite.
Să facem ca forma nasului să fie mai subțire. Selectați cele două puncte laterale de ancorare din partea superioară a nasului și ștergeți-le folosind Îndepărtați punctele de ancorare selectate în panoul de comandă superior. Acest lucru va face ca partea superioară a nasului să pară mai delicată.
Acum să trecem la buze. Mergi la Obiect> Cale> Adăugați puncte de ancorare. Selectați noul punct de ancorare din mijlocul buzei superioare și trageți-l în jos utilizând butonul Instrumentul de selecție directă (A). Folosește Live Corners caracteristică pentru a face forma buzelor mai curgătoare și mai netedă. Și împărți buzele în afară, folosind Instrumentul pentru scule (C) făcând clic pe punctele de ancorare laterale.
Asigurați-vă buzele mai strălucitoare, crescând saturația culorii roz și să facem forma ușor arcuită. Grup (Control-G) ambele jumătăți ale buzelor și du-te la Efect> Warp> Arh. Seteaza Bend orizontal valoare pentru -30%. Clic O.K și Obiect> Extindeți aspectul pentru a aplica efectul, făcând zâmbetul gurii. Puteți, de asemenea, să faceți buza superioară puțin mai întunecată pentru a o separa de buza inferioară, făcând gura mai adevărată la viață.
O să-i facem pe femeia noastră blondă, așa că să-i recolorăm ochii și sprâncenele în consecință. Putem adăuga, de asemenea, un accident vascular cerebral subțire pentru gene, făcând-o la fel ca și când am făcut sprancenele.
Acum, să formăm un coafură curată. Luați Instrument de elipsă (L) și plasați două elipse deasupra frunții, făcându-le să se suprapună. Uni elipsele din deschizător de drumuri. Folosește Shape Builder Tool (Shift-M) pentru a șterge piesa care nu este necesară deasupra capului, ceea ce face ca părul să fie șlefuit și ordonat.
Pentru a face ca personajul sa arate mai subtil, sa facem gatul mai subtire si mai rotunjit. Și putem modifica și chipul, făcându-l mai subțire și adăugând o roșu blând pe obraji.
Acum să facem uniforma însoțitorului nostru de zbor! Vom folosi baza tricoului albastru închis pe care o avem deja și vom adăuga mai multe detalii distinctive. Să transformăm cămașa într-o jachetă elegantă.
Luați Instrumentul dreptunghiular (M) și fă un a 33 x 45 px dunga. Rotiți-l în jur 45 de grade și să facem o decupare mai aproape de vârf. Plasați un triunghi mic, care se suprapune peste forma principală. Folosește Shape Builder Tool (Shift-M) în timp ce țineți jos Alt pentru a tăia triunghiul.
Folosește Reflect Tool (O) pentru a face o copie oglindită a formei create, formând un rever. Puteți șterge piesele care nu sunt necesare în partea de jos, utilizând butonul Instrumentul de ștergere (Shift-E) sau Shape Builder Tool (Shift-M) după ce o plasați deasupra jachetei.
Formați un guler al cămășii albe, combinând trei triunghiuri și făcând unul dintre colțurile fiecărei forme ușor rotunjite.
Acum trebuie să facem o cravată roșie mică, făcând un semn distinctiv al companiilor aeriene. Începeți prin a face un mic 8 x 7,5 px dreptunghi. Deplasați punctele inferioare de ancorare mai aproape unul de celălalt, folosind sagetile și făcând partea inferioară a formei mai îngustă. Faceți colturile de jos rotunjite, formând nodul cravatăi noastre.
Acum ia-o Instrument de elipsă (L), faceți o formă înțepenită și rotiți-o 45 de grade. Selectați punctul de ancorare de fund, capul spre panoul de control superior și faceți clic pe Conversia punctelor de ancorare selectate în colț buton, făcând forma subliniată. Răsturnați copia formei pe partea opusă, făcând cravată să arate completă.
Să trecem la următorul element al uniformei însoțitorului de zbor: capacul. A face o 18 x 18 px pătrat de aceeași culoare albastru închis ca jacheta. Rotiți-l 45 de grade și o picătură puțin, făcând o formă de diamant. Faceți colțurile rotunjite cu Live Corners caracteristică.
Faceți o bandă albastră mai închisă cu colțuri rotunjite și atașați-o în partea stângă a primei forme. Folosește Reflect Tool (O) pentru a răsturna copia formei orizontal, formând plierea capacului.
Formați o emblemă de aur aeriene, care prezintă o medalie aripă de la 4 x 4 px cerc și un grup de dreptunghiuri rotunjite pentru pene. Atașați emblema la capac, aliniați-o spre centru.
În cele din urmă, îmbrăcați însoțitorul nostru de zbor și terminați icoana adăugând o umbra blândă și ascunzând totul cu o mască rotundă de tăiere.
Vom folosi baza avionului nostru de stewardesă, schimbând tonul pielii până la o culoare drăguță de ciocolată și părul până la maro închis. Să schimbați culoarea pictogramei pe culoarea verde.
Să răsturnăm părul orizontal pentru a face diferența față de avatarul anterior. Și să formăm o tunsoare scurtă. A face o 45 x 53 px dreptunghi de culoare maro inchis si pune-l sub cap. Selectați punctele de ancorare din partea superioară și faceți partea superioară a formei complet rotunjite.
Acum, să arătăm separări separate ale părului în partea de jos. Formați câteva triunghiuri mici și plasați-le în partea de jos a coafurii, ceea ce face ca formele să se suprapună. Folosește Shape Builder Tool (Shift-M), care tine pe loc Alt să taie triunghiurile.
Adăugați un guler în formă de V simplu pentru cămașa noastră, formând-o din două dreptunghiuri înguste.
Acum să creăm pălăria ofițerului nostru de poliție. Folosește Instrumentul pentru poligoane pentru a face o 7-verso despre forma 45 x 45 px mărimea. Squash forma și modifica partea sa de jos prin mutarea puncte de ancorare mai departe una de alta si de a face colturi un pic rotunjite. Mutați punctele inferioare ale formei un pic, făcând partea inferioară plat.
Adăugați un vârf orizontal îngust la pălărie, folosind Instrumentul dreptunghiular (M) și făcând colțurile inferioare rotunjite.
Să facem un vârf lucios prin adăugarea unei evidențe stilizate. Faceți două dungi înguste, rotiți-le 45 de grade și plasați-le deasupra vârfului. Folosește Shape Builder Tool (Shift-M) pentru a șterge piesele nedorite în afara vârfului.
Să facem cel mai important element al fiecărui ofițer de poliție: insigna! A face o 10 x 13 px dreptunghi de culoare galben-luminos. Mergi la Obiect> Cale> Adăugați puncte de ancorare. Selectați punctele de ancorare din partea de jos și deplasați-le în sus, făcând forma arătată și arătând ca un scut.
Folosește Live Corners caracteristică pentru a face părțile laterale ale formei netede. De asemenea, putem face ca partea de sus a formei să se îndoaie puțin, folosind Instrumentul de curbură (Shift- ').
Finalizați cu insigna plasând o stea deasupra ei, folosind Instrumentul Star.
Îmbrăcați-vă pe ofițerul nostru de poliție prietenos, adăugând o cravată întunecată și câteva detalii suplimentare pentru uniformă. Puteți merge și mai mult și creați câteva accesorii suplimentare, de exemplu, ochelari luminoși la modă, formați din două elipse cu un accident vascular cerebral albastru.
Buna treaba! Am creat cu succes patru portrete de oameni de diferite ocupații care pot fi folosite fie ca avatare, fie ca pictograme sau pentru orice alt proiect de proiectare.
Dacă doriți să creați mai multe profesii sau să inspectați fișierul original al acestui tutorial și să vedeți cum au fost făcute elementele separate, continuați și obțineți întregul set de Avatare cu Profesioniști Flat cu 12 ocupații diferite, fiecare în două tonuri de piele.
Sper că acest tutorial a fost de ajutor și că ați descoperit câteva sfaturi și trucuri noi care vă vor grăbi munca, făcându-o mai confortabilă.
Distrează-te și stai la dispoziție pentru mai mult!
Accentsconagua