Advertisement

How to Vector a Hipster Bunny in Adobe Illustrator

by

In this tutorial I'm going to show you a step-by-step drawing process of a cute hipster bunny. We'll be transforming simple shapes as well as using Pen Tool (P), making our own textures, using transparency and some other cool Adobe Illustrator tools and features. Let's do it!


1. Create Basic Shapes From Doodle

Step 1

Start from placing your sketch on the canvas. You may File > Place your scanned picture or draw it in Adobe Illustrator using a Pencil Tool (N).



Step 2

Draw a circle under your sketch using the Ellipse Tool (L) and fill it with beige color. Select your sketch and change its Blending Mode to Multiply in Transparency panel, so that the coloring will be visible through the sketch, making your work flow more comfortable, if you are drawing under the paper sketch.



Step 3

Lock your sketch layer and Create New Layer under it. We'll start from drawing a head. Grab the Ellipse Tool (L) and create a circle filled with a light-yellow color, almost white.



Step 4

The next element is retro-glasses. Set fill color to bright orange and use a Pen Tool (P) to trace the lines of your sketch.





Step 5

Now let's cut out the lenses. Draw a shape which will form a hole and fill it with any unused color, for example, green. Make a copy of this shape and flip it over a vertical axis with Reflect Tool (O).



Step 6

Duplicate the orange glasses shape (Control + C > Control + F). Select the copy and one of the green lenses and use Pathfinder > Minus front to make a hole.



Repeat this step for the second lens.



Step 7

Start drawing out the body using the Pen Tool (P) and following the lines of your sketch. Use a slightly darker grey color for the hands in order to separate them from the body.




2. Form a Stylish Hairdo

Step 1

Now we'll create her hair. First of all we need to make a nice hairline on the bunny's forehead. Set fill color to brown and draw a curved line. Keeping the selection, move to Effect > Distort & Transform > Zig Zag.



Set the Size to 2px, set Ridges per segment to 49 and Points to Corner in Zig Zag options window.



Step 2

At this step we need to form a hair shape and to close our curved path. Take a Pen Tool (P) and select the anchor point.



Step 3

Now we can continue drawing our path above the head. Let's delete the unnecessary part of hair. Duplicate the head shape. Select both the head copy and the hair shape and click Intersect in Pathfinder panel.



Use the Direct Selection Tool (A) to pull some of the zig zag corners up and down to make the hairline look more natural.



Step 4

Our bunny needs a stylish head-band. Draw a half-moon shape filled with turquoise color.



Step 5

Duplicate the shape (Control + C > Control + F), fill the front copy with a slightly darker color and move it down a little by holding Shift button and dragging the shape down. Next, select both shapes and click Minus Back in Pathfinder panel.





Continue adding shapes of the same dark-turquoise color, forming shadows and foldings on the cloth. Add the ribbon knot and the bow.




3. Add Facial Features

Step 1

Let's move on and draw some fancy eyes for our bunny-girl. Draw an oval of brown color (same as hair) using the Ellipse Tool (L). 



Select its left anchor point with Direct Selection Tool (A) and click Convert selected anchor points to corner button in the control panel above. This will form the inner corner of the eye.



Draw a triangle shape with a Pen Tool (P) to make an elegant make-up arrow.



Step 2

Draw a lighter brown shape with a curved edge at the bottom of the eye-ball to water the eye. Add some more details, such as  orange reflection from the glasses at the bottom of the eye. Don't forget to add some round white highlights to make the eye look more realistic.





Step 3

Select and Group (Control + G) all the eye parts and flip them horizontally with the help of the Reflect Tool (O) by checking the Copy box in the Reflect options window. Don't forget to move the highlights on the second eye so that they are placed on the same side on both eyes - this is quite an important detail which you should always keep in mind while drawing.



Step 4

She definitely needs a nose. Let's draw a brown circle with the Ellipse Tool (L). 



Select the lower anchor point with Direct Selection Tool (A) and click the Convert selected anchor points to corner button. Copy this shape to front (Control + C > Control + F) and move the upper copy a little by holding Shift and dragging it up. Finally, select both shapes and hit Minus Front in Pathfinder panel.



Step 5

Use the same method to make her a mouth. Add some round whiskers-spots and make one of them slightly larger than the others to make it look like a birth-mark.



Step 6

Draw a cone shape and fill it with linear gradient to form a nose bridge.




4. Add More Detail to the Glasses

Step 1

The next thing we need to do here is to add some dimension to the glasses. First of all, let's create some shadows. Draw a curved shape of a slightly darker color above the glasses.



Step 2

Then duplicate the glasses, select both the glasses and the shadow-shape and use Intersect in Pathfinder panel to cut off the unnecessary parts.



Add the highlights in the same way, making them slightly lighter than the basic glasses color.



Step 3

Now we need to add some shadows from the glasses on bunny's face. Draw a dark shape using Pen Tool (P) and move it under the glasses (Control + [ ). Set the Opacity to 50% in Transparency panel. Make some more shadows in the same way.



Step 4

The next step is adding highlights and reflections to the lenses. Draw a rectangle shape, fill it with white color and set Opacity to 50%.



Continue adding reflections using the same technique.




5. Render Some Fancy Ears

Step 1

Let's draw a pair of nice ears. Notice that bunny's right ear consists of two parts, because it is folded.



Step 2

Add pink shapes to the ear. Place the upper part of her right ear on top using Control + ].



Step 3

Now draw a chocolate curved shape at the tip of the ear and cut off the unneeded part by duplicating the ear and using Intersect in Pathfinder panel. Fill the ear shapes and brown shapes with linear gradients to make them more vivid and dimensional. Add similar light gradients to her face and other body parts to emphasis the dimension.




6. Draw a Retro Polaroid Camera

Step 1

Let's move on and give our bunny an old-style Polaroid camera. Draw a dark-grey square shape using Pen Tool (P).



Step 2

Add some details with lighter grey color.



Add darker shapes to the places which are hidden in shadow and bright white window-shape highlight to the camera lens. Don't forget to put some buttons on top.



Step 3

Go on adding minor details, such as camera logotype and bright orange reflection at the bottom. Use the colors which you already have on your picture to give  the whole image a harmonic look.




7. Create Stylish Clothes and Accessories

Step 1

Time to dress her up! We'll start from drawing a nice hipster-looking shirt. Set fill color to jeans-blue. Draw one part of the neckband and use the Reflect Tool (O) to make a copy and flip it to the other side.



Step 2

Add one part of a shirt using Pen Tool (P), leaving the path open and mirror its copy to the other side the same way as we did it with the neckband.



Now select both shirt parts and press Control + J to close the paths and to form one single shape out of two separated parts. Move the shirt backwards using Control + ] and place it under bunny's arms and camera.



Step 3

Make the neckband's color darker and add the sleeves of the same color.



Step 4

Continue dressing up our character by adding dark-grey skinny pants. Draw a golden belt plate using Rounded Rectangle Tool.



Step 5

Start making a mustache symbol by drawing a circle with the Ellipse Tool (L).



Shift-drag left anchor point with Direct Selection Tool (A).



Move the anchor handles with Convert Anchor Point Tool (Shift + C) to form a nice curved shape. Finally, duplicate and flip it to the other side.



Step 6

Add the highlights by drawing white rectangle shapes above the belt and use Pathfinder to cut off the unnecessary parts.



Step 7

Lower down the Opacity in Transparency panel to give your highlights a natural look. Don't forget to add belt itself - a thin stripe with golden linear gradient.




8. Create and Apply Fabulous Textures

Step 1

Let's make a nice checkered texture and apply it to the shirt. Create a New File (Control + N) of 600x600px size. Draw a vertical stripe using the Rectangle Tool (M) of 600px height, so that it fits your Artboard.



Use the Rotate Tool (R) to Copy your stripe and put it horizontally by setting 90 degrees Angle.



Add several thinner stripes of different colors, duplicate them and put on the upper side. Put the same stripes vertically on left and right sides. You can rearrange the position of stripes, by putting them forward or backward with Control + [ or Control + ].



Step 2

Select everything and set Opacity to 80%.



Step 3

Transfer  the checkered texture to your bunny file and drag it to the Swatches panel. The next thing to do is to copy the shirt shape to front (Control + C > Control + F). Select your newly created texture in Swatches and apply it to the shirt copy. Use the Scale Tool (S) to make a pattern smaller or larger by selecting the Transform Patterns checkbox and changing the percent values in Scale field.



