Can You Draw A Character In Illustrator If You Cant Draw In Real Life

In this tutorial we'll be creating a designer graphic symbol at piece of work, sitting at his desk-bound and drawing on a tablet. In order to maintain a trendy flat style, nosotros'll be using a lot of basic geometric shapes, combining and transforming them with the help of Warp Effects, Pathfinder console, Shape Builder Tool and other useful instruments that actually assistance us to create an illustration without using the graphic tablet and don't require any outstanding drawing skills.

Every bit yous can see in the image beneath, we tin can really add some more objects of the interior to our illustration, making it more detailed. Cheque out the expanded version of the Hipster Designer illustration on Envato Elements, where you'll detect additional elements and alternative color versions!

And so let's offset!

1. How to Create a Tabular array in Adobe Illustrator

Pace i

Permit's start past making a tabletop. Take the Rounded Rectangle Tool and create a 540 ten ten px light-brownish shape with rounded corners.

We tin suit the Corner Radius of the shape if we select it with the Straight Choice Tool (A) and then either set up the desired value (five px) in the control panel on tiptop or by dragging the circle mark of the Live Corners manually.

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

Step 2

Now permit's take hold of the Pencil Tool (N) and create a elementary wooden texture on the table. Double-click the Pencil Tool (N) to adjust the settings and start to depict flowing wavy lines across the light-brown office of the tabletop.

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

Footstep 3

At present let'southward hide the unneeded tips of the lines with a Clipping Mask.

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

Set the Fill and Stroke color of the superlative shape to None and select information technology together with the lines. Click theright mouse push button and Make Clipping Mask. Here you go! At present all the lines are subconscious inside the acme shape.

Practice the same for the darker office of the tabletop.

Stride 4

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

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

Duplicate the pillars once more, hold Alt, and shrink the shapes to make them narrower. Pull the bottom edge down to make the legs taller (7 x 215 px).

Footstep 5

Create a 100 10 10 px rounded rectangle at the bottom of the tabular array-legs. Duplicate it and make the top re-create lighter and shorter (lxxx x 20 px), thus calculation some dimension to our flat image.

Step 6

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

Corking piece of work! Our tabular array is ready. Let's motility on!

2. How to Make a Flat Estimator & Graphics Tablet

Step 1

Allow's start by making a monitor. Take hold of the Rounded Rectangle Tool and let'due south make a 135 x 85 px shape with 10 px Corner Radius.

Copy the shape and Paste in Front twice (Control-C > Command-F > Control-F). Motion the tiptop shape to the correct, using the Right Arrow key or past dragging it with the Pick Tool (V) while holding down Shift.

Now select the pinnacle shape and the ane below it. Take the Shape Builder Tool (Shift-Thou), concord down Alt, and hover the mouse over those parts we need to delete. Click the unwanted pieces, leaving merely a narrow stripe at the left edge of the rectangle. Brand the shape a scrap lighter, forming a highlight.

Step 2

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

Select the top right anchor bespeak with the Direct Selection Tool (A) and make the corner rounded, setting its Radius to about 15 px.

Step iii

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

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

Step four

Place a dark-grayness rectangle on the monitor, making a shadow from the stand. Printing Command-[ a few times to Send the shape Astern.

Use the Rectangle Tool (Thousand) to place a lx x 5 px shape at the bottom of the stand up. Make its left corners fully rounded.

Stop the reckoner by decorating information technology with a 20 x 20 px circle label with the help of the Ellipse Tool (Fifty). Hold downward Shift while making a circle to make it even.

Step five

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

Keeping the shape selected, double-click the Shear Tool (you can find it in the aforementioned drop-down carte as the Scale Tool (Southward)) and ready the Shear Bending to forty degrees. Click OK to apply the changes.

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

Step vi

At present let's brand a thin stand. Take the Rectangle Tool (Thousand) and create a 60 x 33 px shape with night-grey sparse Stroke and no Fill.

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

Step 7

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

Looks like the devices are finished! Permit'due south move on!

three. How to Describe a Flat Coffee Mug

Footstep i

Let's brand a cup from a rectangle. Create a 32 x 25 px light-green shape. Make its elevation corners slightly rounded, and then move to the bottom corners and set the Radius to nine px.

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

Step 2

Permit's add a handle. Create a 12 x 15 px rectangle. Select its summit and bottom left anchor points with the Straight Selection Tool (A) and make the corners 5 px rounded.

Duplicate (Command-C > Control-F) the shape, hold Alt-Shift and brand the re-create smaller. Select both shapes and use the Minus Front function of the Pathfinder to cut the elevation shape out, making a pigsty in the eye of the handle.

Footstep three

Attach the handle to the mug and Send to Back (Shift-Control-[). Finish the mug by adding a small narrow rectangle to its bottom edge.

iv. How to Create a Flat Book

Step 1

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

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

Stride 2

Select both the top copy and the larger light-grey shape and use Minus Front office of the Pathfinder to cut out a hole in the greyness shape.

Make the tips of the volume embrace rounded.

Pace 3

Use the Pen Tool (P) or the Line Segment Tool (\) and hold down Shift to brand straight horizontal lines for the paper sheets. Hibernate the unwanted pieces within the Clipping Mask as 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 belongings Alt.

And there we accept information technology! Our book is ready!

Stride 4

Now we tin place all the objects on the table. You tin add together some more books if you like, and vary their size and colors.

5. How to Depict a Flat Hipster Character

Step one

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

Employ the Rounded Rectangle Tool and the Ellipse Tool (50) to add together optics, brows, and olfactory organ to the face up.

Footstep 2

Now let's create a castor to draw a hipster mustache! Start by making a small circle of most 10 x ten px size. Select its left ballast point with the Direct Choice Tool (A) and drag it far to the left. Convert selected anchor point to corner from the control panel on peak.

Step iii

Elevate and drib the created shape to the Brushes panel (Window > Brushes) and make an Art Brush. Leave all the options as default. Yous can e'er return to this Options window by double-clicking the brush in the Brushes panel to accommodate the settings.

Now take the Paintbrush Tool (B) and draw a curled mustache. Adjust the Stroke Weight if needed and Object > Aggrandize Advent of the shape one time you're happy with information technology. Press Command-[ a few times to place the mustache beneath the nose.

Step 4

At present allow'south add some hair. Copy the head shape and Paste in Front twice (Control-C > Control-F > Command-F). Motion the elevation copy downwards and to the correct, as shown in the prototype beneath (the bluish shape).

Select the top re-create and the i beneath it and apply the Minus Front part in the Pathfinder panel. Fill the remaining shape with the same dark-brown colour equally we have for the mustache.

The sideburn is manner too long, and then let'due south trim information technology. Take the Eraser Tool (Shift-E), concord Alt, and cutting off the bottom role.

Step five

At present allow's draw the bristles, using the aforementioned technique. Indistinguishable the confront shape twice and movement the top copy up and to the correct. Use the Minus Front function to get rid of the unneeded part. Make the beard darker than the pilus.

Stride 6

Let's way our character'southward hair. Have the Rectangle Tool (M) and make a 65 ten xxx px night-brownish rectangle. Nosotros can apply the Eyedropper Tool (I) to pick the color from the beard.

Let's utilize the Align console to adhere the left border of the hair to the left side of the head. Select both the hair shape and the head and click the head once again to make it a Key Object (you volition see a thicker choice around it). Click Horizontal Align Left to align the hair to the caput.

Select the superlative and bottom right corners of the hair with the Direct Choice Tool (A) and make them fully rounded.

Finally, select the height left ballast indicate and make this corner rounded too.

Step 7

At present that the head is ready, allow'due south move on to the body! Offset past making a shirt from a 70 x 135 px dark-blueish rectangle. Double-click the Shear Tool and set the Shear Bending to 20 degrees. Make the corners twenty px rounded.

Stride 8

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

Step nine

At present let's form the arms. Create a rectangle of about 17 x 96 px size. It doesn't have to be of exactly the same elevation; merely make sure that information technology fits between the elevation edge of the shirt and the top edge of the table.

Select its bottom left anchor betoken and make the corner fully rounded, forming an elbow. Duplicate the created shape and rotate information technology ninety degrees while holding Shift.

Add together a small circle for the fist and hibernate it beneath the drawing tablet.

Stride x

Create a white stylus from a narrow rectangle with rounded corners. Rotate information technology and identify in the character's hand.

Let's add a sleeve to the height part of the arm. Duplicate the vertical element of the arm and use the Eraser Tool (Shift-Due east) while property Alt to delete the bottom one-half of the re-create. Fill the remaining shape with a bright pink color.

Allow'southward add the contrary arm. Select the vertical elements of the arm and double-click the Reflect Tool (O). Flip the shape over the Vertical Centrality and click Re-create. Attach the second arm to the body and Transport to Back (Shift-Command-[), beneath the shirt.

Step 11

Indistinguishable the trunk shape and use the Eraser Tool (Shift-Due east) to delete the peak part, leaving only a narrow piece under the table. Fill it with a darker colour, depicting a shadow. Indistinguishable the new piece and erase again, filling the remaining part with night-blue colour for the jeans.

Step 12

Now let's make the legs. Create a 23 x 130 px rectangle of a slightly lighter blue colour. Select its top right anchor point and both bottom corners with the Direct Selection Tool (A) and make them fully rounded.

Add a smaller rectangle to the tiptop function of the leg and arrive fully rounded. This way nosotros describe a bent knee.

Step 13

Indistinguishable the leg and use the Eraser Tool (Shift-Due east) to erase the copy from its height part, leaving only a small piece in the bottom. Fill it with brown skin tone color. Describe a rolled up trouser leg by adding a lighter blue rounded rectangle across the leg.

Step 14

Now let'southward add together a shoe. Start with a 40 x 20 px night-blueish rectangle, Transport it to Back (Shift-Control-[) and attach it to the leg.

Make a 25 x 25 px white rectangle for the boot tip and attach information technology to the right edge of the dark-blue shape. Select its top corners and make them 12 px rounded.

Grab the Pencil Tool (N) and draw a few lines forth the boot tip. Use the Clipping Mask to hide the unwanted pieces of the lines.

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

Step xv

Now let'southward add the 2nd leg! Attach an 80 ten 23 px rectangle to the lesser office of our grapheme. Add a smaller rectangle of the lighter color on top, adjustment it to the left border of the previous shape.

Brand the left corners of the new shape fully rounded.

Now let'south bend the leg in the knee by adding a rotated narrow rectangle. I merely duplicated it from the commencement leg and used the Selection Tool (V) to rotate it to almost 250 degrees, making information technology fit the human knee area.

Stride 16

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

Awesome! Looks like our character is finished. Let's move to the terminal part of our tutorial.

6. How to Draw a Modern Chair

Footstep 1

Our grapheme is still floating in the air, then permit'due south add a chair to make him sit comfortably.

Start past creating an87 10 105 px chocolate-brown rectangle for the dorsum of the chair. Select its bottom left corner and hitting Enter to open up the Motion window. Set the Horizontal Position value to vii px, Vertical to 0 px, and click OK to motility the anchor bespeak 7 px to the right.

Repeat the aforementioned for the opposite anchor point, but this time set the Horizontal value to -7 px, moving the point to the left.

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

Step 2

Keeping the shape selected, go to Object > Path > Outset Path and set the Offset value to -8 px. Select both shapes and click Minus Front to cutting out a hole in the center.

Utilise the Eraser Tool (Shift-Due east) and hold down 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-[).

Footstep 3

Add the dorsum of the chair and a wooden bottom. Decorate them with a unproblematic wooden texture, using the same technique as we did for the wooden tabletop.

Stride 4

Now we need to add a leg to our chair. I wanted to depict a alpine 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!

Great job! I hope y'all've enjoyed following this tutorial and discovered some new tips and tricks that volition inspire you to create more flat style illustrations!

Don't forget to download the Flat Hipster Designer Assault Envato Elements with all the additional elements and alternative blond character!

If you love to create flat characters and interiors, I take some other interesting tutorial for you! Make sure you don't miss this i:

Take fun!

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

Posted by: woodmanthemarly88.blogspot.com

Share this post