How To Draw Eye In Illustrator

In today's tutorial I'chiliad going to show y'all how to create a detailed centre from a stock image in Adobe Illustrator. We'll work from some basic pare shading around the eye, to eyelashes, then a detailed iris and even eyebrows in this vector workflow.

Introduction

When I'm creating a portrait in my free time, I often go beyond what is required in terms of detailing for key features... that aren't visible at 100% resolution. I exercise this more for my own pleasure of vectoring rather than visual purposes, merely it also helps me work on learning how to create features without the demand of stock as a reference.

In today's tutorial I'm going to show y'all how to create a detailed eye from a stock image. I got this stock epitome from an Envato Bundle terminal year (keep your eyes open for those from time to time, they are a bargain!), however you tin can nonetheless get this stock image past itself from Photodune - no longer available.

A quick tip before we start: if you're working on ii eyes rather than a shut upwards which I'm doing today, then I'd suggest working on both at the same time, rather than completing them individually. The reason being is that you'll shade and treat them both the aforementioned in terms of effects, colors and Blending Modes. So with that in mind, let's get started!

Step 1

Although everyone has their own method of skin shading, I'1000 going to go through the first couple of steps with you lot for how I do it. For the dark/shadowed areas of the skin, I tend to utilise shapes of solid color reduced to depression opacities. These initial shapes I'll exist cartoon are on top of the base of operations of the aforementioned shade (C=0, M=xx, Y=25, K=5), however they will be set to Blending Mode Multiply with Opacity 20%.

The initial shapes will include a base of operations shape for the eyebrows, a crease for the eyelid, and a crease around the eye. You'll find that I've allowed a gap for the eyelid at the top and at the bottom. Also notation the shapes for the eyebrow base aren't smooth, as I'g compensating for strokes of pilus that will be applied afterwards on.

A quick annotation about creases of the optics and wrinkles. You lot may be post-obit each shape y'all come across on a stock image, however the aim is flatter with the portrait you're doing. So effort to avoid paying likewise much attention to any creases/wrinkles around the lower and corner of the eyes.

I and so added a darker shade (C=five, Grand=0, Y=35, K=15) gear up to Blending Mode Multiply with Opacity 25%. This is done to darken the elevation of the eyebrow, crease of the eyelid, and effectually the exterior of the eyes, leaving space for the corner of the eyes where it is much lighter.

Pace 2

Now to add together highlights to the skin. I apply gradients or Blends (Command + Alt + B) for the highlights in the skin. In this case, I'grand using Blends, every bit you're getting a close upwards of the eye, and a Blend will appear much smoother due to more than tailored shaping.

I'll exist using a lighter peel shade for the shapes (C=0, M=10, Y=xiv, Grand=v). The Blends have a large shape set to 0% Opacity and a smaller 1 set to 100% to give the impression of a shaped transparent gradient. These are set to Spacing at Specific and Steps at xv. The fundamental areas to highlight are the forehead bone, the corner of the optics, and the eyelid.

Once done, I've set the Blends (Command + Alt + B) to Blending Manner Screen with Opacity 50%.

Footstep 3

With the shade used for the skin highlights (C=0, One thousand=ten, Y=fourteen, G=5), I'm going to draw shapes for the eyeball and the corner of the eye every bit a much larger shape, which will cover the whole expanse including the waterline. Ever avoid using pure white and black, as nothing is naturally those colors, peculiarly the "whites" of ones eyes! These shapes will be set to Blending Fashion Screen with Opacity 40%.

I've then used a transparent radial gradient with the same shade for the within of the centre, the eyeball and corner of the eye set to Blending Mode Screen with Opacity 20%.

Step four

Now to add gradients at the corner of the eye to create a slight pink shade. This is done with a rose inverted transparent radial gradient (C=11, M=46, Y=37, K=9) with the below Appearance panel settings.

Similar settings are applied around the inside of the eye and the corner of the eye with the same rose shade, just with solid color rather than gradients as shown below.

Footstep 5

For the iris, I'll be using even circles which are created by using the Ellipse Tool (L) while holding Shift + Alt.

Duplicate the shape for the eyeball and duplicate the circle. Use these to produce a Clipping Mask (Control + vii) within a Clipping Mask. Although you lot can meet (beneath) why you'd use a Clipping Mask with a indistinguishable of the eyeball. You won't see for another few steps why you would practise this for the circle, then bear with me.

Stride 6

For the basic shading of the iris, I'm going to exist taking advantage of the Appearance panel. You'll need to familiarize yourself with Add New Fill and Duplicate Item for calculation each chemical element. I'll have you through each of the elements. Pay attention to the screenshots for placement of gradients, as well as Blending Modes and Opacities.

The first elements will be to employ the Effects > Path > Offset Path option for the pupil and the iris. The beginning blue (C=85, Thou=50, Y=0, K=0) circles using Kickoff Path are shown below.

For the pupil, I'm going to apply a dark blueish (C=100, M=100, Y=25, One thousand=ninety) set to Showtime Path -55pt and -63pt.

Step seven

Now to add together radial gradients to the iris. The first is white to blue (C=100, One thousand=95, Y=5, K=0) and Offset Path of -3pt.

