How To Draw Ferb Step By Step
Posted on 12. Jul, 2010 by Ilie Ciorba in Tutorials
Phineas and Ferb is an animated television comedy series. They are also known as “Disney’s Phineas and Ferb“. This tutorial is about only Ferb where we will guide you how to draw Ferb step by step in Illustrator. It’s a very basic tutorial where beginners can also practice this easily. You can also download the source file of Ferb at the end of this tutorial. So let’s start …
Step 1: Set Up
Open Adobe Illustrator and create a new print document in landscape mode. Mine is 500 by 800 pixels.

Step 2: Head Shape
Rename “Layer 1” to “Head” and press “M” to select the Rectangle Tool. Draw a rectangle 70 by 220 px.

Set # FCDABB as fill color, this is also the skin color of this character and # C98526 as stroke color (stroke width 2pt).

Press “A” to select the Direct Selection Tool, click on the bottom left anchor point to select it, hold down the Shift key and press the Right Arrow key on your keyboard to move it 10px to right.

Move now the bottom right anchor point about 20px to the left.

Step 3: Eyes
We have finally achieved the needed head shape. Now, let’s draw the eyes. We’ll start from the left eye. Using the Ellipse Tool (L) draw a 50 by 68 pixels ellipse. Give it a white fill and a 2pt black stroke.

To create the pupil of the eye, select “none” for the stroke and black as fill color and with you Ellipse Tool still selected draw a small ellipse inside the eye. Then change the fill color to white again and draw an even smaller ellipse for the highlight.

Make a copy of the whole eye and move it to the right. Make the right eye smaller, not as tall as the left one.

Rotate the pupils of both of the eyes clockwise just a bit.

Step 4: Nose
Press “P” to select the Pen Tool and try to draw a simple nose path as you see in the image.

Go to Effect > Stylize > Round Corners and enter 15 px value.

