Share
Hva du skal skapeI denne opplæringen skal vi lage et sett med flatskjermportretter, som skildrer folk i forskjellige yrker og yrker. Slike bilder kan brukes som avatarer for sosiale nettverk eller som designelementer for nettstedet ditt, som viser ulike kategorier. Eller du kan til og med tegne deg selv, ved hjelp av slike stilige portretter til visittkortet ditt.
De grunnleggende figurene og verktøyene til Adobe Illustrator er gode for å lage flat vektorgrafik, og vi går gjennom hele prosessen, oppdager nye tips og triks, ved hjelp av Pathfinder-panelet, Clipping Masks og noen andre funksjoner og funksjoner fra Adobe Illustrator. Du kan følge denne veiledningen enkelt, selv om du ikke bruker en grafikkbrett. La oss begynne!
Hvis du vil gå videre og gjøre et større antall yrker, eller du trenger noen andre typer portretter, kan du gjerne finne din inspirasjon direkte på Envato Market ved å bla på flate design avatarer eller flate designportretter. Du kan kjøpe dette settet, pluss flere avataralternativer i min Flat Professions Avatars Set på GraphicRiver.
Vi starter med å lage hodet til vår første karakter. La oss ta Rektangelverktøy (M) og lag en 65 x 80 px form av en lysrosa hudtone. Å holde vår form valgt, gå til Objekt> Sti> Legg til ankerpoeng. Du vil legge merke til at flere ankerpunkter vises midt på hver side av rektangelet.
Gå til Objekt> Sti> Legg til ankerpoeng igjen, legger to punkter til hver side. Faktisk trenger vi ikke alle de opprettede ankerpunktene, så la oss slette de uønskede. Ta Direkte utvalgsverktøy (A) og velg tre poeng på venstre side av rektangelet og tre til høyre. Gå til kontrollpanelet på toppen og klikk på Fjern valgte ankerpunkter knapp.
La oss nå forme ansiktet. Velg to ekstreme ankerpunkter i de nederste hjørner av rektangelet og klikk Tast inn å åpne Bevege seg vindu. Sett Horisontal verdi til 0 px og vertikal til -25 px å flytte ankerpunktene 25 px opp, forme haken. Klikk OK.
Hvis du vil gjøre haken bredere eller smalere, velg et av dens ankerpunkter og trykk Tast inn igjen, åpner Bevege seg vindu og flytte punktet horisontalt til venstre eller høyre. For eksempel, flytt høyre punkt til venstre ved å angi Horisontal verdi til -5 px og flytt deretter venstre punkt til høyre, sett inn Horisontal verdi til 5 px. På denne måten har vi flyttet poengene nærmere hverandre.
Bruke Levende hjørner funksjonen for å gjøre ansiktet litt mer glatt og avrundet ved å velge det med Direkte utvalgsverktøy (A) og trekker noen av sirkelmarkørene litt nærmere midten.
Hvis du bruker eldre versjoner av Adobe Illustrator, som ikke har Levende hjørner funksjon, det er helt greit! Du kan få det samme resultatet hvis du går til Effekt> Stylize> Round Corners. Den eneste forskjellen er at du ikke kan velge bare ett hjørne - det vil gjøre alle hjørnene avrundet. Men du kan alltid fikse dette med Eraser Tool (Shift-E).
La oss legge til nesen! Ta Rektangelverktøy (M) og lag en 9 x 20 px rosa form. Gjør hjørnene avrundet eller bruk Avrundet rektangelverktøy å skape hele formen.
La oss sørge for at nesen er perfekt justert mot ansiktet. Velg både ansikt og nese med Utvalgsverktøy (V), holde alt og klikk på ansiktet. Du ser et tykt utvalgslag rundt det, noe som indikerer at dette er nå Nøkkelobjekt, noe som betyr at alle andre gjenstander vil bli justert til den. Gå nå til Rette inn panel og klikk Horisontal justeringssenter. Rått! Nå er nesen rett i midten av ansiktet.
La oss legge til et mustasje. Lag et brunt rektangel av 30 x 10 px størrelse, klikk den med høyre museknapp og Ordne> Send bakover (Control- [), plasser den under nesen.
Velg det øvre venstre ankerpunktet i det brune rektangelet, trykk Tast inn og sett Horisontal verdi til 10 px og vertikal verdi til 0 px for å flytte punktet nærmere nesen. Gjenta det samme for motsatt side av mustasjen, denne gangen setter du inn Horisontal verdi til -10 px. Gjør bunnen av mustasjen litt avrundet med Levende hjørner trekk.
Bruke Avrundet rektangelverktøy å lage en liten form for underleppen, plassere den under overskjevet (Styre-[). Juster leppen horisontalt til ansiktet med Rette inn panel.
Bruke Ellipseverktøyet (L) å lage en 8 x 8 px hvit sirkel for øyebollet og plasser en mindre (6 x 6 px) brun sirkel på toppen for iris. Legg til en liten hvit sirkel for høydepunktet og flytt begge øynene til riktig posisjon.
La oss lage en hjelm, som beskytter arbeiders hode. Lage en 65 x 19 px oransje rektangel på toppen av hodet. Velg de øvre forankringspunktene med Direkte utvalgsverktøy (A) og trekk den Levende hjørner markerer ned, slik at hetten avrundes.
La oss nå legge til håret. Ta Rektangelverktøy (M) og gjør en smal vertikal stripe på venstre side av ansiktet for sideburn. Velg nederste høyre ankerpunkt med Direkte utvalgsverktøy (A) og gjør hjørnet avrundet.
Ved å holde sidebordet valgt, dobbeltklikk på Reflekteringsverktøy (O) og vri formen over Vertikal akse. Klikk på kopieringsknappen og hold den andre sideburnen til høyre side av ansiktet.
La oss endre nederst på hjelmen, slik at vi kan legge til en topp. Finn stedet der sideburnet krysser hjelmens bunnlinje, og bruk Pennverktøyet (P) å lage et nytt ankerpunkt. Gjør det samme for høyre sideburn. Du kan slå på Smart Guides (Vis> Smart Guides), som vil markere skjæringspunktet.
Til slutt velger du begge nyopprettede ankerpunkter med Direkte utvalgsverktøy (A) og trykk Tast inn å åpne Bevege seg vindu. Sett Horisontal verdi til 0 px og vertikal verdi til -5 px, flytter ankerpunktene opp.
La oss nå legge til en topp til hjelmen. Lag et lysere oransje smalt rektangel og fest dets øvre ankerpunkter til hjelmen. Smart Guides (Vis> Smart Guides) kan være veldig nyttig på dette trinnet.
Velg nederste venstre ankerpunkt og bruk Bevege seg funksjonen til å flytte den til høyre ved å sette inn Horisontal verdi til 10 px og VerticaJeg verdsetter til 0 px. Gjenta det samme for det motsatte bunnankerpunktet, men denne gangen flyttes det til venstre. Og til slutt dra de nedre ankerpunktene litt ned hvis du vil gjøre toppen bredere. Bruke Levende hjørner funksjon for å gjøre bunnhjørnene litt avrundet.
Ta Avrundet rektangelverktøy og lag en smal vertikal form av 7 x 30 px på toppen av hjelmen. Juster den til hjelmen, ved hjelp av hjelmen som Nøkkelobjekt.
Legg to kortere striper på begge sider av den første stripen, og la oss bruke Rette inn panel for å gjøre hullene mellom stripene til og med. Velg stripene og klikk Rette inn til utvelgelse i Rette inn panel. Klikk deretter Horizontal Distribute Center, og der har du det!
Ta Avrundet rektangelverktøy, og denne gangen la oss forme ørene. Lag en 11 x 23 px rosa form på venstre side av hodet og Sende den å gå tilbake (Shift-Control- [). trykk Alt-Shift og dra øret til motsatt side av hodet, og ta en kopi.
Lage en 35 x 40 px rektangel for nakken, fyll det med en litt mørkere hudtone for å skille den fra ansiktet. Gjør nederste del av nakken litt avrundet.
Og la oss begynne å designe klærne til arbeideren. Lage en 90 x 70 px mørkblått rektangel for skjorten. Legg til to ankerpunkter på de stedene hvor nakken krysser skjorten. Flytt sideforankringspunktene til rektangelet ned, hold nede Skifte og trykke på nedpiltast flere ganger for å danne skuldrene.
La oss gå videre til arbeiderenes uniform og plassere to smale oransje striper over skuldrene. Gruppe (Control-G) dem og juster gruppen til den mørkblå skjorten, bruk skjorten som Nøkkelobjekt. Legg til et rektangel over brystet og Forene alle oransje delene i Pathfinder, slå dem sammen i en enkelt form.
Gå til Objekt> Sti> Legg til ankerpoeng, og velg deretter det nye punktet i midten av nakkeområdet på uniformet og dra det ned, og gjør en V-form.
Bruke Levende hjørner funksjon for å gjøre hjørnene av uniformet litt avrundet. Nå må vi kvitte seg med de brikkene utenfor skjorten for å få begge former til å passe hverandre. Velg både skjorta og uniform og ta Form Builder Tool (Shift-M). Holde nede alt og klikk på brikkene utenfor skjorten som du må slette. Legg til to lettere smale striper på begge skuldrene, som viser et reflekterende tape.
La oss gi vårt ikon et trendy flatskjerm utseende ved å mørkere en av sidene. Velg alle elementene i tegnet (Kontroll-A), Kopier dem og Lim inn foran (Control-C> Control-F). Klikk på Forene fungere i Pathfinder panel for å slå sammen delene i en enkelt silhuett.
Ta Linjesegmentverktøy (\), holde Skifte og lag en vertikal linje over silhuetten. Velg både linjen og siluetten og juster dem horisontalt i Rette inn panel, ved hjelp av silhuetten som Nøkkelobjekt.
Hvis du holder begge formene valgt, bruker du Dele opp funksjon av Pathfinder å dele silhuetten i to like halvdeler.
Slett den venstre halvdelen og bytt den resterende halvdelen til Multipliser Blending Mode i åpenhet panel for å gjøre det halvtransparent. Du kan justere fargen på skyggen, noe som gjør den lettere eller mørkere i Farge panelet, eller ved å endre det opacity i åpenhet panel.
Ups, ser ut som om vi glemte øyenbrynene. La oss gå tilbake til ansiktet. Lag en sirkel rundt øyet og sett Stroke farge til mørk brun i Farge panel. Ta Saksverktøy (C) og klikk på sideankerpunktene for å dele sirkelen fra hverandre. Slett den nedre delen.
Hodet til Stroke panel og øke tykkelsen på pannen ved å sette inn Vekt verdi til 2 pt. Bytt Lokk og Hjørne til mellomposisjoner, slik at formen avrundes.
Å holde pannen valgt, ta Eraser Tool (Shift-E), holde alt og dra valget rektangel over bunnen av pannen for å slette endene, slik at buen blir litt kortere.
Kopier formen, danner et andre øyenbryn.
Velg den øvre sideankerpunkten i den mørkblå skjorten og bruk Levende hjørner å gjøre skuldrene litt glattere.
Hovedelementet i vår første avatar er klar, så nå må vi gi det et ferdig utseende ved å danne en bakgrunn. Bruke Ellipseverktøyet (L) å lage en 180 x 180 px sirkel. Fyll den med lyse turkise farge, kopier den og Bringe kopien til forsiden (Shift-Control-]).
Til slutt velger du alt, klikker du på høyre museknapp og Lag Clipping Mask. Rått! Nå har vi en ryddig sirkelavtale!
Du kan fortsatt redigere bildet hvis du dobbeltklikker på det og skriver inn Isolasjonsmodus.
Og den siste streken her vil være en lang, flatskjermskygge! Ta Rektangelverktøy (M) og lag et stort rektangel. Bytt den til Multiplisere modus eller senk opacity for å gjøre figurene under det synlige. Holde Skifte og roter formen 45 grader.
Nå må du få rektangelet til å passe til vår arbeiders silhuett. Fest ankerpunkter til kantene på tegnet. Lag flere ankerpunkter med Pennverktøyet (P) og flytt dem med Direkte utvalgsverktøy (A), gjemmer de unødvendige delene av rektangelet inne i mannens figur.
Når du er fornøyd med resultatet, plasser skyggen inne i Clipping Mask, gjemmer det under arbeideren (bruk lag panel for å trekke formen inne i Maske).
Til slutt, bruk en lineær gradient fra turkis til hvit til skyggen og plasser den diagonalt ved å bruke Gradient Tool (G). Bytt skyggen til Multiplisere modus, slik at den blandes med bakgrunnen.
Og ferdig! Vår første yrkes avatar er klar! La oss flytte til neste!
Vår neste avatar vil være et portrett av en kirurg med mørk hudtone. Vi bruker brukerens avatar som en base for det andre portrettet, så la oss kopiere det, høyreklikk og Slip Clipping Mask.
Slett hjelm, bart og oransjerenes uniform, og lerk ikonbasen og skyggen til gule farger. Fortsett med å recoloring elementene, endre fargen på klærne til turkis og hudtonen til en mørkere sjokoladefarge. Endre fargen på håret og øyenbrynene til mørkere brun også.
La oss legge til en medisinsk lue til vår kirurg. Bruke Rektangelverktøy (M) å lage en 40 x 24 px rektangel. Flytt overforankringspunktene litt nærmere hverandre ved å bruke piltastene av tastaturet ditt og gjør toppen av hatten litt smalere. Bruke Levende hjørner funksjon for å gjøre de øvre hjørner avrundet.
La oss lage en enkel kirurgens maske. Lage en 33 x 20 px rektangel. Legg til en gruppe mørkere horisontale striper over masken, noe som gjør det mer detaljert. Og endelig plasser du en smal streng øverst på masken og Sende den å gå tilbake (Shift-Control- [).
Legg nå masken over kirurgens ansikt og la oss gjemme de unødvendige brikkene. Dupliserer basen av ansiktet og Bringe den til forsiden (Shift-Control-]), Plasser den over masken (du må kanskje dra kopien utenfor ansiktsgruppen hvis du tidligere har gruppert ansiktet). Velg både ansikts kopi og maske, høyreklikk og Lag Clipping Mask.
Flott! Nå passer den perfekt til ansiktet.
La oss fullføre kirurgens avatar ved å legge til en endelig detalj på hans uniform. Bruke Polygonverktøy å lage en trekant og rotere den, snu formen opp ned. Fyll formen med lysgrå farge. Velg både den turkise skjorten og den hvite trekanten og bruk Form Builder Tool (Shift-M) mens du holder alt å slette brikkene utenfor kroppen, og danne en fin V-formet nakkebøyle.
Mørk den høyre delen av tegnet ved hjelp av en halv gjennomsiktig form i Multiplisere modus, og skjul alle deler i en runde Clipping Mask.
Vi er klare til å fortsette!
Nå er det på tide å tegne et flyvertinne portrett! Vi kommer ikke til å gjøre det fra bunnen av, så la oss omdanne den første figuren i stedet. Dupliser arbeiders ikon og legg grunnlaget for vår fremtidige avatar ved å slippe ut Clipping Mask og sletter alle unødvendige elementer. Recolor sirkelikonbasen til en mild rød farge.
Formen på ansiktet ser ut til å være for vinklet for vår nye karakter, så la oss lage en ny. Lage en 40 x 55 px rektangel og bruk Levende hjørner funksjon for å gjøre hjørnene helt avrundet.
La oss gjøre neseproppen tynnere. Velg de to sideankerpunktene på øvre del av nesen og slett dem med Fjern valgte ankerpunkter Fungerer i det øverste kontrollpanelet. Dette vil gjøre øvre del av nesen ser mer delikat ut.
La oss nå gå videre til leppene. Gå til Objekt> Sti> Legg til ankerpoeng. Velg det nye ankerpunktet i midten av overleppen og dra den ned med Direkte utvalgsverktøy (A). Bruke Levende hjørner funksjon for å gjøre formen på leppene mer flytende og glatt. Og splitt leppene fra hverandre, ved hjelp av Saksverktøy (C) ved å klikke på sideankerpunktene.
Gjør leppene lysere, øker metningen av den rosa fargen, og la oss gjøre formen litt buet. Gruppe (Control-G) begge halvdelene av leppene og gå til Effekt> Warp> Arch. Sett Horisontal Bend verdi til -30%. Klikk OK og Objekt> Utvid Utseende å bruke effekten, gjør munnen smilende. Du kan også gjøre overleppen litt mørkere for å skille den fra underleppen, noe som gjør munnen mer sunn til livet.
Vi skal gjøre vår kvinne blond, så la oss lure øynene og brynene tilsvarende. Vi kan også legge til et tynt buet slag for øyevipper, noe som gjør det på samme måte som vi gjorde brynene.
La oss nå danne en pen frisør. Ta Ellipseverktøyet (L) og plasser to ellipser over pannen, slik at de overlapper hinanden. Forene ellipser i Pathfinder. Bruke Form Builder Tool (Shift-M) for å slette det unødvendige stykket over hodet, noe som gjør håret glatt og ryddig.
For å gjøre karakteren mer subtil, la oss gjøre halsen tynnere og mer avrundet. Og vi kan også endre ansiktet litt ved å gjøre det tynnere og legge til en mild rund rødme på kinnene.
La oss nå gjøre uniformen til vår flyvertinne! Vi bruker den mørkblå skjortebasen som vi allerede har, og bare legger til flere karakteristiske detaljer. La oss slå skjorten inn i en stilig jakke.
Ta Rektangelverktøy (M) og lag en 33 x 45 px stripe. Roter det til om 45 grader og la oss lage en cutout hakk nærmere toppen. Plasser en liten trekant, overlapper hovedformen. Bruke Form Builder Tool (Shift-M) mens du holder nede alt å kutte ut trekanten.
Bruke Reflekteringsverktøy (O) å lage en speilet kopi av den opprettede formen, danner en lapel. Du kan slette de unødvendige brikkene i bunnen ved hjelp av Eraser Tool (Shift-E) eller Form Builder Tool (Shift-M) etter at du har lagt den over jakken.
Lag en krage av den hvite skjorten, kombinere tre trekanter og lage en av hjørnene i hver form litt avrundet.
Nå må vi gjøre et lite rødt slips, noe som gjør et karakteristisk merke av flyselskapene. Begynn med å lage en liten 8 x 7,5 px rektangel. Flytt dens nedre ankerpunkter nærmere hverandre ved å bruke piltastene og gjør bunnen av formen smalere. Gjør de nederste hjørnene avrundet og danner knuten i slipset vårt.
Ta nå Ellipseverktøyet (L), lag en squashed form og roter den om 45 grader. Velg nederste ankerpunkt, hodet til det øvre kontrollpanelet og klikk på Konverter valgte markeringspunkter til hjørnet knappen, slik at formen spisses. Vend kopien av formen til motsatt side, slik at slipset ser komplett ut.
La oss flytte til neste del av flygebyrets uniform: hetten. Lag en 18 x 18 px kvadrat med samme mørkblå farge som jakken. Roter det 45 grader og squash det litt, gjør en diamantform. Gjør hjørnene avrundet med Levende hjørner trekk.
Lag en mørkere blå stripe med avrundede hjørner og fest den til venstre på den første formen. Bruke Reflekteringsverktøy (O) å vende kopien av formen horisontalt og danne foldingen av lokket.
Lag et gyldent flyselskapsemblem, som viser en bevinget medalje fra a 4 x 4 px sirkel og en gruppe avrundede rektangler for fjærene. Fest emblemet på lokket, tilpass det til midten.
Endelig kle opp vår flyvertinne og avslutt ikonet ved å legge til en skånsom skygge og skjule alt med en rund utklippsmaske.
Vi bruker basen av vår flyvertinne, skifter hudtonen til en fin sjokoladefarge og håret til mørkbrunt. La oss også bytte farge på ikonbasen til lysegrønn.
La oss flippe håret horisontalt for å gjøre det forskjellig fra forrige avatar. Og la oss danne en kort hårklipp. Lage en 45 x 53 px rektangel med mørkere brun farge og plasser den under hodet. Velg de øvre sideankerpunktene og gjør toppens form fullstendig avrundet.
La oss skildre separate hårlås i bunnen. Lag noen få små trekanter og legg dem på bunnen av frisøren, slik at figurene overlapper. Bruke Form Builder Tool (Shift-M), holder nede alt å kutte ut trekanter.
Legg til en enkel V-formet krage for vår skjorte, danner den fra to smale rektangler.
La oss nå lage hatten til politimannen vår. Bruke Polygonverktøy å lage en 7-sidig form om 45 x 45 px størrelse. Squash formen og endre bunndelen ved å flytte ankerpunktene lenger fra hverandre og gjøre hjørnene litt avrundet. Flytt bunnpunktene i formen opp litt, og gjør bunnsiden flatt.
Legg til en smal horisontal topp i hatten, ved hjelp av Rektangelverktøy (M) og gjør sine nederste hjørner avrundet.
La oss gjøre toppen glanset ved å legge til et stilisert høydepunkt. Lag to smale striper, roter dem 45 grader og plasser dem over toppen. Bruke Form Builder Tool (Shift-M) å slette de uønskede brikkene utenfor toppen.
La oss gjøre det viktigste elementet i alle politibetjentene: merket! Lage en 10 x 13 px rektangel av en lysegul farge. Gå til Objekt> Sti> Legg til ankerpoeng. Velg nedre ankerpunkter og flytt dem opp, slik at formen spiss og ser ut som et skjold.
Bruke Levende hjørner funksjon for å gjøre sidene av formen jevn. Vi kan også gjøre toppen av formen litt bøye, ved hjelp av Curvature Tool (Shift-').
Fullfør med merket ved å plassere en stjerne over det, ved å bruke Star Tool.
Kle opp vår vennlige politibetjent, legg til et mørkegrå slips og noen flere detaljer til uniformet. Du kan gå enda lenger og lage noen ekstra tilbehør, for eksempel lyse, trendy briller, dannet av to ellipser med et blått slag.
God jobb! Vi har vellykket opprettet fire portretter av personer i forskjellige yrker som kan brukes enten som avatarer eller som ikoner eller for et annet designprosjekt.
Hvis du vil lage flere yrker eller å inspisere den opprinnelige filen i denne opplæringen og se hvordan de separate elementene ble laget, så fortsett og få hele settet med Flat Professions Avatars med 12 forskjellige yrker, hver i to hudtoner.
Jeg håper virkelig at denne opplæringen var nyttig, og du har oppdaget noen nye tips og triks som vil øke arbeidet ditt, noe som gjør det mer behagelig.
Ha det gøy og hold deg innstilt for mer!
Accentsconagua