adobe illustrator tutorial kid

Adobe Illustrator How to Make a Cartoon Tutorial

In Adobe Illustrator, Step by Step Adobe Illustrator Tutorials by Jason Secrest

Adobe Illustrator Tutorial for Beginners using Cartoon Character

In this Beginner Adobe Illustrator Tutorial, we will be going step by step on how to make a cartoon in Adobe Illustrator. We will be going through how to ink using the pencil tool following our tablet-friendly guide. We will add on our Brushes, edit with Shape Builder, and finish by adding on Halftone Textures.

adobe illustrator pen tool kid
Tablet Friendly Guides

Tablet Friendly Guides are designed to make life easier as you are learning to use the Tablet in Adobe Illustrator. These will have just the simplified path.

Using Pencil Tool

We will be using the Pencil Tool and our Cartoon Brushes to lay down lines and edit. Adjust the settings in your Pencil Tool to Smooth.

Adding Flat Color

Using live paint for a fast way of getting down color without having to use pathfinder to create shapes.

Pencil Tool Options

Here are some of the Pencil Tool Options that I recommend. I will go through some of them so you can modify them depending on your drawing style.

The first slide bar is the Fidelity or Smoothing setting. This one is great for those of you who want to go fast and hate hitting Control/Command + Z (undo) all the time in other programs. This will clean up the line as you draw and will remove unnecessary anchor points.

The main 2 Options that I want to cover is the Keep Selected and Edit Selected Paths down at the bottom. This is so we can edit and join as we go. The ability to join helps a lot and allows us to get back corners that the smoothing will potentially round out. Notice the bottom and the within 0 (zero) pixels. This will remove the rewrite or auto correct which is pretty frustrating if you don't want it.

adobe illustrator pencil tool settings
Image
Image
Image

TABLET SETTINGS

Tablet Settings

Most of the tablet settings that I can adjust have been turned off or disabled. All of the short cuts will come from the keyboard shortcuts for Illustrator not the tablet. If you have a rather large tablet that you can't reach your keyboard then I would set up your Express keys.

Pencil Settings

Turn your smoothing (fidelity) all the way up. This will keep your lines extremely smooth. I would also have the fills turned off. The keep selected box will be on for this tutorial since we are working on joining paths, especially sharp corners.

adobe illustrator preferences for beginners
adobe illustrator preferences for beginners

Zoom In

All of our initial preferences are designed to gain more control over what you are clicking on. The more you can zoom in and see your anchors and handles the better.

Smart Guides

Under VIEW make sure you have your smart guides turned on. Under your PREFERENCES (smart guides) you should definitely have your anchor/ path labels selected.

Anchor and Handle Size

In your (general) PREFERENCES there is a setting which can enlarge your anchor points and handles to make them easier for you to see before clicking.

Direct Selection Tool

The white arrow can grab and adjust the anchors, handles, and paths. All of the other settings are designed to let you know what you are selecting before you click and drag.

Adding on Line Variation using Cartoon Brushes

You will have more control over the placement and width of each of your lines using the Cartoon Brushes (Download + Install). The process will be a combination of using the Brushes to get down the initial thickness and stroke width. The second step will be modifying the placement of the variation using so we can edit it later. This 2-Step Process allows for more control over your Line Variation compared to using your Tablet with Pressure.

STEP #1: DOWNLOAD BRUSHES. Many of you are jumping over from YouTube looking to download our Cartoon and Illustrator Brush Libraries. Our (Updated) 200 Adobe Illustrator Brushes are specifically designed for Illustrators and Cartoonists to speed up their workflows. You can download our 200 Adobe Illustrator Brushes to follow along with the Tutorials or use them with Your Own Vector Artwork.
STEP #2: EXTRACT FOLDERS. The first step will be to download and extract the Resource Folders. The Folders will come as a Zipped Folder on Teachable. Once you have Downloaded and Extracted the Folders, they are ready to be used in Adobe Illustrator. Follow Along with our Resource Guides and Tutorials to practice applying and editing Brushes + Halftones + Textures.
STEP #3: FOLLOW ALONG. If you are following along on YouTube, I recommend starting with our 100 Adobe Illustrator Beginner Tutorials Playlists. This playlist will focus on Building Tools, Applying Brushes, Editing Options, and Basic Coloring Techniques. *I have included our Resources to follow along with the 100 Tutorials Playlist on YouTube and 50 Step by Steps on the Website. 

