banner



How To Draw A Makeup Eye How To Draw A Rose

What can be more fun than helping Frenchy learn hair and makeup skills? In this tutorial nosotros'll create icon assets and a cute portrait bosom illustration perfect for a spa and makeup mobile app inspired by one of the cutest characters from Grease!

We'll build each nugget with the help of a provided sketch and learn to render colorful designs rapidly in Adobe Illustrator CC. Then, we'll create the final portrait and bring the design together in a completed illustration. Equally always, you tin can punch up your design with additional vector assets from Envato Market to make something unique. If you'd like to speed your process upwardly, you lot can purchase makeup icons or a portrait base from the market while following this tutorial.

1. Make Some Cute Pilus Accessories

Stride 1

Allow'due south start by preparing our certificate. Create aNew Document inAdobe Illustrator CC and import the sketch seen beneath, which yous can download to the right of this tutorial. My final pattern size was aroundeight inches by10 inches, though you are welcome to work with whatever size suits your design needs.

Additionally, y'all're welcome to sketch out your ain design and use this tutorial every bit a technique guide.Lock the sketch object in yourLayers panel and let's get creating!

Import your sketch into your document Import your sketch into your document Import your sketch into your document

Pace 2

Starting with the beautiful purple comb icon, draw two overlapping rectangles with theRectangle Tool (Grand). I've fix the fill color to regal and the stroke colour to zippo. So, I selected each corner of the rectangles with theStraight Selection Tool (A) and pulled theirLive Corners toward the center to circular the corners out to my liking. Yous tin see that result below!

Built the comb with rounded rectangles Built the comb with rounded rectangles Built the comb with rounded rectangles

Step iii

Unite the ii rounded rectangles in thePathfinder panel. Draw seven identical rectangles with theRectangle Tool and overlap the comb with them.Unitethe vii rectangles and hitBack Minus Front end in thePathfinder panel. And so, select the comb with theDirect Selection Tool and manipulate theLive Corners so the comb has rounded edges like the one shown below.

Delete rectangles from the comb shape and round out its corners Delete rectangles from the comb shape and round out its corners Delete rectangles from the comb shape and round out its corners

Step four

Add together a thick stroke in a night color to your comb object. I chose brown. Dark purples or magentas look fantastic also. Use elementary linear gradients to overlapping rectangles. My slope goes from purple at100% to 0% Opacity. Conform theOpacity of a slope in theGradient panel.

Use theShape Architect Tool (Shift-M) to delete overlapping shapes from each other. Select the gradient rectangle and the comb, then select the non-overlapping shape with theShape Builder Tool. Finally, deselect and delete the extraneous shape. Information technology'south a simple technique I use often for rendering objects like this.Group (Control-Yard) all of your comb components together.

Render the comb with simple gradients Render the comb with simple gradients Render the comb with simple gradients

Step five

To create that ambrosial heart on the comb (and several hearts throughout this tutorial), let's use the following technique:

  1. Draw a circle with theEllipse Tool (L).
  2. Agree downAlt and drag the circle toIndistinguishable it. Place them side past side, slightly overlapping.
  3. Unite the circles in thePathfinder panel.
  4. Delete the three lesser ballast points with theDelete Anchor Point Tool (-).
  5. Add a new ballast point to the center of the lesser edge and pull information technology downward with theDirectly Pick Tool.
  6. Convert the bottom ballast signal to a abrupt point and adjust the handles of the side ballast points and so the heart's sides are squeamish and rounded.

Now that you've made a fantastically perfect heart you canCopy (Control-C) andPaste (Command-V) it every time you lot need a center within this blueprint!

Create a heart from a couple circles Create a heart from a couple circles Create a heart from a couple circles

Step 6

The final hair accompaniment is the bobby pivot! I've used my sketch as a guide to draw a wiggly pin shape with the Pencil Tool (N). Set theCaps andCorners toRounded in theStroke panel. With theWidth Tool (Shift-W), suit the width of the top border of the bobby pin so it has a larger, bulbous end.

Convert the stroke to an object by going to Object > Expand, and give the bobby pin a stroke matching its fill color of 1-ii pt with Rounded Caps and Corners.

