Hvordan lage en skjønnhetsinspirert illustrasjon i Adobe Illustrator

Hva du skal skape

Hva kan være mer moro enn å hjelpe Frenchy lære hår og sminke ferdigheter? I denne opplæringen vil vi opprette ikonegenskaper og en søt portrettbustillustrasjon som er perfekt for en spa og sminke mobilapp inspirert av en av de søteste tegnene fra Grease!

Vi bygger hver ressurs ved hjelp av en gitt skisse og lærer å gjengi fargerike design raskt inn Adobe Illustrator CC. Deretter skal vi lage det endelige portrettet og bringe designet sammen i en ferdig illustrasjon. Som alltid kan du slå designen din sammen med flere vektormidler fra Envato Market for å gjøre noe unikt. Hvis du ønsker å øke hastigheten på prosessen din, kan du kjøpe sminkeikon eller en portrettbase fra markedet mens du følger denne opplæringen.

1. Lag noen søte hårtilbehør

Trinn 1

La oss begynne med å forberede dokumentet vårt. Lage en Nytt dokumentAdobe Illustrator CC og importer skissen sett nedenfor, som du kan laste ned til høyre for denne opplæringen. Min siste designstørrelse var rundt 8 tommer av 10 tommer, selv om du er velkommen til å jobbe med hvilken størrelse som passer dine designbehov.

I tillegg er du velkommen til å skissere ditt eget design og bruke denne opplæringen som en teknikkguide. Låse skisseobjektet i din lag panel og la oss få skape!

Steg 2

Begynn med søt lilla kam-ikonet, tegne to overlappende rektangler med Rektangelverktøy (M). Jeg har satt fyllefargen til lilla og strekkfargen til null. Deretter valgte jeg hvert hjørne av rektanglene med Direkte utvalgsverktøy (A) og trakk sine Levende hjørner mot midten for å runde hjørnene ut til min smak. Du kan se resultatet nedenfor!

Trinn 3

Forene de to avrundede rektanglene i Pathfinder panel. Tegn syv identiske rektangler med Rektangelverktøy og overlappe kammen med dem. Forene de syv rektanglene og treffer Back Minus FrontPathfinder panel. Deretter velger du kammen med Direkte utvalgsverktøy og manipulere Levende hjørner så kammen har avrundede kanter som vist nedenfor.

Trinn 4

Legg et tykt slag i en mørk farge til kam-objektet ditt. Jeg valgte brun. Mørke purpur eller magentas ser også fantastisk ut. Bruk enkle lineære gradienter til overlappende rektangler. Min gradient går fra lilla på 100% til 0% Opacity. Juster opacity av en gradient i gradient panel.

Bruke Form Builder Tool (Skift-M) for å slette overlappende former fra hverandre. Velg gradientrektangelet og kammen, og velg deretter den ikke-overlappende formen med Form Builder Tool. Til slutt avvelg og slett den utvendige formen. Det er en enkel teknikk jeg ofte bruker til å gjengi objekter som dette. Gruppe (Control-G) alle dine kam komponenter sammen.

Trinn 5

For å skape det søte hjertet på kammen (og flere hjerter i hele denne opplæringen), la oss bruke følgende teknikk:

  1. Tegn en sirkel med Ellipseverktøyet (L).
  2. Holde nede alt og dra sirkelen til Duplisere den. Plasser dem side ved side, litt overlappende.
  3. Forene sirkler i Pathfinder panel.
  4. Slett de tre nedre ankerpunktene med Slett ankerpunktsverktøy (-).
  5. Legg til et nytt ankerpunkt i midten av bunnen, og trekk den nedover med Direkte utvalgsverktøy.
  6. Konverter bunnankerpunktet til et skarpt punkt og juster håndtakene på sidekrokene slik at hjertets sider er fine og avrundede..

Nå som du har gjort et utrolig perfekt hjerte du kan Kopier (Control-C) og Lim inn (Control-V) det hver gang du trenger et hjerte innenfor dette designet!

Trinn 6