DOWNLOAD BRUSHES

Image

Adobe Illustrator Brush Libraries include our 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes

DOWNLOAD BRUSHES
70 Adobe Illustrator Cartoon Brushes specifically designed for Cartoonists and Illustrators who are looking to speed up their workflows. Use Cartoon Illustrator Brushes with the Pen, Pencil or Paint Brush Tools to Apply different Line Variation to your Vector Artwork. Includes 70+ Cartoon Brushes (libraries include the Updated Cartoon, Cartoon 2, and Original Cartoon Brush Libraries).
DOWNLOAD BRUSHES
100 Hand Painted + Comic Strip Brushes to get a lived in feel back into your Vector Art. Comic Strips and Hand Painted are painted based on some of my favorite artists and cartoonists. These brushes are designed to look ready for the Sunday Paper. Includes 100+ Brushes (libraries include the Updated Comic Strip, Hand-Painted, Paintbrush, and Fine Liner Brush Libraries).
DOWNLOAD BRUSHES
50 Jittery Hand, Caffeinated Cartoonist + Rough Ink Brushes to Mimic Paper Bleed and Caffeine. Designed to be a little less stiff with your vector art. Use these Brush Libraries to get more of a distressed look or ink bleed back in your own Vector Artwork with heavy ink and a little more wobble. Includes 50+ Brushes (libraries include the updated Caffeinated Cartoonist, Rough Ink, and Jittery Hand Brush Libraries).
ADOBE ILLUSTRATOR

BRUSHES + RESOURCES

OR DOWNLOAD RESOURCE BUNDLE

Editing using the Shape Builder Tool

Shape Builder is a tool that can be used to give an alternative to the Eraser Tool while Editing. In order to use Shape Builder, you will need to Expand the Brush Layer. Select All - Expand (or Expand Appearance + Expand). I do recommend duplicating a Brushes Layer to preserve a Live Brush Layer for future edits. Once the Brushes are Expanded, Select All + click on the Shape Builder Tool. The Alt/Option key will switch the Shape Builder Tool to delete mode. Simply Click or Drag through the stray or overlapped areas to delete. Remember to keep holding down the Alt/Option. You can also Turn On/Off the Highlighting by double-clicking on the Shape Builder Tool. The flashing gets irritating.

Expand Appearance: I do recommend Expanding your Brushes Layer before using Shape Builder. This will prevent bouncing of the Brushes and Line Variation. It will also move toward an efficiency model to save time so you are not stopping and editing while you are still building.

Select your All on Brushes Layer: In order to use the Shape Builder Tool, you will need to select an Object or All Objects so the Tool knows what it should interact with. You can modify what is selected by choosing smaller areas if selecting all becomes too overwhelming.

Hold Alt/Option: When you hold down your Alt/Option Key while using the Shape Builder Tool to Delete Mode. I do recommend turning off the Highlighting when in this mode. Drag or click on any of the overlapped or stray marks to delete using the Shape Builder Tool.

