Create an A-10 Warthog, Character Illustration


In this tutorial, we'll go through the step by step creation of a cute illustration of an American classic war plane, the A-10 Warthog. This design is intended for branding a boys bicycle. Even if you are a more advanced Illustrator user, you will follow techniques that can streamline your own process.

You can find the source files in the directory labeled 'source' that came in the files that you downloaded. You may wish to look through them briefly before we begin.

Step 1

First, let's talk a little about the concept. I know this is going to be an illustration used on a boy's bicycle. With that in mind, I quickly sketched up an A-10 Warthog that is age appropriate.

My process with sketching is pretty simple, I start off using a drafting pencil with non-photo blue. As you can tell from this, it really isn't non-photo, but it works great for roughing in a sketch. Knowing this is a kids illustration, the goal isn't too necessary worry about exact proportions, but rather making it a "character" more than an aircraft. Since I do not own a scanner, a quick photo with my iphone, and we are ready to start.

Step 2

If you open up the file, "," you will see that I have already placed the linked image and we are ready to begin. Notice we have two layers, "illustration" and "BG." I have placed the illustration on the "BG" layer and locked the layer... this is so we can quickly turn off the background, and not accidently select the image while we are working. Let's begin.

Step 3

First, select the Ellipse Tool (L) and create a circle (hold Shift while dragging) roughly the size of the front engine intake.

Step 4

Next, rotate the circle and transform the circle so that it fits the engine intake.

Step 5

Now, with the circle still selected, Copy (Command + C) and Paste in Front (Command + F). Now scale that ellipse while holding Shift so that it is smaller than the original. See the image below for reference.

Step 6

Now use the Pen Tool (P) to draw the engine shape, as seen below.

Step 7

Note - when using the Pen Tool, it is important to use as few points as possible to create the shapes. The colored circles below represent where I created points. On this shape, I started where you see the blue circle and then went to the green circles, and finished with the orange circle. Understanding that this shape will be behind the engine intake is important, as "closing" the shape doesn't have to be pretty... just fast.

The purple circle is just created to allow for closing the shape... which happened when I clicked on the original blue circle. Remember to use Alt to adjust the handles. If you need more assistance with using the Pen Tool, visit the following tutorial: Illustrators Pen Tool: The Comprehensive Guide.

Step 8

Next, select the inner ellipse and Copy and Paste in Front. Then Alt-click and Drag to duplicate the inner circle. Use the image below for reference as to where to drag it to.

Step 9

Now, select both the newly created circle (represented in black below) and the copied inner ellipse (represented in red below), and under the Pathfinder Pallet select the Intersection icon (highlighted in green below).

Step 10

This is what you should end up with.

Note - I hid the inner circle (Command + 3) to illustrate the shape that we end up with, but as you can see from the following images, I unhide it (Command + Option + 3).

Step 11

Now select the outer circle and the engine shape, and select the Union icon in the Pathfinder Pallet.

Step 12

Now let's move on to the body, use the Pen Tool to create the main body shape.

Step 13

Next I created the wing. At this point I realized that my perspective was really off in my quick sketch...

Step 14

So I selected everything and Reflected it. I do this often when working on illustrations, as it helps make sure things look right. It really is amazing how off things can be sometimes, and you never notice it until it is reflected.

Step 15

Here is the reflected image... I need to rotate the wing...

Step 16

Here is the adjustment I made to the wing, I think this looks MUCH better, let's continue...

Step 17

I filled in all the shapes with a good green (PMS 350 is perfect).

Note, if you have drawn all of these shapes in the order I have thus far, the body of the aircraft is in front of the engine. To fix this, select the body and send it to the back, Command + Shift + [.

Step 18

Now let's work on the other wing. At this point I am deviating from my sketch, so I made some quick guides (as seen in blue below) so that the perspective on that wing will match.

Step 19

Next, draw the wing.

Step 20

Fill with Green.

Step 21

And then send to back, Command + Shift + [.

Step 22

Now, draw the cockpit canopy.

Step 23

We need some separation from the cockpit canopy, so I made a little "frame piece." When done drawing, fill with a darker green and send it back behind the cockpit canopy, Command + [.

Step 24

Select the whole engine, and Alt-click & drag to where the other engine is located.

Step 25

Once in place, send to the back, Command + Shift + [.

Step 26

I felt like the back engine was a little too large, and I wanted to modify the perspective of the engine a bit. I squashed it a bit using the Transform Tool, and then rotated it some, and modified the shape a touch.

Step 27

There we go, MUCH better. This is looking pretty good so far!

Step 28

Since I really like where this is going, I want to give it a bit of character... the easiest way to do that is to play with line weight. In the past, this was a PAIN to do. It involved offsetting paths, scaling, and redrawing a bit. THANKFULLY, Adobe has incorporated a line weight tool called Width Shift. The icon is highlighted below, and the keyboard shortcut is Shift + W, which is easy to remember... SHIFT the Width of the line.

Step 29

The goal here is to give the object a bit of line width variation. This is to accomplish a few things:

  1. Make the illustration more interesting.
  2. Give the plane a bit more weight, to ground it.
  3. Adds character to the illustration.

Step 30

I also decided to weight the front a little. This helps add depth between the engine and the body.

Step 31

Here is the outcome of the line weight adjustments. As you can see, what this tool actually does is create a stroke profile, as you can see in the Stroke Pallet.

Step 32

Now, lets do the same to the back engine.

Step 33

Here is the outcome...

Step 34

Let's also adjust the line weights of the inner ring. This one, we will weight the top because it is the inside of the engine intake.

Step 35

Here is the outcome of this. You can see this really adds interest to the illustration.

Step 36

And now, let's adjust the weight of the other engine intake.

Step 37

At this point, we need to adjust the line weight on the body.

Step 38

It's looking good so far! If you have made it this far, give yourself a pat on the back, and lets continue!

Step 39

Now, let's draw the tail section. I started with the piece closest to us. I deviated from the sketch, but I will discuss that more during Step 41.

Step 40

Repeat the process for varying the line width, using the Width Tool.

Step 41

I want to take a moment to explain why I didn't stick to the sketch. The plane so far has a lot of character, and it almost has a slight fish-eye lens look to it. I wanted to continue this on the tail (which I didn't do on my sketch). I've drawn blue lines in there for reference to show the angel we would use if we were trying to make it "accurate."

Step 42

Go ahead and Command-click + Drag the tail over to the other side to make a duplicate.

Step 43

And now send it to the back, Command + Shift + [.

Step 44

I decided to scale and tuck the back tail in a bit. The highlighted tail below shows how much I moved and scaled the tail.

Step 45

I quick flip, to make sure it looks right... I have done this around 5 times so far. It is always good to do this when illustrating to give your eyes a fresh look.

Step 46

Now, lets give the wing some weight by adjusting the width of the stroke, just like we have done on all the other pieces.

Step 47

And now the other wing.

Step 48

Here is the progress so far.

Step 49

Now, lets draw the wing tank. Remember, we deviated from the sketch a little, so keep that in mind when drawing.

Step 50

Adjust the line weight of the wing tank.

Step 51

Command-click + Drag to duplicate.

Step 52

Now scale it down a bit. Since this will be hidden by the canopy, it doesn't have to be accurate in scale.

Step 53

Next, draw the tail fin wing. You can either send it back, until it is in the right place OR you can be creative in what you bring forward. This is all a personal preference of course. In this instance, I selected the closest tail fin, and the closest engine and pulled them to the front.

Step 54

Next I drew the end of the tail wing.

Step 55

I filled everything back with color, and adjusted the weight of the end piece.

Step 56

At this point, we have the base of the illustration completed, so now we can just add details.

Step 57

And on the other side.

Step 58

Next, I added a flap to the wing

Step 59

Now open up ""

Step 60

Copy and paste the mouth into the illustration.

Step 61

Scale it down just a bit, and we are going to distort it into place. With the mouth still selected create an Envelope Mesh, Command + Option + M. I used a 4 by 4 mesh.

Step 62

This will take some time, but move all of the points and handles until you have something you like. See below for basic reference.

Step 63

Next, draw the tusk.

Step 64

Alt-click + Drag the tusk to make a duplicate.

Step 65

Select the back wing and the tusk, and send them to the back.

Step 66

Now let's draw the warthog nose.

Step 67

Now that we have the base completed, we can draw the nostrils.

Step 68

Next, to give the character more life, we are going to create some nose wrinkles.

Step 69

Don't forget to use the Weight Tool to adjust the line width. Make sure they are filled with green as well, to block the artwork behind them.

Step 70

Group the nose , Command + G, and bring the group to the front, Command + Shift + ].

Step 71

Now, draw the eye.

Step 72

For the inner part of the eye, create a circle and apply a radial gradient with red on the outside, and green on the inside.

Step 73

Copy and Paste in Front, and fill with black. Then scale down as shown.

Step 74

Then move the eye into place, rotate it a bit, and pinch in the sides to give it some perspective. Go ahead and group these together as well.

Step 75

Copy the white part of the eye, and paste in front. Now select both the white part, and the inner eye, and create a Clipping Mask (Command + 7).

Step 76

Next, draw the underside of the eye socket.

Step 77

Adjust the line weight

Step 78

And do the same two steps for the other side.

Step 79

Now we need to make some missile docks. Lets start with the close wing...

Step 80

Duplicate it a few times and position accordingly.

Step 81

Now copy those three docks over to the other wing. I also scaled down a little bit as well.

Step 82

Select the ring running around the engine intake...

Step 83

Move it so it is on top of the recessed black area. I made this stroke red for visibility only. Copy the circle and Paste in Front, then hide what you just pasted (Command + 3).

Step 84

Now scale it down while holding the Shift key so that it scales proportionally.

Step 85

I adjusted the left anchor point so that the shape has a bit of a point on it. Use the image below as a reference.

Step 86

Make the shape gray, and copy it over to the other intake.

Step 87

Now we are going to create the fan within the engine intake... start by making the circle.

Step 88

Now create a rectangle, use the image below as reference...

Step 89

Create two points on the the sides of the rectangle and move both points towards the middle as seen below.

Step 90

Select the "rectangle" and rotate it 45 degrees, hit the "Copy" within the dialog box.

Step 91

Duplicate that action by pressing Command + D two times.

Step 92

Select the circle, and scale the circle a bit so that it is inside the rectangles, see the image below as a reference.

Step 93

Select all the rectangles, and use the Pathfinder Union Tool to create a unified shape.

Step 94

Now, select both the fan and the circle, and select the Pathfinder Intersect Tool (the icon third from the left).

Step 95

Unhide the circle that we hid before (Command + Alt + 3). Now Copy and move the fan in over the circle. Scale it so that it fits roughly the shape of the circle. Use the image below as a reference. Once it is scaled, hide the red circle again.

Step 96

Bring the nose of the intake fan to the front by selecting and and using the following keyboard shortcut, Command + Alt + ].

Step 97

Select the black shape behind the fan, bring to the front (Command + Alt + ]) and while holding shift, select the fan. Now create a Clipping Mask (Command + 7).

Step 98

Repeat the process on the other intake, or just copy and past the fan, then create a new clipping mask using the left engine intake black area. We are ALMOST done... one final little step.

Step 99

Unhide the red circle, add and delete points using the Pen Tool to make the shape seen below.

Step 100

Make the red circle stroke black, and adjust the line weight. Repeat this process on the other side.

Final Image

WE ARE DONE! I hope you enjoyed this tutorial. Feel free to ask questions in the comments.

Related Posts
  • Design & Illustration
    How to Create an Ornate, Vintage, Poster Design in Photoshop0964 fury preview400x277
    In this tutorial, I will show you how to create a vintage-style poster design, complete with ornate typography and illustration. We'll look at the whole design process from start to finish, showing how to plan your piece, work up and colour the illustration, design the typography and border, and a few simple tricks to give it a bit of depth and interest. It's quite a long process, but I have included a lot of useful techniques that you'll be able to use in a wide range of projects. Let's get started!Read More…
  • Design & Illustration
    Dragon in a Snow Globe: How to Vector a Baby DragonSnowglobedragon 400x400
    Do you remember how magic snow globes used to seem when you were a child? We can bring this magic back by creating a virtual snow globe with a little dragon inside. In the first part of this tutorial we've drawn a baby dragon, now it's time to create a home for it! You'll learn how to use a variety of Adobe Illustrator tools to create a complex illustration; textures, Clipping Masks, 3D tools, Gradient Mesh, color management and many, many more!Read More…
  • Design & Illustration
    Text Effects
    How to Create a Paper Quill Holiday Greeting in Adobe IllustratorQuilled 400
    There's something so elegant about holiday greeting cards with their gilded script fonts, glittery snowmen, and often paper craft designs. One such craft that I long for the time and patience to practice is that of paper quilling (or paper filigree). Not only does the art form allow for intricately designed curves, spirals, and loops, the look of the final product, like most sculpture, can change with the way the piece is lit. Follow along for a tutorial on bringing this art form to your desktop via Adobe Illustrator CC, where we'll play with fonts, brush styles, and faking some studio lighting for a seasonal greeting. Read More…
  • Design & Illustration
    How to Create a Holiday Themed Typography Piece in Adobe IllustratorChris holiday 400
    Tis the season to be jolly, so why not spread some of that joy and cheer around? This tutorial will teach you a few techniques for altering fonts and manipulating their alternatives in Adobe Illustrator to create a unique, holiday inspired typography piece. Read More…
  • Design & Illustration
    Create a Cute Winter Seamless Pattern in Adobe IllustratorWinter bullfinch pattern400
    Winter is a season of warm cozy clothes, white fluffy snow and clean bright colors. In this tutorial we will get inspired by this magical season and create a cute winter seamless pattern consisting of simple objects. We will go through the process of creation of every element in Adobe Illustrator and end up with forming a swatch using the Pattern Tool. Let's get started!Read More…
  • Design & Illustration
    Use Basic Shapes to Create a Complex Catrina Poster in IllustratorCatrina 400x400
    In this tutorial, we are going to create a Catrina poster illustration in Adobe Illustrator, by using mainly geometric shapes like the rectangle, circle, polygon, etc. We will also be using the Pathfinder panel, the Outline Stroke option, Offset Path and the Zig Zag effect, all this while using only three colors. So let's get started.Read More…