Det endelige håret tilbehør er bobby pin! Jeg har brukt skissen min som en guide for å tegne en wiggly pin form med Blyantverktøy (N). Sett Caps og Corners til avrundetStroke panel. Med Breddeverktøy (Shift-W), juster bredden på den øvre kanten av bobby pin slik at den har en større, bulbous ende.

Konverter strekningen til et objekt ved å gå til Objekt> Utvid, og gi bobby pin et slag som samsvarer med fyllfarge på 1-2 pt med Avrundede Caps og Corners.

Alternativt kan du tegne bobby pin med Blob børsteverktøy (Shift-B) med trykk aktivert for å få variasjonen sett under.

2. Lag et søtt sminkesett, del ett

Trinn 1

Det er mye sminke i dette designet, så la oss gå på første halvdel av hele settet! For å starte har vi den søte lille øyenskyggeapplikatoren:

  1. Tegn et langt, tynt rektangel. Overlappe det med et kort og tykt rektangel.
  2. Rund ut hjørnene i begge fasene ved å manipulere deres Levende hjørner.
  3. Bruk en Radial Gradient til applikatortoppen som går fra lys rosa til hvitt for å vise at det har vært brukt til å bruke sminke. Juster gradientens plassering med Gradient Tool (G).

Legg til et tykt omriss utenfor objektet ved kopiering og lime applikator design, Uniting det i Pathfinder panel og Justere det bak den opprinnelige applikatoren. Gruppe din applikator komponenter sammen.

Steg 2

Deretter har vi øyeskyggen kompakt!

  1. Tegn to rektangler: en hvit og en blå.
  2. Eventuelt kan du tegne et mindre rektangel i den blå for å vise et innrykk på lokket.
  3. Rund ut de ytre hjørnene av rektanglene og tegne to små rektangler mellom dem for å lage et hengsel for kompakten.

Trinn 3

Nå er det på tide å fylle opp kompakt! Tegn avrundede rektangler for hver øyeskyggepanne og legg til et fargekoordinert hjerte trukket tidligere til hver. For refleksjonene på det kompakte lokket tegner du tre diagonale rektangler med Pennverktøyet (P) og bruk en lineær gradient til hver gang fra hvitt på 100% til 0% Opacity.

Bruke Form Builder Tool for å slette den utvendige delen av figurene fra det avrundede rektangelloven. Velg og Gruppe alle dine øyenskygge komponenter sammen for å fullføre ikonet.

Trinn 4

Vi trenger litt rødme med den øyenskyggen! 

  1. Tegn to gylne gule sirkler med Ellipseverktøy.
  2. Forskyv sirkelens stier ved å gå til Objekt> Path> Offset Path. Jeg har kommet inn -0,139 tommer for å få to perfekte indre sirkler. Avregningsbeløpet vil variere avhengig av størrelsen på de opprinnelige kretsene dine. Truffet Forhåndsvisning for å hjelpe deg med å bestemme hvilken størrelse du vil lage kretsene dine, og slå OK når fornøyd.
  3. Tegn et lite rektangel som overlapper sirklene for å lage hengselet.

Trinn 5

La oss nå fullføre kompakten:

  1. Sett fyllfargene på de indre sirkler til blå og rosa. Legg til et søtt hjerte midt i den rosa sirkelen.
  2. Tegn mørkere gule rektangler på hver side av hengselformen for å legge til en liten skygge. Høydepunktene på speilet er gjort på samme måte som høydepunktene på øyeskyggen, kompakt lokket.
  3. For de glatte metallbitene i kompaktet tegner du flere oransje og gule diagonale rektangler og sletter dem fra kompakte sirkler ved hjelp av Form Builder Tool. Plasser dem under de mindre sirkler i lag panel.
  4. Tegn høydepunkter på hengslet som matcher fargene fra resten av den gyldne kompakten. Gruppe alt sammen for å fullføre kompakten.

Trinn 6