STEP #1: Download the Adobe Illustrator Halftone Folder. Downloading our textures is a straightforward process. All you have to do is Download and Extract All before using in Adobe Illustrator. Our Halftone Patterns are Adobe Illustrator Documents, so there is not any fancy way of opening up the file. Just double-click directly from the Folder or Open from Adobe Illustrator.
STEP #2 Copy-Paste Halftones into a Working Artboard: The goal of this step is to get the Halftones into your design so they populate into your Swatches. All you have to do is Copy and Paste them over into the Artboard you are currently working on. The Halftones will automatically populate into the Swatches Panel for use.
STEP #3: Apply Halftone using Basic Fills, Blob Brush, or the Knife Tool. The Halftones will act just like any other Color Swatch. You can simply Select a Shape to apply a basic Fill. If you are new to Adobe Illustrator, I will recommend using the Live Paint Bucket to apply your Flat Color Layer first. The next step will be to duplicate the color layer to apply Halftones.
Image
Free Bonus: I have included the  Anchor Point and Tablet Friendly Guides (as a Free Bonus) to Follow Along with the 50 Step by Steps on the Website or the 100 Beginner Tutorials Playlist on YouTube to Learn the Basics of Building, Applying Brushes, Editing, and Coloring in Adobe Illustrator. Follow Along with the Tutorials or use the Brushes with Your Own Artwork.

ILLUSTRATOR RESOURCES

HOLIDAY SALE: EXTRA $25 OFF OUR ADOBE ILLUSTRATOR RESOURCE BUNDLE
beginner adobe illustrator tutorial whale
200 ADOBE ILLUSTRATOR BRUSHES. Our (Updated) Adobe Illustrator Brush Libraries are specifically designed for Illustrators and Cartoonists to speed up their workflow. I have recently added more brushes and updated the Brush Libraries to allow for Pressure Sensitivity. Follow Along with the Tutorials or Use them with Your Own Artwork. Brush Libraries include our 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.
beginner adobe illustrator tutorial pug
70 ADOBE ILLUSTRATOR HALFTONES + PATTERN FILLS. Our Halftones and Patterns Fills are designed for easy application even if you are new to Adobe Illustrator. Halftone Fills behave the same as a Color Swatch so you can apply them quickly using the Blob Brush, Live Paint, or Basic Fills. Simply Paint in Halftones into your own Illustrations and Comics. Halftones include our Comic Strip Halftone Fills, Pattern Fills, and Halftone Value Scales.
beginner adobe illustrator tutorial coyote
400 ADOBE ILLUSTRATOR BMP TEXTURES. Our BMP Textures are extremely easy to use even if you are a beginner to Adobe Illustrator. Simply File-Place the Textures over your finished artwork to use with the Transparency Panel for soft overlays. Use BMP Textures along with Opacity Masks for T-Shirt Distressing. BMP Textures include our 145 Cracks, 120 Grunge Distressing, 75 Paper, and 77 Paint Splatter Textures.
ADOBE ILLUSTRATOR

BRUSHES + RESOURCES

How to Color in Adobe Illustrator

One of the easiest and fastest ways of filling in your color is through Live Paint. Live Paint Bucket is a part of the Shape Builder Tools which builds the shapes in the exact shape you need it. Select All. Go up to Object - Live Paint - Make. If you have a grayed out Make it simply means you didn't have anything selected. I do recommend Deselecting by clicking on your artboard before clicking on a Color Swatch. *Remember Everything is still Selected so it will Color the Full Selection if you click on a Color Swatch with everything selected. Click on the Live Paint Bucket (K) and Click to Dump Color. It will feel like the Paint Bucket in Adobe Photoshop. 

Popular Adobe Illustrator Tutorials

Image
Image
Image
Image
Image
Image
beginner adobe illustrator tutorial whale
beginner adobe illustrator tutorial pug
beginner adobe illustrator tutorial coyote
beginner adobe illustrator tutorial duck
beginner adobe illustrator tutorial ice cream
beginner adobe illustrator tutorial ice cream
beginner adobe illustrator tutorial snail
beginner adobe illustrator tutorial monkey
beginner adobe illustrator tutorial ice cream
beginner adobe illustrator tutorial posicle
beginner adobe illustrator tutorial ice cream
beginner adobe illustrator tutorial ice cream
ADOBE ILLUSTRATOR

STEP BY STEPS

VIEW MORE STEP BY STEPS