VforVectors

All about Illustrator

bookmark
my banner
Andrei Marius On March - 14 - 2010

Hi there. In the following tutorial you’ll learn to create a simple hippo face. It’s made with simple tool like the Ellipse Tool, the Rectangle Tool and the Rounded Rectangle Tool. Also, for some discrete details I added some basic effects like the Inner Glow or the Gaussian Blur.

Difficulty: Intermediate
Estimated Completion Time: 30 minutes
Number of Steps: 14


This is what you’ll be creating:

preview


Step 01

Open a new 500px by 500px document. Select the Ellipse Tool(L) and create a perfect circle like the one shown in image #1. Pick the Direct Selection Tool(A), select the top anchor point and move it a few pixels down(image #2). Fill this shape with R=208 G=226 B=234 and add the Inner glow shown below. Select this shape, and add a new fill (from the Drop Down menu of the Appearance pallete) and use the gradient shown below image #4.


Step 02

Select the Ellipse Tool(L) and create a squeezed circle like the one shown in image #1. Pick the Direct Selection Tool(A), select the bottom anchor point and move it a few pixels up (image #2). Fill this shape with R=208 G=226 B=234 then add three new fills and use the gradients shown in images #4, #5 and #6. Don’t forget to lower the opacity of the last fill to 50%.


Step 03

Create two copies of the shape made in the previous step. Select the copy placed in front and hit the down arrow once. Next, select both copies and click on the Minus Front button from the Pathfinder pallete. Fill the resulting shape with R=156 G=184 B=198.


Step 04

Reselect the Ellipse Tool(L), create a shape like the one shown in image #1, move it in the back (Shift+Ctrl+]) then fill it with R=208 G=226 B=234. Next, add a new fill and use the gradients shown in image #2.


Step 05

Once again select the Ellipse Tool(L) and create a squeezed circle like the one shown in image #1. Rotate it 75º (Object > Transform > Rotate). Fisrt, fill this shape with R=196 G=216 B=225 then add a new fill and use the gradient shown in image #3. Create two copies of this shape. Select the one placed in front and and move it a few pixels down. Next, select both copies and click on the Minus Front button from the Pathfinder pallete. Fill this new shape with R=183 G=206 B=216.


Step 06

Duplicate the shapes made in the previous step. Move these copies to the left and flip them horizontally. You can do it with the Reflect Tool(O) or through Oject > Transform > Reflect (check the Angle box and fill it with a 90º angle).


Step 07

Now, continue with the ears. Reselect the Ellipse Tool(L) and create a new shape like the one shown in image #1. Pick the Direct Selection Tool(A), select the top anchor point and move it a fex pixels down (image #2). Rotate it then fill it with R=190 G=212 B=221. Add a new fill for this shape then use the gradient shown in image #5(don’t forget to lower its opacity to 80%).


Step 08

Duplicate the shape made in the previous step. Select this copy then hold Shift+Alt and resize it as shown in image #1. Fill it with the color and the gradient shown in image #1 and #2. Create two new copies of the shape created in the previous step. Create two copies of the ear shape (the one made in the previoue step). Select the one placed in front and and move it a few pixels to the right. Next, select both copies and click on the Minus Front button from the Pathfinder pallete. Fill the resulting shape with R=150 G=179 B=193.


Step 09

Duplicate the shapes made in steps #7 and #8. Move these copies to the right, flip them horizontally and place them as shown in the image below.


Step 10

For the tooth select the Rounded Rectangle Tool and create a simple shape like the one shown in image #1. Fill it with white then add a new fill and use the gradient shown in image #2. Create a copy of this shape and place it as shown in image #3.


Step 11

Now, the eyes. Create a new layer,name it “EYES” and move it below the shape of the nose (in the Layer pallete). Select the Ellipse Tool(L) and create a shape like the one shown in image #1. Fill it with R=255 G=255 B=255 and add the Inner glow shown in image #1. Add a new fill for this shape and use the gradient shown in image #2. Reselect the Ellipse Tool(L) and create a shape like the one shown in image #3. Fill it with R=128 G=128 B=128 then add the Inner Glow shown below. Duplicate all these shapes move them to the right and flip them horizontally.


Step 12

Now,let’s add a discrete contour for the eyes. Select the left eyeball (the one filled with white) then go to Object > Path > Offset Path and add a 7px Offset. Pick the Direct Selection Tool(A) and select the left and the right anchor points of this new shape. Switch to the Scale Tool(S), hold Shift then click-drag from the inside out to resize the shape as shown in image #3. Repeat these steps for the right eyeball. You should get two shapes like those shown in image #4. Select them and click on the Unite button from the Pathfinder pallete. Move the resulting shape in the bottom of the “EYES” layer then fill it with R=185 G=208 B=218. Finally, add a new fill for this shape and use the gradient shown above image #6.


Step 13

Once again select the Ellipse Tool(L) and create a small circle like the one shown in image #1. Fill it with R=193 G=214 B=223 then create six copies of this shape and place them as shown in image #2. Duplicate these seven circles flip them horizontally and move them to the right (image #3).


Step 14

Duplicate all the shapes created so far. Select hese copies and click on the Unite button from the Pathfinder pallete. Move this new shape in the bottom of the Layers pallete, move it a few pixels down and to the right. Fill it with black, add a 5px Gaussian Blur effect then lower it’s opacity to 15%. Finally, for the background, select the Rectagle Tool(M) create a 500px by 500px square, fill it with the gradient shown in the following image and move it in the bottom of the Layers pallete.


Final

Now your hippo face is done. Here is how it should look like:

Categories: Characters

15 Responses

  1. Loocer says:

    Really nice and detailed tutorial.
    And the Hippo is real cute.

  2. sallory says:

    very useful & detailed tutorial
    thnx alot!

  3. Landogriffen says:

    Awesome tutorial

  4. James Bond says:

    I love Hippos
    I’m Bond
    James Bond…..

  5. kiabythis tutorial says:

    LEARN TO SPELL! And also, it was very hard to follow, you didn’t explain things quite well for the novice… I spent many minutes just trying to figure out what you meant.

    • Marius says:

      I just made some modification to the text. I’m tring to improve my spelling with every tutorial and I apologize if I made you waste your time. Also, I tried to make it as detailed as I could. This is a tutorial dedicated to intermediate Illustrator users (Difficulty: Intermediate) so, unfortunately, if you’re a novice you might find it hard to understand some of these indications. Or I simpy suck at explaining.

  6. Ghada says:

    I also found some difficulty figuring out some points, but you made a great effort. Thank you very much for this useful toturial :)

  7. WP Themes says:

    Nice post and this post helped me alot in my college assignement. Thank you for your information.

  8. Took me time to read all the comments, but I really enjoyed the article.

  9. spring_girl says:

    thank u

  10. Loopy says:

    This is a very good tutorial I found it very useful :)

  11. edeone says:

    Thank u very much!

  12. DOX says:

    Thx a lot, from Romania!

  13. aamer says:

    Very helpful I have learned few more new things, creating outlines, gradients etc. Thank you again for a complete detailed tutorial.

Leave your comment

    preview
    Finder Logo
    BMW Logo
    Flask Illustration
    Cube