Neste, la oss lage en mascara-tryllestav:

  1. Tegn en liten ellipse for å danne bunnen av mascara-tryllestaven.
  2. Tegn et rektangel som matcher ellipsens bredde.
  3. Forene rektangelet og ellipsen i Pathfinder panel. Tegn et langt rektangel for å danne lengden på staven selv.
  4. Sett det lange rektangelet bak den lilla gjenstanden. Bruk en Lineær gradient som går fra mørk lilla til lys lilla og tilbake til mørk lilla for å holde hylsehetten fra å se flat. Tegn en boblende, fluffy gjenstand med Blyantverktøy for å danne mascara wandens spoolie-lignende ende.

Trinn 7

For å avrunde den første delen av oppskriftsdelen for sminkeikonet oppretter vi en mykt pulverblokk:

  1. Tegn to identiske ellipser.
  2. Tegn et rektangel mellom de to ellipser.
  3. Kopiere og Lim inn den øverste ellipsen for å lage toppkanten. Forene de andre tre figurene til lag et diskobjekt.
  4. Tegn en halv sirkel hvis bunnkant er litt utflattet med PennverktøyKopiereLim inn og Scale formen ned og slett den fra halvcirkelen for å skape et håndtak.
  5. Plasser håndtaket under diskobjektet i Lag panel.

Trinn 8

Nå trenger vi pulverpusten selv:

  1. Tegn en myk skyform med Blyantverktøy og sett fyllfarge til en lyskrem.
  2. Bruke Blyantverktøy å tegne noen kamskjellformer innenfor skyenpusten for å ytterligere fremheve hvor fluffy det er. Legg til en tykkere oversikt over hele objektet ved kopieringlime og forene kopien i Pathfinder panel. Still slagvekten til 2-4 pt, eller så, og Rette inn Det ligger bak hovedpulver-puff-objektet.
  3. Tegn hjerter, stjerner, prikker og gnister på puffen.
  4. Legg til en Lineær gradient til puffbasen som varierer mellom mørk, medium og lys blues.

3. Lag et søtt sminkesett, del to

Trinn 1

For å starte vår andre makeup-seksjon, jobber vi med å skape en søt leppestift.

  1. Tegn et rektangel og fyll det med a Lineær gradient mye som mascara-tryllestaven har.
  2. Tegn et mindre, horisontalt rektangel for å overlappe det første.
  3. Tegn en ellipse som matcher bredden på bunnrektangel og Forene de to figurene i Pathfinder panel. Dette runder ut leppestiftenes beholder og gjør den mindre flat.
  4. Tegn en annen ellipse på toppen av leppestiftbeholderen. Gruppe disse komponentene sammen.

Steg 2

La oss lage leppestiftet selv:

  1. Tegn en liten ellipse på toppen av leppestiftbunnen.
  2. Tegn et rektangel som matcher ellipsens bredde. Tegn en annen ellipse og Rotere det kutter det over toppen av ellipsen på diagonalen.
  3. Forene bunnen ellipse og rektangelet i Pathfinder panel. Bruke Form Builder Tool for å slette det øverste venstre hjørnet av rektangelet ved å velge diagonal ellipse og rektangel, velge hjørnet, avmarkere og slette den utvendige hjørneformen.
  4. Velg øverste høyre hjørne med Direkte utvalgsverktøy og trekk den Live Corner mot for å sitte rundt og fullføre leppestiftet.
  5. Sett toppen ellipse til en mørkere rosa enn leppestiften selv.

Trinn 3

Før vi fullfører leppestiften, la oss lage en morsom glitrende design bak den! Tegn en lys gul sirkel med Ellipseverktøy. Gå til Effekter> Forvreng og transformer > Zip & Zag og skriv inn enten følgende attributter eller lignende:

  • Størrelse: 0,08 tommer
  • Absolute
  • Ridges per segment: 5
  • Poeng: Hjørne

Trinn 4

Plasser Zig & Zagged-sirkelen bak leppestiftet og legg til en oversikt med tykkelsen du ønsker. I tillegg kan du tegne en høydepunkt form i midten av leppestift hvis du ønsker det.

For å fullføre leppestiftet tegne en serie hvite sirkler langs basen for å lage søte små perler på leppestiftbeholderen. Gruppe Alt sammen når du er fornøyd med ditt design.

