Wat is er leuker dan Frenchy haar- en make-upvaardigheden te leren leren? In deze zelfstudie maken we pictogramactiva en een schattige portretbusteillustratie perfect voor een spa en make-up mobiele app geïnspireerd op een van de leukste personages uit Vet!
We zullen elk item samenstellen met behulp van een meegeleverde schets en snel leren om kleurrijke ontwerpen te maken Adobe Illustrator CC. Vervolgens maken we het definitieve portret en brengen we het ontwerp samen in een voltooide illustratie. Zoals altijd kunt u uw ontwerp uitbreiden met extra vectoractiva van Envato Market om iets unieks te maken. Als u uw proces wilt versnellen, kunt u make-uppictogrammen of een portretbasis van de markt kopen terwijl u deze zelfstudie volgt.
Laten we beginnen met het voorbereiden van ons document. Maak een Nieuw document in Adobe Illustrator CC en importeer de onderstaande schets, die je rechts van deze tutorial kunt downloaden. Mijn uiteindelijke ontwerpmaat was er in de buurt 8 inch door 10 inches, hoewel u van harte welkom bent om te werken met elke afmeting die bij uw ontwerpbehoeften past.
Daarnaast bent u van harte welkom om uw eigen ontwerp te schetsen en deze zelfstudie te gebruiken als een technische gids. Slot het schetsobject in je Lagen paneel en laten we creëren!
Begin met het schattige paarse kampictogram en teken twee overlappende rechthoeken met de Rechthoekgereedschap (M). Ik heb de vulkleur ingesteld op paars en de lijnkleur op nul. Vervolgens selecteerde ik elke hoek van de rechthoeken met de Direct selectie gereedschap (A) en trok hun Live hoeken naar het midden toe om de hoeken naar mijn smaak af te ronden. Je kunt dat resultaat hieronder zien!
Verenigen de twee afgeronde rechthoeken in de verkenner paneel. Trek zeven identieke rechthoeken met de Rechthoekgereedschap en de kam ermee overlappen. Verenigen de zeven rechthoeken en druk op Terug Minus voorzijde in de verkenner paneel. Selecteer vervolgens de kam met de Direct selectie gereedschap en manipuleer de Live hoeken dus de kam heeft afgeronde hoeken zoals hieronder afgebeeld.
Voeg een dikke streep in een donkere kleur toe aan uw kamobject. Ik koos voor bruin. Donkere purples of magenta's zien er ook fantastisch uit. Pas eenvoudige lineaire gradiënten toe op overlappende rechthoeken. Mijn verloop gaat van paars naar 100% naar 0% dekking. Pas de .... aan ondoorzichtigheid van een verloop in de helling paneel.
Gebruik de Shape Builder Tool (Shift-M) om overlappende vormen van elkaar te verwijderen. Selecteer de verloop rechthoek en de kam, selecteer vervolgens de niet-overlappende vorm met de Shape Builder Tool. Verwijder ten slotte de externe vorm en verwijder deze. Het is een eenvoudige techniek die ik vaak gebruik voor het renderen van objecten zoals deze. Groep (Control-G) al je kamcomponenten samen.
Om dat schattige hart op de kam te maken (en meerdere harten tijdens deze tutorial), laten we de volgende techniek gebruiken:
Nu je een fantastisch perfect hart hebt gemaakt, kan dat Kopiëren (Control-C) en Plakken (Control-V) het elke keer dat je een hart nodig hebt in dit ontwerp!
Het laatste haartoebehoren is de bobbypin! Ik heb mijn schets gebruikt als een gids om een wiggly pin vorm te tekenen met de Pencil Tool (N). Stel de Caps en Corners naar afgeronde in de Beroerte paneel. Met de Width Tool (Shift-W), pas de breedte van de bovenrand van de bobbypen aan zodat deze een groter, bolvormig uiteinde heeft.
Converteer de streek naar een object door naar Object> Uitbreiden, en geef de bobbypen een slag die overeenkomt met de vulkleur van 1-2 pt met Afgeronde caps en Corners.
Als alternatief kunt u de bobby pin tekenen met de Blob Brush Tool (Shift-B) met druk ingeschakeld om de hieronder getoonde variatie te krijgen.
Er zit veel make-up in dit ontwerp, dus laten we beginnen aan de eerste helft van de volledige set! Om te beginnen hebben we de schattige kleine oogschaduwapplicator:
Voeg een dikke rand buiten het object toe door kopiëren en plakken het ontwerp van de applicator, Uniting het in de verkenner paneel en het richten het achter de originele applicator. Groep uw applicatorcomponenten samen.
Vervolgens hebben we de oogschaduw compact!
Nu is het tijd om de compact te vullen! Teken afgeronde rechthoeken voor elke oogschaduwpan en voeg aan elk een eerder op kleur afgestemd hart toe. Voor de reflecties op het compacte deksel, tekent u drie diagonale rechthoeken met de Pen gereedschap (P) en een lineair verloop toepassen op elke gaande van wit op 100% naar 0% dekking.
Gebruik de Shape Builder Tool om het vreemde deel van de vormen uit het afgeronde rechthoekdeksel te verwijderen. Selecteer en Groep al je oogschaduwcomponenten bij elkaar om het pictogram te voltooien.
We hebben wat blos nodig met die oogschaduw!
Laten we nu de compact voltooien:
Laten we vervolgens een mascara-staaf maken:
Om het eerste deel van ons gedeelte voor het maken van make-uppictogrammen af te ronden, maken we een pluizige poederdons:
Nu hebben we de poederdons zelf nodig:
Om onze tweede make-up sectie te starten, werken we aan het maken van een schattige lipstick.
Laten we de lipstick zelf maken:
Voordat we de lipstick voltooien, maken we er een leuk sprankelend ontwerp achter! Teken een heldere gele cirkel met de Ellipse Tool. Ga naar Effecten> Vervormen en transformeren > Zip & Zag en voer de volgende attributen of vergelijkbare in:
Plaats de Zig & Zagged-cirkel achter de lippenstift en voeg een omtrek toe met de dikte van uw keuze. Bovendien kunt u een markeringsvorm in het midden van de lipstick tekenen als u dat wilt.
Om de lippenstift te voltooien, tekent u een reeks witte cirkels langs de basis om schattige kleine parels op de lipstickcontainer te maken. Groep alles samen als u tevreden bent met uw ontwerp.
Ons uiteindelijke pictogramontwerp is de kleine container gezichtscrème.
Vervolgens moeten we een roos tekenen. Ik gebruikte de Blob Brush Tool zonder drukinstellingen, maar u bent van harte welkom om elke tekentool te gebruiken die u het meest geniet.
Begin met een afgeronde driehoek en bouw bloemblaadjes rond elke kant. Ga door met het toevoegen van bloemblaadjes, afgerond en puntig, tussen de laatste ring van bloemblaadjes om een grotere en grotere bloem te tekenen. Merk op hoe de grotere bloembladen punten, dips en bochten erin hebben. In totaal tekende ik zes bloemblaadjes.
Groep alles samen en laten we de gezichtscrème-container voltooien.
Teken een grote roze vorm onder de rozengroep om deze in te vullen. Je kunt kleine rode en lichtroze vormen rond de roos toevoegen aan schaduw en deze ook markeren. Plaats de roos in het midden van de gezichtscrème-container.
Voeg schaduw- en markeervormen toe aan de gezichtscrème zelf. Ik heb ook een dikkere omtrek aan de grotere vormgroep toegevoegd om deze te voltooien en vervolgens gegroepeerd alles bij elkaar.
We gaan even stoppen met werken met de schattige make-uppictogrammen om het portret van Frenchy te maken, het schattigste personage uit Vet. Maak een Nieuwe laag in de Lagen paneel zodat uw document geordend is en u zich kunt concentreren op het maken van een portret. Laten we beginnen met het hoofd:
Gebruik onder de vorm van je hoofd de Pen gereedschap om de linkerhelft van de nek, schouders en buste te tekenen. Kopiëren, Pasta, en reflecteren de linkerhelft van het lichaam om de rechterkant te vormen. Mogelijk moet u de middelste ankerpunten aanpassen zodat de twee objecten iets meer overlappen. Eenmaal tevreden met hun plaatsing, Verenigen de twee objecten in de verkenner paneel.
Het is tijd om opnieuw naar de schets te verwijzen. Echt, misschien wil je dit tijdens het geheel van deze tutorial doen, maar dat is aan jou.
Groepeer al deze elementen samen om je te houden Lagen panel georganiseerd.
ik gekopieerde en geplakt het rechteroog en Weerspiegeld het om een verticale as om het linkeroog te maken. De neusgaten zijn twee kleine tranen, net als het originele schetsontwerp.
De mond werd getraceerd vanuit de schets met behulp van de Pen gereedschap. De tanden zijn hetzelfde verloop als de ogen, met kleine tranen die de hoeken van de mond creëren. De lippen zijn als gebogen halve cirkels die hebben Radiale verlopen op hen toegepast, gaande van de basishuid tot een zoet, fel roze.
Ik voegde een paar donkerbruine cirkels toe om de ogen te beginnen. Vervolgens tekende ik schaduwvormen gelijk aan die in de ogen getekend om de zijkanten en de onderkant van de neus en de onderkant van de mond te definiëren.
Voor nu heb ik het hoofd en lichaam verborgen in de Lagen paneel zodat ik de wenkbrauwen kon traceren en de oogschaduw op dezelfde plek kon plaatsen als in de schets. De oogschaduw is een afgeronde vorm, getekend met de Pen gereedschap, achter de ogen, met een Lineair verloop toegepast dat van blauw bij komt 100% naar 0% dekking naar de buitenranden toe.
Ik heb ook een aantal sprankelende vormen aan de lippen toegevoegd. Ik zal ook heel wat sprankeling toevoegen aan het definitieve ontwerp.
Stel de vulkleur van de ogen in op bruin en de lijnkleur op donkerbruin. Plaats de cirkels onder sommige van de wimperobjecten in de Lagen paneel. In het uiteindelijke ontwerp zal het gemakkelijker te zien zijn, maar ik heb lichte perzikvormen aan de mondhoeken en kin toegevoegd om eenvoudige hoogtepunten op het gezicht te creëren.
Voor het detail in de ogen tekende ik een paar kleine donkerbruine cirkels voor de pupillen en voegde wat meer transparante donkerbruine schaduwvormen toe aan de ogen om meer diepte te creëren. Daarnaast heb ik een paar opvallende vormen op de neus en in de hoeken van de ogen getekend en grotere blush-vormen toegevoegd aan beide wangen die overeenkomen met het verloop op de lippen, maar een beetje transparanter en lichter zijn.
Eindelijk trok ik een paar lichtbruine gebogen vormen op de onderkant van de irissen en voegde sparkles toe aan de oogschaduw. Groep samen al uw gezichtscomponenten en Zichtbaar maken het hoofd en lichaam zodat je kunt zien hoe schattig het gezicht dat je zojuist hebt gemaakt, echt is!
Opnieuw heb ik het gezicht en lichaam verborgen. Dit is zodat we ons volledig kunnen concentreren op het haar en het opnieuw kunnen maken vanuit de schets.
Plaats de non-knal of pony haarsecties achter het hoofd in de Lagen paneel. Nu heeft ze niet langer roze gezichtshaar!
Ik trok een vorm in het midden van het haar en voegde er een toe Radiaal verloop dat gaat van donkerroze tot mediumroze om wat diepte in haar haar te laten zien.
Ik heb de achterkant van haar haar verborgen zodat we ons eerst op het voorste deel kunnen concentreren.
Herhaal het proces van de vorige stap op het achterste deel van het haar. Definieer secties, sommige strengen en zelfs sommige hoogtepunten in het haar met een lichtere roze kleur. Omdat ik van glitter en glamour hou, heb ik sparkles aan haar haar toegevoegd, maar ze misschien niet binnen het definitieve ontwerp.
Gebruik de schets als leidraad en traceer het shirt in twee helften, zoals we deden met de schouders en de buste. Verenigen de vormen in de verkenner paneel.
Ik heb de omtrekkleur veranderd in bruin om bij de rest van mijn ontwerp te passen.
Hier is een snelle blik op het ontwerp. We moeten de banner en achtergrond maken en alles samenbrengen met de pictogrammen die eerder zijn gemaakt om het ontwerp te voltooien. Groep het hele buste portretontwerp samen, en laten we dit afmaken!
De banner heeft een vrij eenvoudig ontwerpproces. Teken een rechthoek en Boog het door naar te gaan Effect> Verdraaien> Boog. Ik heb een toegepast Horizontaal buiging van -46% naar mijn rechthoek. Hoe gebogen je vorm zal zijn, is geheel aan jou. Ga naar Object> Uiterlijk uitbreiden om de grenzen van het scheringseffect te verleggen.
Voor de vouw en de staarten van de banner tekent u een kleine rechthoek dezelfde hoogte als de rechthoek die u in de vorige stap tekende. Voeg een ankerpunt toe aan het midden van de linkerkant van de rechthoek en verplaats het naar binnen met de Direct selectie gereedschap.
Teken voor de vouw van de banner een driehoek die aansluit op de binnenste bovenhoek van de kleine vlagvorm en de buitenste bovenhoek van de banner.
Herhaal dit voor de rechterkant, zodat je een leuke banner hebt zoals hieronder afgebeeld. Merk op dat de driehoek en de vlagvorm achter de gebogen bannervorm in de Lagen paneel.
Gebruik de Type Tool (T) om een leuke zin of titel uit te schrijven zodat je ontwerp op de banner kan worden geplaatst in een scriptlettertype van een bepaald type. Bekijk Fabulous, Zaila of Melancolie van Envato Market.
Pas hetzelfde toe Boog naar het type zoals je deed met de originele rechthoek van de banner en Uitbreiden haar Verschijning onder Voorwerp.
Teken een grote lichtblauwe rechthoek achter het ontwerp, boven de artboard om de achtergrond voor het ontwerp te creëren. verhuizing, Draaien, en Schaal uw make-up- en accessoirepictogrammen rond het portret en de banner om de ruimte binnen de. te vullen artboard.
Eindelijk zijn we klaar om terug te gaan naar de middelbare school! Of eigenlijk maak je ons ontwerp van deze Beauty School-schat compleet. Ik heb er een toegevoegd Radiaal verloop naar de achtergrondrechthoek en verplaatst de verschillende pictogrammen naar buiten vanuit het portret om Frenchy veel ruimte te geven binnen het ontwerp. Tot slot heb ik veel sparkles en wat extra details aan het haar en gezicht toegevoegd.
Deel je voltooide ontwerp in de commentaarsectie hieronder! Van welke andere schattige personages kun je maken? Vet? Laten we ons een hele reeks beauty- en spa-games voorstellen met de volledige cast van leuke personages van de film!
Als u andere pictogrammen voor uw ontwerp wilt gebruiken, kunt u deze kopen als voorraad van Envato Market: