Hur man skapar en skönhetsinspirerad illustration i Adobe Illustrator

Vad du ska skapa

Vad kan vara roligare än att hjälpa Frenchy lära sig hår och smink färdigheter? I denna handledning skapar vi ikonegenskaper och en söt porträttbustillustration perfekt för en spa- och sminkmobileapp inspirerad av en av de sötaste karaktärerna från Fett!

Vi bygger varje tillgång med hjälp av en skiss och lär dig att göra färgglada mönster snabbt in Adobe Illustrator CC. Då ska vi skapa det slutliga porträttet och sammanföra designen i en färdig illustration. Som alltid kan du stansa din design med ytterligare vektortillgångar från Envato Market för att göra något unikt. Om du vill påskynda processen kan du köpa sminkikon eller en porträttbas från marknaden medan du följer den här handledningen.

1. Gör några söta hårtillbehör

Steg 1

Låt oss börja med att förbereda vårt dokument. Skapa en Nytt dokumentAdobe Illustrator CC och importera skissen nedan, som du kan ladda ner till höger om denna handledning. Min slutliga designstorlek var runt 8 tum av 10 tum, men du är välkommen att arbeta med vilken storlek som passar dina designbehov.

Dessutom är du välkommen att skissa ut din egen design och använda denna handledning som en teknikguide. Låsa Skissobjektet i din Skikten panel och låt oss få skapa!

Steg 2

Börja med den söta lila kammen ikonen, rita två överlappande rektanglar med Rektangelverktyg (M). Jag har satt fyllfärgen till lila och slagfärgen till noll. Sedan valde jag varje hörn av rektanglarna med Direktmarkeringsverktyg (A) och drog sig Levande hörn mot mitten för att runda hörnen till min smak. Du kan se resultatet nedan!

Steg 3

Förena De två rundade rektanglarna i Stigfinnare panel. Rita sju identiska rektanglar med Rektangelverktyg och överla kammen med dem. Förena de sju rektanglarna och träffa Back Minus FrontStigfinnare panel. Välj sedan kammen med Direktmarkeringsverktyg och manipulera Levande hörn så kammen har rundade kanter som den som visas nedan.

Steg 4

Lägg ett tjockt slag i en mörk färg till ditt kamobjekt. Jag valde brunt. Mörka purpur eller magentas ser också fantastiskt ut. Applicera enkla linjära gradienter till överlappande rektanglar. Min gradient går från lila på 100% till 0% opacitet. Justera Opacitet av en gradient i Lutning panel.

Använd Formverktygsverktyg (Shift-M) för att radera överlappande former från varandra. Välj gradientrektangeln och kammen och välj sedan den icke överlappande formen med Formverktygsverktyg. Slutligen avmarkera och ta bort den externa formen. Det är en enkel teknik som jag ofta använder för att göra objekt som detta. Grupp (Control-G) alla dina kamkomponenter tillsammans.

Steg 5

För att skapa det förtjusande hjärtat på kammen (och flera hjärtan i hela denna handledning), låt oss använda följande teknik:

  1. Rita en cirkel med Ellipsverktyg (L).
  2. Håll ner Alt och dra cirkeln till Duplicera Det. Placera dem sida vid sida, något överlappande.
  3. Förena cirklarna i Stigfinnare panel.
  4. Radera de tre nedre ankarpunkterna med Ta bort Anchor Point Tool (-).
  5. Lägg till en ny ankarpunkt i mitten av bottenkanten och dra den nedåt med Direktmarkeringsverktyg.
  6. Konvertera nedre ankarpunkten till en skarp punkt och justera handtag på sidoförankringspunkterna så att hjärtans sidor är fina och avrundade.

Nu när du har gjort ett fantastiskt perfekt hjärta du kan Kopiera (Control-C) och Klistra in (Control-V) det varje gång du behöver ett hjärta inom denna design!

Steg 6