Alternatively y'all can draw the bobby pin with theBlob Castor Tool (Shift-B) with pressure enabled to get the variation seen below.

Use the width tool to create variation in your path Use the width tool to create variation in your path Use the width tool to create variation in your path

ii. Create a Beautiful Makeup Set, Part One

Footstep i

In that location's a lot of makeup in this design, so permit'due south get going on the starting time half of the full set! To get-go, we have the cute picayune eyeshadow applicator:

  1. Draw a long, thin rectangle. Overlap information technology with a curt and thick rectangle.
  2. Round out the corners of both shapes by manipulating theirLive Corners.
  3. Employ aRadial Slope to the applicator tip that goes from light pink to white to evidence that it'southward been used to apply makeup. Suit the gradient's placement with theGradient Tool (G).

Add a thick outline outside of the object byCopying andPasting the applicator design,Uniting it in thePathfinder panel, andAligning it behind the original applicator.Groupingyour applicator components together.

Draw a simple and cute sponge applicator with two rounded rectangles Draw a simple and cute sponge applicator with two rounded rectangles Draw a simple and cute sponge applicator with two rounded rectangles

Step 2

Next we have the eyeshadow compact!

  1. Depict two rectangles: one white and 1 blue.
  2. Optionally, you can draw a smaller rectangle within the blue one to testify an indentation on the hat.
  3. Round out the outer corners of the rectangles and depict two modest rectangles between them to create a swivel for the compact.
Rectangles make a perfect makeup compact Rectangles make a perfect makeup compact Rectangles make a perfect makeup compact

Step 3

At present it'due south fourth dimension to make full the compact! Depict rounded rectangles for each eyeshadow pan and add a color-coordinated heart, fatigued before, to each. For the reflections on the compact lid, depict 3 diagonal rectangles with thePen Tool (P) and apply a linear gradient to each going from white at 100% to 0% Opacity.

Use theShape Architect Tool to delete the extraneous portion of the shapes from the rounded rectangle lid. Select andGroup all of your eyeshadow components together to complete the icon.

Complete the eyeshadow compact Complete the eyeshadow compact Complete the eyeshadow compact

Stride 4

We'll demand some chroma with that eyeshadow!

  1. Describe 2 aureate xanthous circles with theEllipse Tool.
  2. Outset the circles' paths by going toObject > Path > Offset Path. I've entered in-0.1389 inches in order to get 2 perfect inner circles. Your starting time amount volition vary depending on the size of your original circles. HitPreview to help you decide what size to make your circles, and hitOK when satisfied.
  3. Draw a small rectangle overlapping the circles to create the swivel.
Circles and a small rectangle make a perfect blush compact Circles and a small rectangle make a perfect blush compact Circles and a small rectangle make a perfect blush compact

Step 5

Now let's complete the compact:

  1. Prepare the fill up colors of the inner circles to blue and pink. Add a cute heart in the center of the pink circle.
  2. Draw darker yellow rectangles on either side of the hinge shape to add a small shadow. The highlights on the mirror are made the same style as the highlights on the eyeshadow meaty lid.
  3. For the shiny metal bits of the compact, draw several orange and yellow diagonal rectangles and delete them from the compact circles using the Shape Builder Tool. Place them under the smaller circles in theLayers panel.
  4. Draw highlights on the swivel that friction match the colors from the balance of the gold compact.Group everything together to complete the compact.
Fill the compact with blush and make it shiny Fill the compact with blush and make it shiny Fill the compact with blush and make it shiny

Footstep 6

Next, allow'southward create a mascara wand:

  1. Describe a small ellipse to form the lesser of the mascara wand.
  2. Draw a rectangle that matches the ellipse'due south width.
  3. Unitethe rectangle and the ellipse in thePathfinder panel. Draw a long rectangle to form the length of the wand itself.
  4. Place the long rectangle behind the majestic object. Apply aLinear Gradient that goes from dark royal to low-cal regal and back to night purple to go along the wand cap from looking flat. Draw a bubbly, fluffy object with thePencil Tool to form the mascara wand'due south spoolie-like end.