Trinn 5

Vårt siste ikondesign er den lille beholderen med ansiktscreme.

  1. Tegn to identiske ellipser, akkurat som vi gjorde for pulverpusten.
  2. Også som om vi gjorde for pulverpusten, Kopiere og Lim inn den øverste ellipsen og deretter Forene de andre tre figurene for å skape den fulle cap-formen. Begynn beholderformen med en liten kremfarget ellipse.
  3. Bruker Pennverktøy, tegne en halv av beholderdesignen. Legg merke til hvordan tre sider er rette linjer og venstre side er buet.
  4. KopiereLim inn, og Reflektere venstre halvdel av beholderen og Rette inn det til det horisontale midtpunktet til venstre for å lage høyre side. 
  5. Forene alle tre kremfargede gjenstander sammen i Pathfinder panel.

Trinn 6

Neste må vi tegne en rose. Jeg brukte Blob børsteverktøy uten trykkinnstillinger, men du er velkommen til å bruke hvilket tegneverktøy du liker mest.

Begynn med en avrundet trekant og bygg petals rundt hver side. Fortsett å legge til kronblad, avrundede og spisse, mellom den siste kronbladet for å tegne en større og større blomst. Legg merke til hvordan de større kronbladene har poeng, dips og kurver i dem. Totalt trakk jeg seks runder kronblade.

Gruppe alt sammen og la oss fullføre ansiktskrembeholderen.

Trinn 7

Tegn en stor rosa form under rosengruppen for å fylle den inn. Du kan legge til små røde og lys rosa figurer rundt rosen til skygge og markere den også. Legg roseen i midten av ansiktskrembeholderen.

Legg til skygge og markere former til ansiktskremet selv. Jeg har også lagt til et tykkere omriss til den større formgruppen for å fullføre den og da gruppert alt sammen.

4. Tegn portrettbasen

Trinn 1

Vi skal ta en pause fra å jobbe med de søte sminkeikonene for å lage portretet av Frenchy, den søteste karakteren fra Grease. Lage en Nytt laglag panelet slik at dokumentet ditt er organisert, og du kan fokusere på å lage et portrett. La oss starte med hodet:

  • Tegn en sirkel.
  • Trekk ned nedre ankerpunktet nedover for å skape en hodelignende form.
  • Legg to ankerpunkter på hver side av krukken og juster haken, slik at det er mer som hodestøtten nedenfor!

Steg 2

Under hodet ditt, bruk Pennverktøy å begynne å tegne venstre halvdel av nakke, skuldre og byste. KopiereLim inn, og Reflektere venstre halvdel av kroppen for å danne høyre side. Det kan hende du må justere senterankerpunktene, slik at de to objektene overlapper litt mer. En gang fornøyd med sin plassering, Forene de to gjenstandene i Pathfinder panel.

5. Lag et nydelig ansikt

Trinn 1

Det er på tide å henvise til skissen igjen. Egentlig, det vil du kanskje gjøre under hele denne opplæringen, men det er opp til deg.

  1. Bruke Pennverktøy å spore høyre øye. Tegn et par stier for øyelokk.
  2. Jeg liker å bruke Blyantverktøy å tegne lag med øyenvipper. Siden dette designet er ment for en sminke og skjønnhetstemt plakat eller -spill, tror jeg at hennes lashes skal være store og ganske fulle.
  3. Legg til en Lineær gradient til selve øyet går fra brunt til hvitt og tilbake til brunt. Bruke Gradient Tool for å justere fargeplasseringen. Du vil ha mørkere farger i øynene.
  4. Tegn ekstra gjennomsiktige brune former over hjørner og kanter av øynene for å legge til mer dybde. Juster opacity av objekter i enten Utseendeeller åpenhet paneler.

Grupper alle disse elementene sammen for å beholde din lag panel organisert.

Steg 2

Jeg kopiert og limes høyre øye og reflektert det over en vertikal akse for å lage venstre øye. Neseborene i nesen er to små tårer, akkurat som den opprinnelige skisseformen.

