how to draw a person in illustrator

In this tutorial we'll be creating a designer character at work, sitting at his desk and cartoon on a tablet. In order to maintain a trendy flat style, we'll be using a lot of bones geometric shapes, combining and transforming them with the help of Warp Effects, Pathfinder panel, Shape Builder Tool and other useful instruments that actually assistance united states of america to create an illustration without using the graphic tablet and don't require whatever outstanding drawing skills.

As yous can see in the prototype below, nosotros tin can actually add together some more objects of the interior to our analogy, making it more detailed. Bank check out the expanded version of the Hipster Designer illustration on Envato Elements, where y'all'll observe boosted elements and alternative colour versions!

And then let'south commencement!

one. How to Create a Table in Adobe Illustrator

Step i

Let's showtime by making a tabletop. Take the Rounded Rectangle Tool and create a 540 ten x px calorie-free-brown shape with rounded corners.

Nosotros can adjust the Corner Radius of the shape if we select information technology with the Directly Pick Tool (A) then either set the desired value (5 px) in the control console on pinnacle or by dragging the circle marker of the Live Corners manually.

Copy the shape and Paste in Front (Control-C > Command-F). Brand the new shape shorter (450 x 10 px) past moving its left border to the right. Make its Fill color a bit lighter.

Step 2

At present let's grab the Pencil Tool (North) and create a unproblematic wooden texture on the table. Double-click the Pencil Tool (North) to adjust the settings and offset to draw flowing wavy lines across the low-cal-dark-brown part of the tabletop.

Select all the lines, Group (Command-Thou) them and set the Weight to i px in the Stroke panel (Window > Stroke). Edit the Stroke color of the lines in the Color console, making them slightly darker than the tabletop.

Pace 3

Now let's hide the unneeded tips of the lines with a Clipping Mask.

Duplicate (Command-C > Control-F) the light-brown shape of the tabletop and Bring to Front (Shift-Control-]).

Set up the Fill and Stroke colour of the height shape to None and select it together with the lines. Click theright mouse push button and Brand Clipping Mask. Here you go! At present all the lines are hidden within the top shape.

Exercise the same for the darker part of the tabletop.

Step 4

Let's proceed to the table-legs. Take the Rectangle Tool (Grand) and create ii dark-grayness 12 x 85 px pillars under the left side of the tabletop.

Duplicate (Control-C > Control-F) both shapes, brand them darker and shrink them, moving the bottom side upward, thus forming a shadow from the tabletop.

Indistinguishable the pillars again, concord Alt, and shrink the shapes to brand them narrower. Pull the bottom border downwards to make the legs taller (7 x 215 px).

Step 5

Create a 100 x 10 px rounded rectangle at the bottom of the table-legs. Duplicate information technology and brand the peak copy lighter and shorter (eighty ten 20 px), thus calculation some dimension to our flat image.

Step 6

Group (Control-G) all the parts of the table-legs, concord Alt-Shift, and elevate the shape to the opposite side of the tabular array, making a re-create.

Great work! Our table is ready. Permit'due south move on!

ii. How to Brand a Apartment Computer & Graphics Tablet

Footstep one

Allow's start by making a monitor. Grab the Rounded Rectangle Tool and let'southward make a 135 x 85 px shape with ten px Corner Radius.

Re-create the shape and Paste in Forepart twice (Command-C > Control-F > Control-F). Movement the peak shape to the correct, using the Correct Arrow primal or past dragging it with the Selection Tool (V) while holding down Shift.

At present select the tiptop shape and the one beneath it. Take the Shape Architect Tool (Shift-Thousand), concord down Alt, and hover the mouse over those parts we need to delete. Click the unwanted pieces, leaving only a narrow stripe at the left edge of the rectangle. Make the shape a chip lighter, forming a highlight.

Pace 2

At present that the brandish is ready, let's add a stand. Use the Rectangle Tool (One thousand) to make a 45 x 55 px rectangle, slightly darker than the display.