The next, green/blue (C=eighty, M=10, Y=45, K=0) to nighttime blue (C=100, M=100, Y=25, K=90) and Commencement Path of -2pt.

The next, green (C=50, M=0, Y=100, K=0) to dark blue (C=100, G=100, Y=25, Thou=90) and Commencement Path of -2pt.

And so finally, white to dark blue (C=100, M=100, Y=25, K=ninety) and Offset Path of -2pt to darken the edges around the iris.

Step 8

I'm going to utilize another effect now, which is Effect > Transform & Distort > Zig Zag. This is ane of the reasons why I've used a Clipping Mask within a Clipping Mask. Without the circumvolve Clipping Mask, the Zig Zag effect would not be independent within the iris.

Pace ix

I'thousand going to duplicate the ii big shapes for the eyeball and add a dark blue (C=100, Chiliad=100, Y=25, M=xc) inverted transparent radial gradient to create shading on the eyeball. This is of import as eyeballs aren't flat. Y'all'll need to overlap these shapes on elevation of your iris. I've set them to Blending Mode Multiply and Opacity 40%.

Step 10

Now to add shapes for the eyeliner. This will be along the height of the lash line and in the corner of the eyes. I'll besides use one of the shapes to go along the inside of the eye to help add more definition. These volition have a dark brown fill (C=l, M=lxx, Y=80, Chiliad=95) and be set to Blending Manner Multiply with Opacity 30%. I've also used the aforementioned color to add further definition to the eyelid pucker, however these shapes are set to Blending Way Multiply with Opacity 10%.

Step eleven

I'm going to use the same nighttime brown to create a transparent radial slope for the corner of the eye and additional shading on the eyelid crease. The corner of the eye will be ready to Blending Mode Multiply with Opacity 50%. The one for the eyelid pucker will be set to Blending Mode Color Burn with Opacity 100%.

Step 12

I'thou going to exist using Profile's inside CS5, all the same if you have an earlier version of Illustrator you tin apply the art brushes from my Width Profile inspired brush tutorial. I'll be using Width Profile v.

When you draw the eyelashes, look at them as more than J and C shapes coming from the lash line. The thickest role of the brush will come up from the lash line with the thinnest towards the tip of the lash. I'thousand going to be using the nighttime brown as a stroke and have a 5pt Stroke Weight. The lashes are set to Blending Mode Multiply, Opacity ninety%, and then Grouped one time done (Command + M).

The lower lashes apply the same Width Profile and the same J and C shapes. Still they accept a 3pt Stroke Weight and are ready to Blending Mode Multiply and Opacity l%.

I'm going to add highlights to the eyelashes with a medium/light dark-brown (C=50, One thousand=70, Y=80, K=0), 3pt Stroke Weight set to Blending Fashion Screen with Opacity fifty%.

Step 13

The eyebrows use a like method just are strokes layered upon a base. The base in this case are three dark brownish shapes set to Blending Mode Multiply with Opacity 15%. Then using Width Profile five with a 6pt Stroke Weight set to Blending Fashion Multiply and Opacity 50% for the initial strands. Then apply the same with 10pt Stroke Weight beyond the forehead to darken it farther with the same settings.

Pace 14

Now we have the basics of the eye, I'm going to add some farther detailing to it. The beginning step is to add more detail into the iris. Using the "Width Profile five" brush, add together some dark bluish (C=100, 1000=100, Y=25, K=50) strokes with a 5pt Stroke Weight around the edge of the iris and student. These will accept a Blending Mode of Colour Burn and Opacity twenty%. Grouping them once done (Command + Grand).

Then add some highlight to the bottom of the iris with the "Width Contour 1" castor using a light greenish (C=20, M=0, Y=100, K=0), 5pt stroke. These will be set to Blending Mode Color Dodge and Opacity thirty%.

Once everything is Grouped up (Command + Thousand), elevate and drop them into the circle Clipping Mask group.

Step 15

I've added some blue (C=70, Yard=xv, Y=0, One thousand=0) lines along the waterline and to aid define the corner of the heart and the shines within. This is done with the "Width Profile 1" brush with a 5pt Stroke Weight fix to Blending Mode Color Dodge and Opacity 50%.

Stride 16

I'm going to add a polish to the optics with a light blue transparent radial gradient (C=10, Thousand=0, Y=0, Grand=0). Do a bones round shape across the eyeball with the meridian edge of information technology rough. This is because the highlight in the heart would exist distorted by the eyelashes ever and so slightly.

Step 17

Finally, I'm going to add some magenta transparent radial gradients around the eye set to Blending Fashion Color Burn. The first is focused around the corner of the eye.

Then I've added two further gradients with an orange outer shade to the eyelid pucker and under eye.

Conclusion

This is just ane of many ways y'all could illustrate an middle in vector. Is there a way you lot would change the process? When post-obit a stock image, try non to modify it shape by shape, colour by color... add some of your own elements to get in much more unique looking.

If you'd like to effort out more eyeshadow styles, check out my Retro Styling tutorial.

Source: https://design.tutsplus.com/tutorials/creating-a-detailed-eye-from-stock-in-adobe-illustrator--vector-5600

Posted by: bishopknoton.blogspot.com