Munnen ble sporet av skissen ved hjelp av Pennverktøy. Tennene er samme gradient som øynene, med små tårer som skaper munnens hjørner. Lippene er som buede halvkretser som har Radialgradienter brukes til dem som går fra basen hud tone til en søt, lys rosa.

Trinn 3

Jeg la til et par mørkebrune sirkler for å starte øynene. Da tegnet jeg skyggeformer som ligner de som er trukket i øynene for å definere sidene og bunnen av nesen og bunnen av munnen.

Trinn 4

For nå skjulte jeg hodet og kroppen i lag panel slik at jeg kunne spore øyenbrynene og plassere øyeskyggen på samme sted som jeg gjorde på skissen. Øyenskyggen er en avrundet form, tegnet med Pennverktøy, sett bak øynene, med a Lineær gradient anvendt som går fra blå på 100% til 0% Opacity mot ytre kantene.

Jeg har også lagt til noen glitrende former til leppene. Jeg legger også mange gnister til det endelige designet.

Trinn 5

Sett øyenfyllets farge til brun og strekkfargen til mørk brun. Plasser sirklene under noen av øyevippobjektene i lag panel. Det blir lettere å se i det endelige designet, men jeg la til lette ferskenformer i hjørnene av munnen og haken for å lage enkle høydepunkter på ansiktet.

Trinn 6

For detaljer i øynene tegnet jeg et par små mørkebrune sirkler for elevene og la litt mer gjennomsiktige mørkebrune skyggeformer til øynene for å skape mer dybde. I tillegg trakk jeg noen høydepunktsformer på nesen og i øynens hjørner og la større rødme på hver eneste kinn som passer til den gradienten som brukes på leppene, men er litt mer gjennomsiktig og lettere.

Trinn 7

Endelig trakk jeg et par lysere brune buede former på bunnen av irisene og tilsatte gnister til øyeskyggen. Gruppe sammen alle ansiktskomponentene dine og Unhide hodet og kroppen slik at du kan sjekke ut hvor søtt ansiktet du nettopp har opprettet egentlig er!

6. Tegn Frenchy's Pink Hair

Trinn 1

Igjen har jeg skjult ansiktet og kroppen. Dette er slik at vi kan fokusere fullt på håret og gjenskape det fra skissen.

  1. Tegn håret i seksjoner ved hjelp av Pennverktøy, starter med midten av smellet eller frynsene.
  2. Oppfør seksjoner på venstre side som fokuserer på den fremre delen av håret.
  3. Når venstre halvdel av forsiden er ferdig, begynn å tegne de søte, flippete biter av hårets bakside.
  4. KopiereLim inn, og Reflektere den venstre halvparten for å skape den rette halvparten som vi har gjort utallige ganger gjennom hele denne opplæringen for å øke hastigheten på vår prosess.

Steg 2

Plasser ikke-bang eller frynsepartiene av håret bak hodet i lag panel. Nå har hun ikke lenger rosa ansiktshår!

Jeg trakk en form i toppen av håret og la til en Radial Gradient som går fra mørkrosa til middelsrosa og begynner å vise litt dybde i håret.

Trinn 3

Jeg har skjult baksiden av håret hennes, slik at vi først kan fokusere på forsiden.

  1. Hver del av hennes bangs / fryns har a Lineær gradient lagt til det for å legge til en subtil følelse av dybde og form til en relativt flat design.
  2. Jeg har lagt til en oversikt over hele forsiden av håret på samme måte som vi har gjort tidligere.
  3. Tegn mørke rosa skyggeformer med gjennomsiktig Linjære gradienter for å hjelpe til med å definere hver del av håret. Prøv å fokusere disse skyggeformene mellom seksjoner eller hvor deler av håret inntrer.
  4. Lag skyggeformer på begge sider og Gruppe hårets komponenter sammen.

Trinn 4

Gjenta forrige trinns prosess på baksiden av håret. Definer seksjoner, noen tråder, og til og med noen høydepunkter i håret med en lysere rosa. Fordi jeg elsker glitter og glamour, har jeg lagt sparkles i håret mitt, men kan ikke holde dem innenfor det endelige designet.

7. Lag noen søte klær

Trinn 1

Bruk skissen som veiledning, spor skjorten i to halvdeler, som vi gjorde med skuldrene og brystet. Forene figurene i Pathfinder panel.

  1. Sett fyllfarge til rosa og konturfargen kan være brun eller rosa, avhengig av hva du bruker til konturer i resten av designen..
  2. Jeg brukte også trekanter for krageformene, som ble tegnet med Pennverktøy og følger skissen selv.
  3. Gi skjorten på samme måte som du gjorde håret: mørkerosa gradienter for skyggeformer og lyserøde gradienter for høydepunktsformer. Tenk på kastede skygger fra kragen og skyggene for å hjelpe til med å definere de puffete, små ermene på skjorten. Gjenta for den andre siden.

Steg 2

Jeg endret konturfargen til brun for å matche resten av designet mitt.

  1. Tegn noen hvite sirkler med brune streker for hennes kjede.
  2. Jeg har også lagt til en haug med gnistrer til designet, men dette er helt valgfritt. Det er mulig at du ikke er så gnist og glitter som jeg er, og det er greit.

Trinn 3

Her er en rask titt på designen så langt. Vi må lage banneret og bakgrunnen, og bringe alt sammen sammen med ikonene som er opprettet tidligere for å fullføre designet. Gruppe Hele bustestående design sammen, og la oss fullføre dette!

8. Fullfør designen

Trinn 1

Banneret har en ganske enkel designprosess. Tegn et rektangel og Bue det ved å gå til Effekt> Warp> Arc. Jeg har brukt en Horisontal bøye av -46% til mitt rektangel. Hvor buet formen din vil være, er helt opp til deg. Gå til Objekt> Utvid Utseende å utvide grensene til kjerneffekten.

Steg 2

For bunken og haler av banneret tegner du et lite rektangel i samme høyde som rektangelet du trakk i forrige trinn. Legg til et ankerpunkt i midten av rektangelet på venstre side og flytt det innover med Direkte utvalgsverktøy.

For bannerens fold, tegne en trekant som knytter seg til det indre øverste hjørnet av den lille flaggformen og det ytre øverste hjørnet av banneret.

Gjenta for høyre side, så du har en søt banner som den som er sett under. Merk at trekanten og flaggformen ligger bak den kurvede bannerformen i lag panel.

Trinn 3

Bruke Typeverktøy (T) å skrive ut et morsomt uttrykk eller tittel for designet ditt til å bli plassert på banneret i en skriptfont av noe slag. Sjekk ut Fabulous, Zaila, eller Melancolie fra Envato Market.

Påfør det samme Bue til typen som du gjorde med bannerkorens originale rektangel og Utvide det er Utseende under Gjenstand.

Trinn 4

Tegn et stort lyseblått rektangel bak designet, over artboard for å skape bakgrunnen for designet. Bevege seg, Rotere, og Scale Sminke- og tilbehørsikonene dine rundt portrett og banner for å hjelpe deg med å fylle opp plassen innenfor artboard.

Flott jobb, du er ferdig!

Endelig er vi klar til å gå tilbake til videregående skole! Eller hellre fullføre vårt design av denne Skjønnhetsskolekutta. Jeg la til en Radial Gradient til bakgrunnsrektangelet og flyttet de forskjellige ikonene utover fra portretet for å gi Frenchy mye plass i designet. Til slutt la jeg til mange gnister og noen ekstra detaljer til hår og ansikt.

Del ditt ferdige design i kommentarfeltet nedenfor! Hvilke andre søte tegn kan du lage fra Grease? La oss forestille oss en hel serie med skjønnhets- og spillspill med filmens fullstøpte morsomme tegn!

Hvis du vil bruke andre ikoner for ditt design, kan du kjøpe dem som aksjer fra Envato Market:

  • Sett med flate skjønnhets- og sminke ikoner
  • Frisurer og sminke flate ikoner