Create a Cute Vector Penguin Character in Illustrator

Read the article

Follow this step by step Adobe Illustrator tutorial to create a simple vector penguin character. We’ll be using many of Illustrator’s basic shapes to create the structure of the character, which makes this tutorial great for beginners. We’ll then make use of various gradients to really bring the character to life with depth and dimension.

Vector Penguin character

Here’s our cute little chubby penguin character we’ll be creating as part of this tutorial. The whole body is created from various circles and ovals which help give the penguin that cute and friendly appearance, while the gradients and shading help lift the character from the screen with a three dimensional illusion.

View the full size penguin character

Open up Adobe Illustrator and draw an oval on the artboard, then select and drag the lower most point vertically upwards with the Direct Selection Tool.

Overlap another oval shape to outline the belly fur, then align the two shapes centrally along the Y-Axis.

We’ll need to trim down this new shape so copy (CMD+C) and paste in front (CMD+F) a duplicate of the original body outline and send it to the top (CMD+Shift+]). Select this duplicate along with the belly shape and hit the Intersect option from the Pathfinder palette to trim it to size.

Draw another oval to act as a wing. Paste in another copy of the body and use it to trim down the wing shape.

Copy and paste another wing onto the artboard then go to Object > Transform > Reflect. Position the new wing on the opposite side of the body.

Draw a basic foot using three angled ovals. Merge them all together with the Pathfinder palette, copy, flip and position a duplicate on the other side.

Create an eye using three differently sized circles. Offset the pupil to give the penguin a cute dazed look. Copy, paste and flip a duplicate of the eye shapes and position them next to the originals.

Use another oval as the penguin’s beak, but drag the lower most point downwards and adjust the bezier handles to make a slight point on the lower edge.

Now the basic structure and linework is complete we can begin bringing the character to life with colour. Replace the default fill and stroke with a grey to black gradient then adjust the angle so it flows radially from the centre of the body.

Give the eyes a subtle gradient of their own using a soft grey to white. Adjust the gradient shape to match the outline of the eyeball.

Use a similar grey to white gradient on the belly shape. Adjust this gradient so the lower portion has more grey shading to give a three dimensional appearance.

For the wings we’ll use the Gradient Mesh tool. Fill the wings with black first of all, then make a single click in the lower portion of the wing. Select a lighter shade of grey to add this colour to the gradient mesh point. Illustrator will automatically flow the gradient across the shape.

Add another gradient mesh to the beak, but this time start with an orange base colour and add a light yellow tone near the top edge to act as a highlight.

Create a couple of nostrils by overlapping two circles. The bottom circle should be the lighter yellow tone to create a kind of highlight effect.

Add the grey to black gradient to the two remaining circles around the eyes as linear gradients, then reduce the opacity to around 50%.

Our penguin is really starting to come to life now it has colour, but there’s a couple more little touches that will help add more definition.

Select the beak and eyes then go to Effect > Stylize > Drop Shadow. Alter the offset to zero then add the effect.

Elsewhere on the artboard draw a small oval with a grey to transparent linear gradient fill.

Hold Shift and Alt to drag a duplicate horizontally, then repeatedly press CMD+D to create a complete line. Hold Alt while dragging a copy of the whole line to create an offset row, then press CMD+D until you have a whole series of patterned shapes.

Group all the shapes together then overlay them over the penguin’s belly area. We’ll need to copy the belly shape to use as a tool with the Pathfinder so press CMD+2 to lock the pattern shape so you can select the underlying elements.

Paste in the belly duplicate and send it to the top (CMD+Shift+]), then with both elements selected (CMD+Alt+2 to unlock all) hit the Crop button from the Pathfinder palette.

Go to Object > Envelop Distort > Make with Warp and select the Bulge effect. Adjust the setting to give the feather pattern a more three dimensional appearance.

Convert the envelope distort effect to solid shapes by heading to Object > Expand and selecting just the Object checkbox.

The pattern has broken out of the original belly outline, so paste in another copy of the shape and repeat the Crop function from the Pathfinder to trim everything back to size.

Adjust the opacity of the feather pattern elements so they add to the detail of the character but aren’t too overpowering.

Vector Penguin character

Our cute vector penguin is now complete. We’ve managed to create a whole character using nothing other than circles and ovals, with the help of gradients and shadows to add a touch of depth and dimension to the design.

Download the source file

Join the mailing list and receive my design resources bundle FREE!

Join the mailing list to have every new post hand delivered to your email inbox. Every subscriber gets a FREE bundle of 40+ icons, vectors, brushes & textures!


  1. nice art…keep in touch.

  2. mags says:

    Thanks this is a simple and well explained step-by-step guide. Bit of a novice at this kind of stuff so I’m well pleased

  3. PsdDude says:

    it looks simple but really cute :)

  4. Simon says:


    Great tutorial. Reading this makes it look so simple where as when I open AI it is often hard to know where to start.

    Thank you
    Colchester, UK

  5. Bryan Lean says:

    I like how it look like an egg and a penguin at the same time :D

  6. britt says:

    I’m a beginner with illustrator and all those programs,
    but could understand very well!
    Thanks you for adding this stuff.


  7. stella says:

    very nice tutorials, good techniques, simple and easy descriptions!!!

  8. Simple stuff, but a great looking penguin, yes.

  9. konut haber says:

    Thanks , very well …

  10. ah nevermind, i needed to use minus front instead of intersect

  11. good description about the…

  12. emlak kulisi says:

    I followed this tutorial and found it to be a great practice session, so thanks for making it.

  13. All your vector dudes are so awesome! Thanks again Chris!

  14. Fred says:

    Amazing. so talented

  15. easy and simple, well explained, just had a try over it
    thank you for the post

  16. Haris Tahić says:

    Again, great article, simple but still good explained.

  17. lxn says:

    As usual awesome tutorial!

  18. Danny says:

    hmm cool. I love this kind of tuts.

  19. Hugo says:

    Nicely written and easy to follow. I tried my luck with writing a Photoshop tutorial the other day. Definitely not as easy as one would think.

  20. applause says:

    Good tutorial, especially the gradient manipulation and pathfinding elements.

  21. Yosh says:

    I followed this tutorial and found it to be a great practice session, so thanks for making it.

    I ended up with a penguin quite a bit fatter than yours:

  22. Quang Cao says:

    I’m not experienced in designing, but i see your work is nice !

  23. Cinthya says:

    Nice tutorial I really enjoyed it . Thanks.
    This is how mine turned out

  24. Vijay says:

    When I try to intersect the wing with the main body shape it cuts off the part of the wing outside of the body shape instead of the part that overlaps the body shape.. (the opposite to the example image). I’ve tried changing the order of the layers but it still has the same result.. What am I doing wrong?

  25. Simple stuff, but a great looking penguin, yes.

  26. couples club says:

    good description about the………………..

  27. zahra says:

    Thanks , very well …


Comments are now closed