Creating the mascara wand with simple shapes Creating the mascara wand with simple shapes Creating the mascara wand with simple shapes

Step seven

To round out the first office of our makeup icon creation section, we'll create a fluffy powder puff:

  1. Describe two identical ellipses.
  2. Draw a rectangle between the two ellipses.
  3. Copy andPaste the superlative ellipse to create the top edge.Unite the other three shapes tocreate a disc object.
  4. Describe a half circle whose bottom border is slightly flattened out with thePen Tool.Re-create,Paste andScale the shape down and delete information technology from the half circle to create a handle.
  5. Place the handle shape beneath the disc object in theLayer console.
Draw the powder puff holder Draw the powder puff holder Draw the powder puff holder

Step 8

Now we demand the powder puff itself:

  1. Draw a fluffy cloud shape with thePencil Tool and fix the fill color to a calorie-free cream.
  2. Use the Pencil Tool to depict some scallop shapes inside the cloud puff to farther accentuate how fluffy information technology is. Add a thicker outline to the entire object pastCopying,Pasting and uniting the copy in thePathfinder console. Set up the stroke weight to ii-4 pt, or so, andAlign information technology behind the principal powder-puff object.
  3. Draw hearts, stars, dots, and sparkles on the puff.
  4. Add aLinear Gradient to the puff base that varies between dark, medium, and light blues.
Create a more detailed powder puff design Create a more detailed powder puff design Create a more detailed powder puff design

3. Create a Cute Makeup Gear up, Part Ii

Step 1

To offset our 2d makeup department, we'll piece of work on creating a cute lipstick.

  1. Depict a rectangle and fill it with aLinear Gradient much like the mascara wand has.
  2. Draw a smaller, horizontal rectangle to overlap the first.
  3. Draw an ellipse that matches the width of the lesser rectangle andUnite the two shapes in thePathfinder panel. This rounds out the lipstick's container and makes it await less flat.
  4. Depict another ellipse at the top of the lipstick container.Group these components together.
Rectangles and ellipses form the lipstick container Rectangles and ellipses form the lipstick container Rectangles and ellipses form the lipstick container

Step 2

Let'south create the lipstick itself:

  1. Draw a small ellipse in the top of the lipstick base of operations.
  2. Draw a rectangle that matches the ellipse'due south width. Draw a second ellipse andRotate information technology so it cuts beyond the top of the ellipse on the diagonal.
  3. Unite the bottom ellipse and the rectangle in thePathfinder panel. Use theShape Builder Tool to delete the upper left corner of the rectangle by selecting the diagonal ellipse and the rectangle, selecting the corner, deselecting, and then deleting the extraneous corner shape.
  4. Select the top right corner with theDirectly Selection Tool and pull theLive Corner toward to centre to circular off and consummate the lipstick.
  5. Set the elevation ellipse to a darker pinkish than the lipstick itself.
Create the lipstick itself with rectangles and ellipses Create the lipstick itself with rectangles and ellipses Create the lipstick itself with rectangles and ellipses

Step 3

Earlier nosotros complete the lipstick, let'south create a fun sparkling pattern behind it! Depict a bright xanthous circumvolve with theEllipse Tool. Become toEffects > Distort & Transform> Nil & Zag and enter in either the following attributes or similar ones:

  • Size: 0.08 inches
  • Accented
  • Ridges per Segment: 5
  • Points: Corner
Draw a fun sparkle shape with the zig and zag effect Draw a fun sparkle shape with the zig and zag effect Draw a fun sparkle shape with the zig and zag effect

Step 4

Place the Zig & Zagged circle behind the lipstick and add together an outline with the thickness of your choice. Additionally, you tin describe a highlight shape in the center of the lipstick if y'all wish.

To complete the lipstick, describe a series of white circles along the base of operations to create beautiful petty pearls on the lipstick container.Grouping everything together once you're satisfied with your design.

Complete your lipstick design with some fun details Complete your lipstick design with some fun details Complete your lipstick design with some fun details

Footstep v