Det sista hårtillbehöret är Bobby-stiftet! Jag har använt min skiss som en guide för att rita en wiggly pin form med Penna verktyg (N). Ställ in Caps och Corners till AvrundadStroke panel. Med Breddverktyg (Shift-W), Justera bredden på den övre kanten av bobby-stiftet så att den har en större, glödande ände.

Konvertera stroke till ett objekt genom att gå till Objekt> Expand, och ge bobby pin en stroke som matchar dess fyllfärg på 1-2 pt med Rundade kepsar och Corners.

Alternativt kan du rita bobby-stiftet med Blob Brush Tool (Shift-B) med tryck aktiverat för att få variationen som ses nedan.

2. Skapa en söt makeup set, del ett

Steg 1

Det finns mycket smink i denna design, så låt oss gå på första halvan av hela uppsättningen! Till att börja med har vi den söta lilla ögonskuggapplikatorn:

  1. Rita en lång, tunn rektangel. Överlappa det med en kort och tjock rektangel.
  2. Runda ut båda sidornas hörn genom att manipulera deras Levande hörn.
  3. Applicera en Radial Gradient till applikatorns spets som går från ljusrosa till vitt för att visa att det har använts för att applicera smink. Justera gradientens placering med Gradient Tool (G).

Lägg till en tjock kontur utanför objektet med kopiering och klistra in applikatorns design, Enande det i Stigfinnare panel och Justera det bakom den ursprungliga applikatorn. Grupp dina applikatorkomponenter tillsammans.

Steg 2

Nästa har vi ögonskuggan kompakt!

  1. Rita två rektanglar: en vit och en blå.
  2. Eventuellt kan du rita en mindre rektangel i den blåa för att visa en indryckning på locket.
  3. Runda ut de yttre hörnen av rektanglarna och dra två små rektanglar mellan dem för att skapa ett gångjärn för kompakten.

Steg 3

Nu är det dags att fylla i kompakt! Rita avrundade rektanglar för varje ögonskugga pan och lägg till ett färgkoordinerat hjärta, ritat tidigare, till var och en. För reflektionerna på det kompakta locket drar du tre diagonala rektanglar med Penverktyg (P) och applicera en linjär gradient till var och en från vit vid 100% till 0% opacitet.

Använd Formverktygsverktyg för att ta bort den externa delen av formen från det avrundade rektangellocket. Välj och Grupp alla dina ögonskugga komponenter tillsammans för att slutföra ikonen.

Steg 4

Vi behöver lite rodnad med den ögonskuggan! 

  1. Rita två gyllene gula cirklar med Ellipseverktyg.
  2. Offset cirklarna vägar genom att gå till Objekt> Path> Offset-sökväg. Jag har kommit in -0,139 tum för att få två perfekta inre cirklar. Ditt förskjutna belopp varierar beroende på storleken på dina ursprungliga cirklar. Träffa Förhandsvisning för att hjälpa dig att bestämma vilken storlek du vill skapa dina cirklar och träffa ok när nöjd.
  3. Rita en liten rektangel som överlappar cirklarna för att skapa gångjärnet.

Steg 5

Låt oss nu slutföra kompakten:

  1. Ställ in färgerna på de inre cirklarna till blått och rosa. Lägg till ett söt hjärta i mitten av den rosa cirkeln.
  2. Rita mörkare gula rektanglar på vardera sidan av gångjärnsformen för att lägga till en liten skugga. Höjdpunkterna på spegeln görs på samma sätt som höjdpunkterna på ögonskuggans kompakta lock.
  3. För de glänsande metallbitarna i kompakten ritar du flera orange och gula diagonala rektanglar och tar bort dem från de kompakta cirklarna med hjälp av Formverktygsverktyg. Placera dem under de mindre cirklarna i Skikten panel.
  4. Rita höjdpunkter på gångjärnet som matchar färgerna från resten av den gyllene kompakten. Grupp allt tillsammans för att slutföra kompakten.

Steg 6