Hit ok, and the press “Ctrl + [” three time to send this path under the right eye paths.

Step 5: Ear and Mouth
Grab your Pen Tool once again and try to draw a small ear path on Ferb’s head. Apply the same fill/stroke colors as for the rest of the skin.

Draw one additional decorative path inside this one.

With Pen Tool still selected draw that simple mouth shape.

Step 6: Hair
Create a new layer above the “Head” and name it “Hair“. Select the Pen Tool, set #1BAD5A as fill color and #0D8744 as stroke color and draw the hair path as you see in the image. This requires some basic pen tool drawing skills.

Now draw two more open paths to add more detail to the hair.

Step 7: Shirt
For the shirt, start from an unfinished square path, and then (using Pen Tool) continue to the right sleeve.


You shouldn’t worry about that little gap, we’ll cover it later. Fill this path with #FDF5AD.

Continue and draw the right sleeve.

Use the Ellipse Tool to draw a button on the shirt, give it a white fill and a 20% gray, 2pt stroke.

The collar can be created by uniting two triangles using Pathfinder’s Unite command or using Pen Tool, which I found easier and faster to do.

Step 8: Pants
Create a new layer above the rest and name it “Pants“. Set #55348E as fill color and black as stroke color, grab your Rounded Rectangle Tool and draw a rectangle.

Use the Eraser Tool (Shift + E) to delete the top part of the rectangle. Try to keep two additional anchor points as you see in the image.

Select those anchor points and move them up and to the sides.

Select the Pen Tool again and draw a short curved leg with the same fill/stroke colors.

Using the Rounded Rectangle Tool draw a rectangle at the end of the leg.

Step 9: Legs and Shoes
Use Pen Tool to draw the visible part of the leg, apply the same settings for fill and stroke colors as the rest of the skin.

For the sole of the shoes, draw a ellipse filled with white and with a 2pt black stroke, rotate it clockwise just a little.

Make a copy of this path, make it smaller and fill with black.

Using Pen Tool with default fill, colors settings (press “D” to reset to defaults) and a 2pt stroke decorate the shoe and draw the sock.

Select the whole leg with the shoe, make a copy of it, reflect it and place it on the right side of the body.

Step 10: Hands
The fastest way to draw the hands is using the Pen Tool, this requires some skills, so give it a couple of tries. Start by drawing the outer edge of the right hand and Little finger on the “Shirt” layer.

Then, continue with the rest of the fingers and the inner part of the hand.

Just like we did with legs, make a copy of it, reflect and paste it under the left sleeve.

And the last detail, choose #7480BD as fill color, press “M” to select the Rectangle Tool and draw 4 rectangles of different width to illustrate the belt.

Final Result

Download Source File
- How To Draw Ferb (Zip, 182 KB)
Download the testking 312-50 tutorials to learn how to draw cartoon sketch in photoshop. Learn the best web designing skills using testking 1Y0-A08 guide and testking 646-985 live demo.
Written by Ilie Ciorba
Ilie Ciorba is the person behind vectelligence, he is also a graphics designer and a freelance illustrator, his favorite areas of design includes illustration, comics and character design as well as creating web graphics.













25 Comments
Tweets that mention How To Draw Ferb Step By Step -- Topsy.com
12. Jul, 2010
[...] This post was mentioned on Twitter by Net. Net said: RT: Cool!!! but i think i can not do the HANDS…-/- Thx! @smashingshare How To Draw Ferb Step By Step http://bit.ly/9aOwBm [...]
Gabe Diaz
13. Jul, 2010
My son loves this show (I even bought the soundtrack on iTunes) and watches it all the time! Great walkthrough, hope there’ll be a Phineas and Perry tut coming as well!
Clipping Path
13. Jul, 2010
wow! awesome post! thanks a lot for sharing
Ilie Ciorba
13. Jul, 2010
You’re welcome guys!
PVMgarage
13. Jul, 2010
Great step by step guide!
How To Draw Ferb Step By Step | Tutorialicious.info
13. Jul, 2010
[...] Go here to see the original: How To Draw Ferb Step By Step [...]
Quicken Websites
15. Jul, 2010
Nice, I guess if you want to kill some time
))
nurap
16. Jul, 2010
very well explained…
I like this kind of tutorials
do you use inkscape for drawing?
visit my page for more like this one
Ilie Ciorba
16. Jul, 2010
No, just Adobe Illustrator, but I was thinking about trying soemthing else.
50 Most Creative Character Illustration Tutorials | Cairns Web Design
27. Jul, 2010
[...] 44. How To Draw Ferb Step By Step [...]
50 Most Creative Character Illustration Tutorials | CG Stream
27. Jul, 2010
[...] 44. How To Draw Ferb Step By Step [...]
35 Innovative And Fresh Illustrator Tutorials | crazyegg.net
28. Jul, 2010
[...] How To Draw Ferb Step By Step [...]
50 Most Creative Character Illustration Tutorials | Programming Blog
29. Jul, 2010
[...] 44. How To Draw Ferb Step By Step [...]
50 Tutoriales creativos de ilustraciones | Recursos para Diseñadores Gráficos y Web | Creativos Online
30. Jul, 2010
[...] 44. How To Draw Ferb Step By Step [...]
tchibo gutschein
05. Aug, 2010
i like it
50 Most Creative Character Illustration Tutorials | LionWebMedia.com
19. Aug, 2010
[...] 44. How To Draw Ferb Step By Step [...]
Stacey
22. Aug, 2010
Are you planning on adding Phineas? I have to tell you that out of 100+ things in my RSS feed, this totally caught my attention and I just had to read it first.
35 Hand-Picked Illustrator Drawing Tutorials From 2010 | Programming Blog
18. Sep, 2010
[...] How To Draw Ferb Step By StepThis tutorial is about only Ferb where we will guide you how to draw Ferb step by step in Illustrator. It’s a very basic tutorial where beginners can also practice this easily. [...]
65 Very Useful Adobe Illustrator Character Tutorials To Help You Create Your Own | DesignBeep
02. Nov, 2010
[...] character and lovely, colorful bubbles.There are sone good techniques used in this tutorial. 18.How To Draw Ferb Step By Step It is a basic illustrator tutorial for beginners.All the steps are well described. 19.How To [...]
Adobe Illustrator Tutorials to Fuel Your Creative Vector Skills | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net
11. Jan, 2011
[...] How To Draw Ferb Step By Step [...]
15 Detailed Drawing Tutorials For Adobe Illustrator | YusraBlog
14. Jan, 2011
[...] in IllustratorCreate the Face of a Greedy MonkeyHow To Draw A Funny Cop Illustration From A SketchHow To Draw Ferb Step By StepCreate a Tiger Striped Cat with IllustratorHow to Illustrate Dynamic HairWooden Smoking PipeCreate a [...]
katie
18. Jul, 2011
they are so confusing
katie
18. Jul, 2011
why are these so confusing and dose anyone here think that aelians are real because i think they are real.
Ben
20. Jul, 2011
Whoa… Wicked! Thanks heaps for posting this. It is really inspiring. I tried illustrating a mascot design for a project of mine and couldn’t seem to get it right. In the end I decided on getting some professional help. The designers at http://www.mascotdesigncorner.com managed to realize my vision of illustrating a character design that was above expectations. I highly recommend them. For the price I paid it was indeed a steal. I guess I am not good at designing at all. Anyway, thanks for providing a source of inspiration I might add. This site rocks big time!
makenzie moss
13. Sep, 2011
OMFG. please, please do an animation version of alex gaskarth (vocalist of all time low) and post a step by step thing and post it on my wall on facebook, PLEASE & THANK YOU.
iloveolobersykes/facebook.com
♥
-makenzie moss
Leave a reply