Our final icon pattern is the fiddling container of face cream.

  1. Draw two identical ellipses, but like we did for the powder puff base.
  2. Also like we did for the pulverization puff base,Copy andPaste the top ellipse and and thenUnite the other three shapes in order to create the full cap shape. Begin the container shape with a minor foam-colored ellipse.
  3. Using thePen Tool, draw one half of the container pattern. Note how three sides are straight lines and the left side is curved.
  4. Copy,Paste, andReflect the left one-half of the container andMarshal it to the horizontal centre of the left to create the right side.
  5. Unite all three cream-colored objects together in thePathfinder panel.
Create the face cream container Create the face cream container Create the face cream container

Step 6

Next we'll demand to draw a rose. I used theBlob Brush Tool without force per unit area settings, but you are welcome to use whatever drawing tool you enjoy most.

Beginning with a rounded triangle and build petals around each side. Continue adding petals, rounded and pointy ones, between the last ring of Petals in order to draw a larger and larger flower. Note how the larger petals have points, dips, and curves in them. In total I drew six rounds of petals.

Grouping everything together and let's complete the face cream container.

Draw a rose in a series of six steps Draw a rose in a series of six steps Draw a rose in a series of six steps

Stride 7

Depict a large pink shape below the rose grouping to fill it in. You can add together tiny carmine and light pink shapes around the rose to shade and highlight it too. Place the rose in the center of the face-foam container.

Add shadow and highlight shapes to the face up foam itself. I as well added a thicker outline to the larger shape group to consummate it and thenGrouped everything together.

Complete the face cream design with cute details Complete the face cream design with cute details Complete the face cream design with cute details

4. Draw the Portrait Base

Pace one

We're going to take a break from working with the cute makeup icons to create the portrait of Frenchy, the cutest grapheme fromGrease. Create aNew Layer in theLayers panel and then your document is organized and you can focus on creating a portrait. Let's start with the caput:

  • Draw a circle.
  • Pull the lower anchor point downwards to create a head-similar shape.
  • Add ii anchor points on either side of the jar and adjust the chin so it's more similar the head shape below!
Create a head shape from a simple circle Create a head shape from a simple circle Create a head shape from a simple circle

Stride ii

Beneath your head shape, use thePen Tool to start drawing the left one-half of the neck, shoulders, and bust.Copy,Paste, andReflect the left half of the body to class the correct side. You may need to adjust the centre anchor points and so the two objects overlap a scrap more.Once satisfied with their placement,Unite the two objects in thePathfinder panel.

Draw the neck shoulders and bust Draw the neck shoulders and bust Draw the neck shoulders and bust

v. Create a Lovely Face

Step one

It'south time to refer to the sketch again. Actually, you lot may want to exercise so during the entirety of this tutorial, merely that's upwards to y'all.

  1. Use thePen Tool to trace the right eye. Describe a couple paths for the eyelid.
  2. I like to apply thePencil Tool to draw layers of eyelashes. Since this blueprint is intended for a makeup and beauty themed poster or game, I remember her lashes should exist huge and quite full.
  3. Add aLinear Slope to the eye itself going from dark-brown to white and dorsum to brown. Utilise theGradient Tool to adjust the color placement. Y'all want darker colors at the corners of the eyes.
  4. Describe additional transparent chocolate-brown shapes over the corners and edges of the eyes to add together more depth. Adjust theOpacity of objects in either theAdvent or theTransparency panels.

Group all of these elements together to continue yourLayers panel organized.

Draw the right eye Draw the right eye Draw the right eye

Step 2

ICopied andPasted the right eye andReflected it over a vertical axis to create the left eye. The nostrils of the olfactory organ are two lilliputian teardrops, just like the original sketch pattern.

The rima oris was traced from the sketch using thePen Tool. The teeth are the same gradient as the optics, with picayune teardrops creating the corners of the mouth. The lips are like curving half circles that haveRadial Gradients applied to them going from the base skin tone to a sweet, brilliant pink.

Fill in the facial features according to the sketch Fill in the facial features according to the sketch Fill in the facial features according to the sketch

Stride three

I added a couple of night chocolate-brown circles to begin the eyes. And then, I drew shadow shapes similar to those drawn in the optics to define the sides and bottom of the nose and the bottom of the mouth.