Låt oss nu skapa en mascara-trollstav:

  1. Rita en liten ellipsa för att bilda mascara-trollens botten.
  2. Rita en rektangel som matchar ellipsens bredd.
  3. Förena rektangeln och ellipsen i Stigfinnare panel. Rita en lång rektangel för att bilda längden på tappen själv.
  4. Placera den långa rektangeln bakom det lila objektet. Applicera en Linjär Gradient som går från mörk lila till ljus lila och tillbaka till mörkt lila för att hålla trollhatten från att se platta ut. Rita ett bubbligt, fluffig objekt med Penna verktyg för att bilda mascara wandens spoolie-liknande ände.

Steg 7

För att runda ut den första delen av vår sminkikon skapelse avsnitt, kommer vi att skapa en fluffig pulver puff:

  1. Rita två identiska ellipser.
  2. Rita en rektangel mellan de två ellipserna.
  3. Kopia och Klistra den övre ellipsen för att skapa den övre kanten. Förena de andra tre formerna till skapa ett skivobjekt.
  4. Rita en halvcirkel vars bottenkant är något utplattad med PenverktygKopiaKlistra och Skala formen ner och radera den från halvcirkeln för att skapa ett handtag.
  5. Placera handtagets form under skivobjektet i Lager panel.

Steg 8

Nu behöver vi själva pulverpuffen:

  1. Rita en fluffig molnform med Penna verktyg och sätt fyllfärgen till en ljuskräm.
  2. Använd Penna verktyg att rita några kammusslans former inom molnspaken för att ytterligare accentuera hur fluffigt det är. Lägg till en tjockare kontur till hela objektet med kopieringklistra in och förenar kopian i Stigfinnare panel. Ställ in slagvikt till 2-4 pt, eller så, och Justera det bakom huvudpulver-puffobjektet.
  3. Rita hjärtan, stjärnor, prickar och gnistrar på puffen.
  4. Lägg till en Linjär Gradient till puffbasen som varierar mellan mörk, medium och ljus blues.

3. Skapa en söt sminkuppsättning, del två

Steg 1

För att starta vår andra sminksektion arbetar vi med att skapa en söt läppstift.

  1. Rita en rektangel och fyll den med a Linjär Gradient ungefär som mascara trollet har.
  2. Rita en mindre, horisontell rektangel för att överlappa den första.
  3. Rita en ellips som matchar bredden på den nedre rektangeln och Förena de två formerna i Stigfinnare panel. Detta rundar ut läppstiftets behållare och gör den mindre platt ut.
  4. Rita en annan ellips på toppen av läppstiftshållaren. Grupp dessa komponenter tillsammans.

Steg 2

Låt oss skapa läppstiftet själv:

  1. Rita en liten ellipsa i toppen av läppstiftsbasen.
  2. Rita en rektangel som matchar ellipsens bredd. Rita en andra ellips och Rotera så skär den över ellipsens topp på diagonalen.
  3. Förena den nedre ellipsen och rektangeln i Stigfinnare panel. Använd Formverktygsverktyg för att radera det övre vänstra hörnet av rektangeln genom att välja diagonal ellips och rektangel, välja hörn, avmarkera och ta bort den externa hörnformen.
  4. Välj högra högra hörnet med knappen Direktmarkeringsverktyg och dra den Live Corner mot att centrera för att runda och slutföra läppstiftet.
  5. Ställ den övre ellipsen på en mörkare rosa än läppstiftet själv.

Steg 3

Innan vi slutar läppstiftet, låt oss skapa en rolig mousserande design bakom den! Rita en ljusgul cirkel med Ellipseverktyg. Gå till Effekter> Förvränga och transformera > Zip & Zag och ange i antingen följande attribut eller liknande:

  • Storlek: 0,08 tum
  • Absolut
  • Ridges per segment: 5
  • poäng: Hörn

Steg 4

Placera Zig & Zagged cirkeln bakom läppstiftet och lägg till en skiss med tjockleken av ditt val. Dessutom kan du rita en markeringsform i mitten av läppstiftet om du vill.

För att slutföra läppstiftet rita en serie vita cirklar längs basen för att skapa söta lilla pärlor på läppstiftets behållare. Grupp allt tillsammans när du är nöjd med din design.

Steg 5

Vår sista ikondesign är den lilla behållaren av ansiktsgrädde.

  1. Rita två identiska ellipser, precis som vi gjorde för pulverpuffbasen.
  2. Också som om vi gjorde för pulverpuffbasen, Kopia och Klistra den övre ellipsen och sedan Förena de andra tre formerna för att skapa den fulla lockformen. Börja behållarformen med en liten krämfärgad ellipsa.
  3. Använda Penverktyg, rita en halv av behållarutformningen. Observera hur tre sidor är raka linjer och vänster sida är krökt.
  4. KopiaKlistra, och Reflektera den vänstra halvan av behållaren och Justera det till den horisontella mittern till vänster för att skapa den högra sidan. 
  5. Förena alla tre krämfärgade objekten tillsammans i Stigfinnare panel.

Steg 6

Nästa måste vi rita en ros. Jag använde Blob Brush Tool utan tryckinställningar, men du är välkommen att använda vilket ritverktyg du tycker mest om.

Börja med en rundad triangel och bygga kronblad runt varje sida. Fortsätt lägga till kronblad, avrundade och spetsiga, mellan sista kronbladet för att dra en större och större blomma. Notera hur de större kronbladen har punkter, dips och kurvor i dem. Totalt ritade jag sex rundor kronblad.

Grupp allt tillsammans och låt oss slutföra ansiktsflaskbehållaren.

Steg 7

Rita en stor rosa form under rosegruppen för att fylla den. Du kan lägga till små röda och ljusrosa former runt rosen för att skugga och markera den också. Placera rosen i mitten av ansiktsgräddebehållaren.

Lägg skugga och markera former i ansiktskräm själv. Jag lade också till en tjockare kontur till den större formgruppen för att slutföra den och sedan grupperade allt tillsammans.

4. Rita porträttbasen

Steg 1

Vi ska ta en paus från att arbeta med de söta sminkikonen för att skapa porträttet av Frenchy, den sötaste karaktären från Fett. Skapa en Nytt lagerSkikten panelen så ditt dokument är organiserat och du kan fokusera på att skapa ett porträtt. Låt oss börja med huvudet:

  • Rita en cirkel.
  • Dra ned den nedre ankarpunkten nedåt för att skapa en huvudliknande form.
  • Lägg till två ankarpunkter på vardera sidan av burken och justera hakan så det är mer som huvudformen nedan!

Steg 2

Under din huvudform använder du Penverktyg för att börja dra den vänstra halvan av nacke, axlar och byst. KopiaKlistra, och Reflektera den vänstra halvan av kroppen för att bilda höger sida. Du kan behöva justera mittpunkten så att de två objekten överlappar lite mer. En gång nöjd med deras placering, Förena de två föremålen i Stigfinnare panel.

5. Skapa ett härligt ansikte

Steg 1

Det är dags att hänvisa till skissen igen. Det kan du verkligen göra under hela denna handledning, men det är upp till dig.

  1. Använd Penverktyg att spåra rätt öga. Rita ett par vägar för ögonlocket.
  2. Jag gillar att använda Penna verktyg att dra lager av ögonfransar. Eftersom denna design är avsedd för en makeup- och skönhetsdesignad affisch eller ett spel, tycker jag att hennes fransar ska vara stora och ganska fulla.
  3. Lägg till en Linjär Gradient till ögat i sig går från brunt till vitt och tillbaka till brunt. Använd Övertoningsverktyg för att justera färgplaceringen. Du vill ha mörkare färger i ögonhörn.
  4. Rita ytterligare genomskinliga bruna former över hörnen och kanterna på ögonen för att lägga till mer djup. Justera Opacitet av objekt i antingen Utseendeeller den Genomskinlighet paneler.

Gruppera alla dessa element tillsammans för att hålla din Skikten panel organiserad.

Steg 2