Select the pinnacle right ballast point with the Direct Selection Tool (A) and brand the corner rounded, setting its Radius to about xv px.

Footstep 3

Duplicate (Control-C > Command-F) the stand up and move the re-create far to the left. Select both shapes and use the Shape Builder Tool (Shift-M) while belongings Alt to delete the top shape and the slice where both copies overlap.

Add together a highlight to the stand up as nosotros did for the brandish in Step 1.

Pace iv

Place a dark-grey rectangle on the monitor, making a shadow from the stand. Press Control-[ a few times to Transport the shape Backward.

Utilize the Rectangle Tool (1000) to place a sixty ten 5 px shape at the lesser of the stand up. Make its left corners fully rounded.

Terminate the computer by decorating it with a 20 x 20 px circumvolve label with the aid of the Ellipse Tool (L). Concur down Shift while making a circle to make information technology even.

Footstep v

At present let's draw a graphics tablet. Start by making a 100 ten 50 px rounded rectangle with 10 px Corner Radius.

Keeping the shape selected, double-click the Shear Tool (y'all tin find it in the aforementioned driblet-down menu as the Calibration Tool (S)) and set up the Shear Angle to 40 degrees. Click OK to apply the changes.

Make a lighter stripe for the highlight on the left border of the shape.

Step vi

Now let'due south brand a thin stand. Take the Rectangle Tool (M) and create a 60 x 33 px shape with night-gray sparse Stroke and no Fill up.

Select the bottom anchor points with the Direct Selection Tool (A) and hit Enter to open the Motion window. Set up the Horizontal Position to x px, Vertical to 0 px and click OK to move the lesser edge of the shape to the right.

Step 7

Keeping the lesser anchor points selected with the Direct Selection Tool (A), brand the corners eight px rounded. Finish the tablet by calculation a squashed elliptical label to its center.

Looks similar the devices are finished! Let'southward move on!

3. How to Draw a Flat Java Mug

Step 1

Let's make a cup from a rectangle. Create a 32 x 25 px light-green shape. Make its top corners slightly rounded, and then motion to the bottom corners and prepare the Radius to 9 px.

Create a lite-light-green highlight on the left edge of the mug.

Step two

Permit'southward add a handle. Create a 12 x 15 px rectangle. Select its top and bottom left anchor points with the Directly Option Tool (A) and make the corners 5 px rounded.

Duplicate (Control-C > Control-F) the shape, hold Alt-Shift and brand the copy smaller. Select both shapes and apply the Minus Front function of the Pathfinder to cut the acme shape out, making a pigsty in the centre of the handle.

Step three

Attach the handle to the mug and Transport to Back (Shift-Control-[). Finish the mug by adding a modest narrow rectangle to its bottom border.

4. How to Create a Flat Volume

Footstep 1

Allow's create a 67 x 12 px dark-grey rectangle and brand its left corners fully rounded. Go to Object > Path > Offset Path and set the Offset value to two px. Make the outer shape slightly lighter.

Duplicate the smaller shape twice (Command-C > Control-F > Control-F) and fill both copies with white color. Move the top copy to the right, making information technology overlap the correct edge of the book.

Step two

Select both the top copy and the larger calorie-free-grey shape and utilize Minus Forepart role of the Pathfinder to cut out a hole in the grey shape.

Make the tips of the book embrace rounded.

Footstep three

Employ the Pen Tool (P) or the Line Segment Tool (\) and hold downwardly Shift to make directly horizontal lines for the paper sheets. Hide the unwanted pieces inside the Clipping Mask equally we did with the wooden texture of the tabletop.

Make a subtle shadow by duplicating the paper shape and moving it to the right. Delete the unwanted piece with the help of the Shape Builder Tool (Shift-M) while property Alt.

And at that place we take it! Our book is ready!

Footstep 4

At present we can place all the objects on the table. You lot can add some more books if yous similar, and vary their size and colors.

5. How to Draw a Apartment Hipster Character

Step ane

Let's start with the head. Make a l x 80 px rounded rectangle. Set the Corner Radius of its top corners to 19 px and the bottom corners to 23 px.

Utilize the Rounded Rectangle Tool and the Ellipse Tool (Fifty) to add eyes, brows, and olfactory organ to the face.

Step two

At present let's create a brush to draw a hipster mustache! Start by making a small-scale circumvolve of about x x x px size. Select its left anchor betoken with the Direct Selection Tool (A) and drag it far to the left. Catechumen selected anchor bespeak to corner from the command panel on top.

Footstep three

Elevate and driblet the created shape to the Brushes panel (Window > Brushes) and make an Art Brush. Go out all the options every bit default. Y'all tin can always return to this Options window by double-clicking the brush in the Brushes panel to accommodate the settings.

Now accept the Paintbrush Tool (B) and draw a curled mustache. Adjust the Stroke Weight if needed and Object > Expand Appearance of the shape in one case you're happy with it. Press Control-[ a few times to place the mustache beneath the nose.

Stride 4

Now let's add some hair. Copy the caput shape and Paste in Front twice (Control-C > Control-F > Control-F). Motility the top copy down and to the right, as shown in the epitome below (the blue shape).

Select the pinnacle copy and the one beneath it and apply the Minus Front function in the Pathfinder panel. Fill the remaining shape with the same night-brown colour equally we take for the mustache.

The sideburn is way also long, and so let's trim it. Accept the Eraser Tool (Shift-E), hold Alt, and cutting off the bottom role.

Step 5

Now permit's draw the bristles, using the same technique. Duplicate the face shape twice and move the meridian copy upwardly and to the right. Use the Minus Front part to become rid of the unneeded part. Make the beard darker than the hair.

Stride 6

Allow's style our character's hair. Take the Rectangle Tool (M) and make a 65 10 30 px dark-brownish rectangle. Nosotros can utilise the Eyedropper Tool (I) to pick the color from the beard.

Let'due south employ the Align console to attach the left edge of the hair to the left side of the caput. Select both the pilus shape and the head and click the head over again to make it a Key Object (you will see a thicker pick around it). Click Horizontal Align Left to align the pilus to the head.

Select the tiptop and lesser right corners of the hair with the Direct Pick Tool (A) and make them fully rounded.

Finally, select the top left ballast point and make this corner rounded also.

Step vii

At present that the head is ready, let'southward motility on to the body! Start by making a shirt from a 70 x 135 px night-blue rectangle. Double-click the Shear Tool and set the Shear Bending to twenty degrees. Make the corners twenty px rounded.

Step 8

Add a small dark-brown rectangle with a rounded bottom for the cervix. Add a larger pink rounded rectangle for the neckband. Press Control-[ to identify it beneath the neck shape.

Step ix

Now allow's form the artillery. Create a rectangle of nigh 17 ten 96 px size. It doesn't have to be of exactly the same elevation; but make sure that it fits between the top edge of the shirt and the peak edge of the table.

Select its bottom left anchor point and brand the corner fully rounded, forming an elbow. Indistinguishable the created shape and rotate it ninety degrees while holding Shift.

Add together a small circle for the fist and hide it beneath the cartoon tablet.

Stride ten

Create a white stylus from a narrow rectangle with rounded corners. Rotate it and place in the character's hand.

Permit's add together a sleeve to the top part of the arm. Duplicate the vertical element of the arm and use the Eraser Tool (Shift-East) while holding Alt to delete the lesser half of the copy. Make full the remaining shape with a bright pink color.

Let's add the opposite arm. Select the vertical elements of the arm and double-click the Reflect Tool (O). Flip the shape over the Vertical Axis and click Copy. Attach the second arm to the body and Send to Back (Shift-Control-[), beneath the shirt.

Step eleven

Indistinguishable the body shape and use the Eraser Tool (Shift-E) to delete the top function, leaving only a narrow slice under the tabular array. Fill it with a darker color, depicting a shadow. Duplicate the new slice and erase over again, filling the remaining part with dark-blue color for the jeans.

Step 12

Now let'southward make the legs. Create a 23 ten 130 px rectangle of a slightly lighter blue colour. Select its top correct ballast betoken and both bottom corners with the Directly Choice Tool (A) and make them fully rounded.

Add a smaller rectangle to the top role of the leg and brand it fully rounded. This way we depict a bent knee.

Step 13

Duplicate the leg and use the Eraser Tool (Shift-Due east) to erase the copy from its summit part, leaving merely a minor piece in the bottom. Fill it with brown skin tone color. Depict a rolled up trouser leg past adding a lighter bluish rounded rectangle across the leg.

Step xiv

Now let's add a shoe. Offset with a 40 x 20 px nighttime-blue rectangle, Send information technology to Back (Shift-Command-[) and attach it to the leg.

Brand a 25 x 25 px white rectangle for the kick tip and attach information technology to the correct border of the dark-blue shape. Select its top corners and make them 12 px rounded.

Take hold of the Pencil Tool (N) and draw a few lines along the kick tip. Use the Clipping Mask to hide the unwanted pieces of the lines.

End the shoe by adding a narrow white rectangle in the bottom for the sole. Make its bottom left corner rounded and decorate the sole with a narrow nighttime-grey stripe.

Step 15

Now let's add together the 2nd leg! Adhere an 80 x 23 px rectangle to the bottom part of our character. Add together a smaller rectangle of the lighter color on top, aligning it to the left edge of the previous shape.

Brand the left corners of the new shape fully rounded.

Now let's bend the leg in the knee by calculation a rotated narrow rectangle. I merely duplicated it from the first leg and used the Selection Tool (V) to rotate it to about 250 degrees, making information technology fit the knee surface area.

Pace 16

Add a second shoe and brand all the elements of the leg slightly darker, making the image a bit more three-dimensional.

Crawly! Looks similar our character is finished. Let's move to the final office of our tutorial.

half dozen. How to Draw a Modern Chair

Step i

Our character is all the same floating in the air, and then let's add together a chair to brand him sit comfortably.

Start past creating an87 10 105 px brown rectangle for the dorsum of the chair. Select its bottom left corner and hit Enter to open the Move window. Set the Horizontal Position value to vii px, Vertical to 0 px, and click OK to motion the anchor point 7 px to the correct.

Repeat the same for the opposite anchor point, merely this time set the Horizontal value to -7 px, moving the betoken to the left.

Finally, select both pinnacle corners and make them fully rounded.

Step 2

Keeping the shape selected, go to Object > Path > Get-go Path and prepare the Starting time value to -eight px. Select both shapes and click Minus Forepart to cut out a pigsty in the middle.

Use the Eraser Tool (Shift-E) and hold downwardly Alt to erase the bottom part of the frame.

Add three vertical wooden planks to the chair back, placing them beneath the frame (Shift-Control-[).

Step 3

Add the back of the chair and a wooden bottom. Decorate them with a simple wooden texture, using the same technique every bit we did for the wooden tabletop.

Step 4

Now nosotros need to add a leg to our chair. I wanted to depict a tall chair like those in a bar. Use the Rectangle Tool (M) to form the elements, using the table legs as a reference for the shapes and colors.

Awesome! Our Hipster Designer and His Creative Workspace Are Finished!

Bully job! I hope you've enjoyed following this tutorial and discovered some new tips and tricks that will inspire you to create more than flat style illustrations!

Don't forget to download the Flat Hipster Designer Ready on Envato Elements with all the additional elements and alternative blond graphic symbol!

If you beloved to create flat characters and interiors, I have another interesting tutorial for you! Make sure you lot don't miss this one:

Accept fun!

Source: https://design.tutsplus.com/tutorials/how-to-draw-a-flat-designer-character-in-adobe-illustrator--cms-29159

Posted by: hallmusenchently40.blogspot.com

Share this post