Add shadow details to the face to help define the features Add shadow details to the face to help define the features Add shadow details to the face to help define the features

Step 4

For now, I hid the head and body in theLayers panel and then I could trace the eyebrows and place the eyeshadow in the aforementioned spot equally I did in the sketch. The eyeshadow is a rounded shape, drawn with the Pen Tool, gear up behind the optics, with aLinear Gradient applied that goes from blue at 100% to 0% Opacity toward the outer edges.

I also added some sparkle shapes to the lips. I'll be adding a lot of sparkles to the final design too.

Add makeup to the face in colors similar to the makeup icons created earlier Add makeup to the face in colors similar to the makeup icons created earlier Add makeup to the face in colors similar to the makeup icons created earlier

Step 5

Set the fill color of the eyes to brown and the stroke color to dark brownish. Place the circles beneath some of the eyelash objects in theLayers panel. It'll be easier to meet in the concluding blueprint, just I added light peach shapes to the corners of the mouth and chin to create simple highlights on the face.

Add color to the eyes and highlights to the face Add color to the eyes and highlights to the face Add color to the eyes and highlights to the face

Footstep 6

For the particular in the eyes, I drew a couple of pocket-sized dark brown circles for the pupils and added some more transparent nighttime dark-brown shadow shapes to the optics to create more depth. Additionally, I drew some highlight shapes on the olfactory organ and in the corners of the eyes and added larger chroma shapes on either cheek that match the slope used on the lips but are a scrap more than transparent and lighter.

Add some blush and more depth to the eyes Add some blush and more depth to the eyes Add some blush and more depth to the eyes

Step 7

Finally, I drew a couple of lighter-chocolate-brown curved shapes on the bottoms of the irises and added sparkles to the eyeshadow.Group together all of your face components andUnhide the head and body so y'all can check out how cute the face you just created really is!

Final sparkle details added to the face Final sparkle details added to the face Final sparkle details added to the face

half-dozen. Draw Frenchy'due south Pinkish Hair

Step 1

Again I've hidden the face and torso. This is so nosotros can focus fully on the pilus and recreating it from the sketch.

  1. Draw the hair in sections using the Pen Tool, starting with the middle of the bangs or fringe.
  2. Work up sections on the left side focusing on the front end portion of the hair.
  3. In one case the left half of the front is complete, starting time drawing those cute flippy bits of the back of the pilus.
  4. Copy,Paste, andReflect the left half to create the right half as nosotros've washed countless times throughout this tutorial in order to speed up our design process.
Draw the hair in sections Draw the hair in sections Draw the hair in sections

Step two

Place the non-bang or fringe sections of hair behind the caput in theLayers panel. Now she no longer has pink facial pilus!

I drew a shape in the height heart of the pilus and added aRadial Gradient that goes from dark pink to medium pink to start showing some depth in her hair.

Use gradients to show depth in the hair Use gradients to show depth in the hair Use gradients to show depth in the hair

Step 3

I've hidden the back of her pilus so we tin can focus on the forepart department starting time.

  1. Each section of her bangs/fringe has aLinear Slopeadded to it in order to add together a subtle sense of depth and shape to a relatively flat pattern.
  2. I added an outline to the entire front department of hair in the same manner we've done previously.
  3. Draw night pink shadow shapes with transparentLinear Gradients to aid define each section of pilus. Try to focus these shadow shapes betwixt sections or where parts of the hair indent.
  4. Create shadow shapes on both sides andGroup your pilus components together.
Render the front half of the hair Render the front half of the hair Render the front half of the hair

Pace four

Echo the previous stride's process on the back section of hair. Define sections, some strands, and even some highlights in the pilus with a lighter pink. Because I dear glitter and glamour I've added sparkles to her pilus, only may not keep them within the final design.

Render the back of the hair Render the back of the hair Render the back of the hair

7. Create Some Beautiful Clothes

Step 1