Step 4

Let's continue adding a trendy look to our bunny by creating a grungy texture on her pants. For this purpose we are going to use some inbuilt Adobe Illustrator brushes. Go to Window > Brushes, hit the Brush Libraries Menu button and choose Artistic > Artistic_ChalkCharcoalPencil in the folding menu.



Step 5

Draw a few lines with Paintbrush Tool (B). When you are satisfied with the result, choose all the textured strokes and go to Object > Expand Appearance in order to turn them into objects.



Place your grungy strokes on one side of the bunny's pants and edit them with Eraser Tool (Shift + E) by erasing those parts which are outside the pants.



Copy and flip them to the other side of the pants. Finally, select all the parts of the grungy texture, group them and set Blending Mode to Screen and Opacity to 50%.



Step 6

What is more, we should also add some texture to bunny's skin to make it more furry. Let's create a simple texture. Make a New file of 600 x 600px size and put a small vertical ellipse somewhere close to the left corner.



Copy and drag it to the right side using Alt + Shift buttons.



Step 7

Now select both ellipses and go to Object > Blend > Blend Options. Set Specified Steps to 10, hit OK and expand your blend group in Object > Expand Appearance.



 

Duplicate your group of ellipses and move it down, so that the first ellipse in the row is situated between two ellipses in the upper group, as shown on the screenshot. Don't forget to delete one extra ellipse which is on the right side.



 

Continue duplicating and moving down the rows of ellipses till you get such texture.



Step 8

Drag and drop your newly created fur texture to the Swatches panel. In order to apply it to body parts, you need to copy and paste in front some part and, keeping it selected, apply the created texture. Use Scale Tool (S) to change the size of your pattern.



What is more, try to use the Rotate Tool (R) for patterns to change the direction to give it a better look, because different body parts, such as hands or ears, are rotated at different angles. Don't forget to select the Transform Patterns checkbox.




9. Add Finishing Strokes and Minor Details

Step 1

Let's add some extra-details, such as colored lenses to her glasses. We'll make it the same way using Pathfinder. Draw a shape that covers an empty space in glasses, where the lens should be.



Step 2

Duplicate the basic glasses shape, select the copy and the object above the glasses and hit Minus back in Pathfinder.



Voila! The lens is ready.



Step 3

Apply a linear gradient, one side of which is turquoise, like the bunny's headband, and the other is white. Set the Opacity of the white side to 0% to make it transparent.  Create the second lens using the same method.



10. Create an Easy & Stylish Background

We've almost finished, so let's add some fantastic background to the whole thing! Scale down the beige sphere on the lower background layer, which we've created at the beginning. Copy and paste it to back (Control + C > Сontrol + B), make it larger and change the color to chocolate gradient (the same as the tips of bunny's ears).



Step 3

Now we'll add some cute carrots, which are very easy to create.  Make an orange ellipse using the Ellipse Tool (L).



Select both left and right anchor points with Direct Selection Tool (A) and drag them up to make a carrot-like shape.



Make a brown triangle, duplicate it several times and place the copies above the carrot.



Duplicate the carrot-shape, place it on top and use a Clipping Mask to put the triangles inside the carrot. Add a bushy cloud-like green tail on top of the carrot.



Make multiple copies of your carrot and spread them around the character, rotating at different angles and changing the opacity.



Step 4

Let's add some splatter on the brown circle to give it a grungy, textured look. For this purpose, go to Brush Libraries Menu and choose Artistic > Artistic_Ink. Draw some grungy spots using Paintbrush Tool (B). Make some of them brighter and more transparent by changing the Blending mode to Overlay and the Opacity to 20%.



Step 5

The last but not the least, add a rectangle to the background, using the Rectangle Tool (M) and fill it with linear gradient from darker orange in the bottom to brighter orange on top. You may also add some semi-transparent shadows from the bunny and carrots to separate them from the background.




Awesome! You've Finally Finished!

Congratulations! Your fancy Hipster bunny is ready. Try using these easy and useful techniques. I hope you'll really enjoy the meditative process of drawing. Good luck!



Advertisement