jag kopierade och klistras höger öga och reflekteras den över en vertikal axel för att skapa det vänstra ögat. Näsborrarna i näsan är två små tårar, precis som den ursprungliga skissdesignen.

Munnen spårades från skissen med hjälp av Penverktyg. Tänderna är samma gradient som ögonen, med små tårar som skapar munnen på munen. Läpparna är som krökta halvcirklar som har Radialgradienter appliceras på dem som går från bashudton till en söt, ljusrosa.

Steg 3

Jag lade till ett par mörkbruna cirklar för att börja ögonen. Sedan ritade jag skuggformar som liknar de som drogs i ögonen för att definiera sidorna och botten av näsan och botten av munnen.

Steg 4

För nu gömde jag huvudet och kroppen i Skikten panelen så att jag kunde spåra ögonbrynen och placera ögonskuggan på samma plats som jag gjorde i skissen. Ögonskuggan är en rundad form, ritad med Penverktyg, satt bakom ögonen, med a Linjär Gradient appliceras som går från blå på 100% till 0% opacitet mot ytterkanterna.

Jag har också lagt till några gnistrande former på läpparna. Jag lägger till många gnistor i den slutliga designen också.

Steg 5

Ställ ögonens fyllfärg till brun och slagfärgen till mörkbrun. Placera cirklarna under några av ögonfransarobjekten i Skikten panel. Det blir lättare att se i den slutliga designen, men jag lade till ljusa persikaformer i hörnen av munnen och hakan för att skapa enkla höjdpunkter på ansiktet.

Steg 6

För detaljer i ögonen ritade jag ett par små mörkbruna cirklar för eleverna och lade till lite mer genomskinliga mörkbruna skuggformer i ögonen för att skapa mer djup. Dessutom ritade jag några högkvalitativa former på näsan och i hörnen av ögonen och tillade större rodnad på vardera kinden som matchar den gradient som används på läpparna men är lite mer genomskinlig och lättare.

Steg 7

Slutligen ritade jag ett par ljusare-bruna böjda former på irisens botten och tillsatte gnistar till ögonskuggan. Grupp tillsammans alla dina ansiktsdelar och Ta fram huvudet och kroppen så att du kan kolla hur sött ansiktet du just skapat verkligen är!

6. Rita Frenchy's Pink Hair

Steg 1

Återigen har jag gömt ansiktet och kroppen. Det här är så att vi kan fokusera helt på håret och återskapa det från skissen.

  1. Rita håret i sektioner med hjälp av Penverktyg, börjar med mitten av smällen eller fransarna.
  2. Arbeta upp sektioner på vänster sida med fokus på hårets främre del.
  3. När den vänstra halvan av framsidan är klar börjar du rita de söta flippiga bitarna i hårets baksida.
  4. KopiaKlistra, och Reflektera den vänstra halvan för att skapa den högra halvan som vi har gjort otaliga gånger under hela denna handledning för att påskynda vår designprocess.

Steg 2

Placera de icke-bang eller fransektionerna av håret bakom huvudet i Skikten panel. Nu har hon inte längre rosa ansiktshår!

Jag ritade en form i hårets översta mitt och lade till en Radial Gradient som går från mörkrosa till medelstora rosa för att börja visa lite djup i håret.

Steg 3

Jag har gömt hårets baksida så att vi kan fokusera på framdelen först.

  1. Varje del av hennes pärla har en Linjär Gradient läggas till det för att lägga till en subtil känsla av djup och form till en relativt platt design.
  2. Jag lade till en skiss på hela framdelen av håret på samma sätt som vi gjort tidigare.
  3. Rita mörka rosa skuggformer med transparent Linjära gradienter för att hjälpa till att definiera varje sektion av hår. Försök att fokusera dessa skuggformar mellan sektioner eller där delar av håret indrag.
  4. Skapa skuggformer på båda sidor och Grupp dina hårkomponenter tillsammans.

Steg 4