Using the sketch equally a guide, trace the shirt in two halves, every bit we did with the shoulders and bosom.Unite the shapes in thePathfinderpanel.

  1. Set up the make full color to pink and the outline color can be brown or pink, depending on what you're using for outlines within the rest of the pattern.
  2. I also used triangles for the collar shapes, which was drawn with the Pen Tool and follows the sketch itself.
  3. Render the shirt in the same manner you did the hair: dark pinkish gradients for shadow shapes and calorie-free pink gradients for highlight shapes. Consider cast shadows from the neckband and shadows to help define the puffy piffling sleeves of the shirt. Repeat for the other side.
Draw the shirt and render it like you did the hair Draw the shirt and render it like you did the hair Draw the shirt and render it like you did the hair

Step 2

I changed the outline colour to brown to match the rest of my design.

  1. Draw a few white circles with brown strokes for her necklace.
  2. I as well added a bunch of sparkles to the design, but this is entirely optional. Information technology'south possible y'all're non every bit into sparkles and glitter as I am, and that's quite alright.
Add details to the shirt Add details to the shirt Add details to the shirt

Pace three

Here's a quick look at the pattern then far. We need to create the imprint and groundwork, and bring it all together with the icons created earlier in social club to consummate the design.Group the entire bust portrait design together, and let'south cease this up!

Get ready to complete the final design Get ready to complete the final design Get ready to complete the final design

eight. Complete the Design

Step 1

The banner has quite a simple design procedure. Describe a rectangle andArc information technology by going toEffect > Warp > Arc. I've applied aHorizontalbend of-46% to my rectangle. How curved your shape will be is entirely up to you.Go toObject > Aggrandize Appearance to expand the boundaries of the warp effect.

Bend a rectangle to create a banner shape Bend a rectangle to create a banner shape Bend a rectangle to create a banner shape

Stride 2

For the fold and tails of the banner, draw a small-scale rectangle the same height as the rectangle you drew in the previous step. Add an anchor point to the center of the rectangle's left side and move it inward with theDirect Selection Tool.

For the banner's fold, depict a triangle that connects to the inner height corner of the piffling flag shape and the outer peak corner of the imprint.

Repeat for the right side so you accept a cute banner like the one seen below. Note that the triangle and flag shape are behind the curving banner shape in theLayers console.

Complete the banner with folds and indented tails Complete the banner with folds and indented tails Complete the banner with folds and indented tails

Pace iii

Utilize theType Tool (T) to write out a fun phrase or title for your design to be placed on the imprint in a script font of some sort. Check out Fabulous, Zaila, or Melancolie from Envato Marketplace.

Utilize the sameArc to the type as you lot did to the banner's original rectangle andAggrandize itsAppearance netherObject.

Complete the banner with a sweet script font Complete the banner with a sweet script font Complete the banner with a sweet script font

Step 4

Draw a big low-cal bluish rectangle behind the design, over theArtboard in gild to create the background for the design. Movement, Rotate, and Calibration your makeup and accessory icons around the portrait and imprint to aid fill up upward the space inside theArtboard.

Fill in the artboard with icons created earlier Fill in the artboard with icons created earlier Fill in the artboard with icons created earlier

Swell Task, Y'all're Washed!

At long last, we're gear up to go back to high schoolhouse! Or rather complete our blueprint of this Beauty School cutie. I added aRadial Slope to the background rectangle and moved the various icons outward from the portrait to give Frenchy lots of space within the design. Finally, I added a lot of sparkles and some additional details to the hair and face up.

Share your completed blueprint in the comment section below! What other cute characters can you create fromGrease ? Allow's imagine a whole series of beauty and spa games featuring the movie's full cast of fun characters!

If you lot'd like to use other icons for your design, you lot can buy them as stock assets from Envato Market:

  • Set of Flat Dazzler and Makeup Icons
  • Hairstyling and Makeup Flat Icons
Complete your illustration with sparkles Complete your illustration with sparkles Complete your illustration with sparkles

Source: https://design.tutsplus.com/tutorials/how-to-create-a-beauty-inspired-illustration-in-adobe-illustrator--cms-25568

Posted by: colewitis1985.blogspot.com

Related Posts

0 Response to "How To Draw A Makeup Eye How To Draw A Rose"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel