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.
Låt oss börja med att förbereda vårt dokument. Skapa en Nytt dokument i Adobe 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!
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!
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 Front i Stigfinnare panel. Välj sedan kammen med Direktmarkeringsverktyg och manipulera Levande hörn så kammen har rundade kanter som den som visas nedan.
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.
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:
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!
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 Avrundad i Stroke 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.
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:
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.
Nästa har vi ögonskuggan kompakt!
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.
Vi behöver lite rodnad med den ögonskuggan!
Låt oss nu slutföra kompakten:
Låt oss nu skapa en mascara-trollstav:
För att runda ut den första delen av vår sminkikon skapelse avsnitt, kommer vi att skapa en fluffig pulver puff:
Nu behöver vi själva pulverpuffen:
För att starta vår andra sminksektion arbetar vi med att skapa en söt läppstift.
Låt oss skapa läppstiftet själv:
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:
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.
Vår sista ikondesign är den lilla behållaren av ansiktsgrädde.
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.
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.
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 lager i Skikten panelen så ditt dokument är organiserat och du kan fokusera på att skapa ett porträtt. Låt oss börja med huvudet:
Under din huvudform använder du Penverktyg för att börja dra den vänstra halvan av nacke, axlar och byst. Kopia, Klistra, 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.
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.
Gruppera alla dessa element tillsammans för att hålla din Skikten panel organiserad.
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.
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.
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å.
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.
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.
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!
Å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.
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.
Jag har gömt hårets baksida så att vi kan fokusera på framdelen först.
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.
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.
Jag ändrade konturfärgen till brun för att matcha resten av min design.
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!
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.
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.
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.
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.
Ä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: