articles on

Create Courage, The Cowardly Dog in Illustrator

I don't know about you guys, but Cartoon Network was like the Disney of the Tv channels when I was a kid, such a big range of awesome series and characters. So today I decided to pick one of them and highlight on a tutorial. I know some of you may not be familiar with Courage so here's a brief video that explains a bit this hilarious character. I would say this tutorial it's half a case-study and half a tutorial, I'm just saying that before someone may complain of the fast pacing on some parts. Anyway, If you're used with my illustration tutorials, this will not be a big deal, please have fun. Step 1 Ok, let's begin opening Illustrator, create a 31 x 23 cm canvas. Let's begin with the background. Using the rectangle tool (M) create two big rectangles and thin one between then, just like the sample bellow. Select the upper one and go to the gradient panel, create a golden radial gradient on it, use the gradient tool (G) to posicionate it on the right place. Add another gradient on the lower big rectangle, use the previous tool to place it on the correct place. I decided to apply a pattern on the upper one in order to make it look more like a grandma house ambient. You can get this texture here. Later I used the blending mode multiply, with the texture over the previous gradient. I also decided to apply some wood texture on the ground, go it on the same place. Yeah and as you can see, i did the same with the thinner one, just watch for the bleding modes and the gradient directions. Step 2 So, I did a rough sketch of what I would like to obtain, the main concept was to make Courage's shadow a frightening demon image. Also, trying to make the best use of the lightning. Create a exclusive layer for the shadows (command + L / ctrl + L) Ok, let's start by the shadow, using the pen tool (P) start by the leg and elbow, the shadow got a refraction on the wall, that's why it look like bend on the half. Before proceeding on the rest of the drawing, you should give attention to the hands, since as most people know, some hands can be very tricky to draw. Ok, then draw the rest of the body as the original sketch. Paste the hand you created, duplicate, reflect and resize it to the other side, then use the pathfinder option called Unite to make then and the body one piece. Unite the legs also. Use the pen tool (P) to create the demonic ways, it's pretty much just like drawing triangles, don't forget to add a bit of perpective on it. After that, draw the sharpy teeth mouth, then select both mouth, eyes and body, go to the pathfinder panel and use the option called Minus Front. Finally, add a black to white gradient to the shadow, use the gradient tool (G) to place it correctly. Then use the Multiply blending mode to make it look like a real shadow. Step 3 Ok, let's skip to the main part, first create a exclusive layer for him (command + L / ctrl + L). Start by making a circle on the belly using the ellipse tool (L). Make a circle and use the previous shape to make a clipping mask over it. Drae the tail using the pen tool (P) Use the ellipse tool (L) to create the eyeballs. And the pupils. Make the head using the rounded rectangle tool Use a simple circle to make the cheek. And also to make his lips Draw his nose using the pencil tool (N). Use the previous tool to make the ears. Draw the sad eyebrowns using the pen tool (P), just make sure they loo like damn scared. Use a ellipse and sharpy shape to create the mouth. Use the pen tool (P) to trace the rest of the snout. The leg it's quite simple: Make it using the pen tool (P), then using the ellipse tool (L) make the fingers, use the selection tool (V) to adjust them. Then you're going to just redo this process three times again. Now let's start blending the shapes, first start by the feet, select all shapes and use the Unite option at pathfinder panel. I used the path eraser tool to erase the bottom of the leg and so give the impression of normal drawing dash. Ok, now unite all arm shapes. Unite the head and body shapes. And all the mouth circles and shapes. Remember the eyebrowns? Ok, let's duplicate both of them, select this copies and the eyeballs and use the Exclude option at the pathfinder panel, this will remove the eyebrown shape form the eyeballs, just don't forget to remove the rest of the shapes. Step 4 Let's add Courage main colors on the shapes we already have. Then let's start adding some fine details. Using the brush tool (B) to make the whiskers. Use the pen tool (P) to make the wrinkles. Also use it to make the teeth divisions. Add some grey shades on the ears and nose using the pencil tool (N) and the pen tol (P). I also added this shades using a similar process used on the legs. Step 5 Let's make anotehr new layer. I drew some drips and pools of blood on the floor, that's pretty basic you just need to draw some round shapes using the pencil tool (N). Then add some white reflexes and lower their opacity. I also added some shades and made a clipping mask on them. I went back on the shadows layer and added some behind those drips on the same direction as the demon shadow. Step 6 Ok, the tv it's pretty simple, first let's draw half of the body using the pen tool (P), also I drew the top of it. Add some perpective corners. Use the rounded rectangle tool to create the monitor. Duplicate, reflect and Unite it. Make the antenna using first a circle and them creating this sharpy shapes using the pen tool (P). Duplicate the monitor shape, then go to Effect > Grain. Let's turn this on real Tv, so use the same set up as the picture of the panel bellow. Add a shadow and a light on the antenna. Ok, now let's add some flat colors on it. But in order to look like a real Tv, it should have some knobs, it's pretty eays to create them, as you can figure out on the pics bellow. Also decided to add a speaker on it, doing the inverse process used on the knobs in order to give depth on it. Later just added a grid over it, just to look as old fashioned speakers. I decided to use a really classy font on the title inside the Tv, so I used this one, don't worry it's free and quite useful. And another sans serif font for the lettering, nothing special. Step 7 Let's go back to the shades layer and make some for the Tv, it's quite easy, just do on the same direction of the previous one, use the pen tool (P) for this task. Now that all the shadows are set, let' only verify If your layers are organized as they should be. Now we just need a main light source, so make a big rectangle that fits all the canvas, use the gradient tool (G) to posicionate it's focus on the lower right on the screen. Then go to the tranparency panel and use the blending mode called Overlay. Conclusion Download the Adobe Illustrator File Download the Adobe Illustrator file used for this tutorial

Beginner Tutorial: Create Dexter on illustrator

Hi everyone, I decided to insert some nostalgia on today's tutorial. Since I'm a guy born in the early 90s, I thought sharing how to draw Dexter would be really interesting and fun. If you've ever watched Cartoon Network you'll probably recognize this little fella at first sight. Let me repeat a simple nugget of information: It's a beginner tutorial, that's right, not too many difficult tricks on today's lesson, but if you want something more wicked, you should definitely check out some other illustrator tutorials on the site HERE, thanks. Step 1 So let's open Adobe Illustrator and make a blank canvas (command + N / ctrl + N), let's not stick with a specific size, use the one you feel more comfortable with. Here are the colors used on the character, you don't need to screengrab it, it's already in the downloadable file at the bottom of the Tut. So, let's begin by making its body. First make a rectangle using the rectangle tool (M). Go to the Brushes panel and choose the one called 5 pt. Oval, it's my favorite since it creates a smooth and thick outline, great for cartoon characters. Now let's make two spheres using the ellipse tool (L), this will be the head and ear. Make a huge one almost at the top of the rectangle, don't forget to add some beige and stroke on it.Let's get a bit familiar with pathfinder panel, but first let's make a cut rectangle. You can do it by using the rectangle tool (M) then adjusting one of the anchor points using the direct selection tool (A). Select both the big sphere and the shape then use the pathfinder option called Minus Front. Then let's repeat this technique in order to define the head and neck of him. This time we're going to use the pathfinder option called Unite. Do the same thing with the ear. Step 2 Let's draw the boots, it's best to use the pen tool (P) when trying to draw this one. Then just add some black fill on it. Let's duplicate it by selecting the boot and using the selection tool (V) + alt. Right click over it, then go to Transform > Reflect. Reflect the vertical Axis. Step 3 Lets add a button using the ellipse tool (L) and a line using the line segment tool (\) on his suit. Let's make his hair. Using the ellipse tool (L) make an ellipse, then using the direct selection tool (A), adjust each point like the the image below. Again using the same tool and make two ellipses. Use the pathfinder option called Unite to make them all one. Using the brush tool (B) you can make these details on the hair. Step 4 In order to make the glass, let's first make a sphere using the ellipse tool (L). Make a rectangle above it, select both, then use the pathfinder option called Minus Front, add a black fill on the shape. Duplicate it and use a blue fill, then using the ellipse tool (L), make a sphere inside of it. Duplicate and adjust the three paths using the selection tool (V). We're going to need to use the pen tool (P) again in order to make the mouth, but that's no big deal. Use the line segment tool (/) to make the teeth and the temples. Finally let's add a white fill on the boots then let's make a sphere on the bottom using the ellipse tool (L). Step 5 You know something, I really hate drawing hands and I bet you don't like it either so let's try to make this part easier. First make two ellipses using the ellipse tool (L) Make a bigger ellipse on the center. Using the polygon tool or the star tool, make a triangle. Use the pathfinder option called Unite to make it one path. Using the pen tool (P), make this open rectangle. And add a stroke on it. You're going to repeat nearly the same technique for the other arm, using the rectangle tool (M) make the arm. Make the triangle again and a sphere. Don't forget to add the stroke on it. This ellipse will be the toe, after creating it use the path eraser tool to cut only a part of it, later you're going to understand why. Make a rectangle between the toe and the hand, it's not a big deal. Using the ellipse tool (L), make the other fingers around the rectangle. Now create a sphere using the ellipse tool (L), then use the Unite option at the pathfinder panel to make the object. Add a bottleneck using the rounded rectangle tool. Using the pen tool (P) you can create the green liquid inside the bottle. Add some bubbles using the ellipse tool (L) and don't forget to add some simple reflexes on it later. Final Result Well, I hope everyone enjoyed trying this. I've tried to make things easier for you guys as you can see we pretty much used basic pre made shapes and avoided using the pen tool. However, even If you're "vector king" there's always some good tricks to learn on a beginner tutorial like this one. Download the Illustrator File Click here to download the Illustrator file used for this tutorial.