Upprepa föregående stegs process på hårets baksida. Definiera avsnitt, några strängar och till och med några höjdpunkter i håret med en ljusare rosa. Eftersom jag älskar glitter och glamour har jag lagt gnistrar i håret, men får inte hålla dem inom den slutliga designen.

7. Skapa några söta kläder

Steg 1

Använd skissen som en guide, spåra skjortan i två halvor, som vi gjorde med axlarna och bysten. Förena formerna i Stigfinnare panel.

  1. Ställ fyllfärgen på rosa och konturfärgen kan vara brun eller rosa, beroende på vad du använder för konturer i resten av designen.
  2. Jag använde också trianglar för krageformerna, som drogs med Penverktyg och följer skissen själv.
  3. Lämna skjortan på samma sätt som du gjorde håret: mörkrosa gradienter för skuggformer och ljusrosa gradienter för framträdande former. Tänk på gjutna skuggor från kragen och skuggorna för att hjälpa till att definiera skjortans puffiga lilla ärmar. Upprepa för andra sidan.

Steg 2

Jag ändrade konturfärgen till brun för att matcha resten av min design.

  1. Rita några vita cirklar med bruna streck för hennes halsband.
  2. Jag har också lagt till en massa gnistor i designen, men det här är helt frivilligt. Det är möjligt att du inte är så gnistrande och glittrande som jag är, och det är helt okej.

Steg 3

Här är en snabb titt på designen hittills. Vi måste skapa banderoll och bakgrund, och ta med allt tillsammans med ikonerna som skapades tidigare för att slutföra designen. Grupp hela bystporträtten tillsammans, och låt oss avsluta detta!

8. Slutför designen

Steg 1

Banderollen har en ganska enkel designprocess. Rita en rektangel och Båge det genom att gå till Effekt> Warp> Arc. Jag har tillämpat en Horisontell böj av -46% till min rektangel. Hur böjd din form kommer att vara är helt upp till dig. Gå till Objekt> Expand Utseende för att expandera gränserna för varpseffekten.

Steg 2

För banans vik och svans ritar du en liten rektangel i samma höjd som rektangeln som du ritade i föregående steg. Lägg till en ankarpunkt i mitten av rektangeln på vänster sida och flytta den inåt med Direktmarkeringsverktyg.

För banerns vikning, rita en triangel som ansluter till det inre övre hörnet av den lilla flaggformen och det yttre övre hörnet av bannern.

Upprepa för höger sida så att du har en söt banner som den som ses nedan. Observera att triangeln och flaggformen ligger bakom den böjda bannerformen i Skikten panel.

Steg 3

Använd Typverktyg (T) att skriva ut en rolig fras eller titel för din design som ska placeras på banderollen i ett manuskript av något slag. Kolla in Fabulous, Zaila eller Melancolie från Envato Market.

Applicera samma Båge till den typ som du gjorde med banderollens ursprungliga rektangel och Bygga ut dess Utseende under Objekt.

Steg 4

Rita en stor ljusblå rektangel bakom designen, över ritytan för att skapa bakgrunden till designen. Flytta, Rotera, och Skala dina smink och tillbehör ikoner runt porträtt och banner för att hjälpa till att fylla upp mellanslag i ritytan.

Bra jobb, du är klar!

Äntligen är vi redo att gå tillbaka till gymnasiet! Eller hellre slutföra vår design av denna skönhetsskola. Jag lade till en Radial Gradient till bakgrundsrektangeln och flyttade de olika ikonerna utåt från porträttet för att ge Frenchy massor av utrymme inom designen. Slutligen lade jag till många gnistrar och några extra detaljer till hår och ansikte.

Dela din färdiga design i kommentarfältet nedan! Vilka andra söta tecken kan du skapa från Fett? Låt oss föreställa oss en hel serie skönhets- och spa-spel med filmens fulla gjutning av roliga karaktärer!

Om du vill använda andra ikoner för din design kan du köpa dem som aktier från Envato Market:

  • Set med platta skönhets- och makeupikoner
  • Frisyrer och frisyrer