Cupcake Tutorial in Adobe Illustrator

Beginner Adobe Illustrator Tutorial

In Adobe Illustrator, Building with Shapes, for Beginners, Step by Step Adobe Illustrator Tutorials by Jason Secrest

ADOBE ILLUSTRATOR TUTORIAL

In this Adobe Illustrator Tutorial for Beginners, we will be using shapes to practice building using the pen tool, shapes, and the pathfinder panel. Shapes are a great way of building your characters especially as you gain experience with blend, warp, shape builder, and pathfinder to create unique shapes. Shapes are an easy and effective way of building in Illustrator. Use the align panel to align to selection and the artboard to make symmetrical designs. This tutorial will focus on Building Tools, Editing Options, and Basic Coloring Techniques.

adobe illustrator tutorial cupcake
Image
ARTBOARDS: I recommend establishing a "Building Artboard" that you can use for your own artwork. The initial Artboard Size can be changed at any point without ruining your own artwork. LEARNING TARGET: Create a "Building Artboard" you can use for your own Artwork and Social Media Postings (ex. 1080px by 1080px, 300PPI, RGB).
Image
TEMPLATES: File - Place in your Resource Image (Drawing, Sketch, or Traced Photo). Keep Selected. In your Layers Panel, select the Menu in the Upper-Right Hand Corner. Drop down to Template. This will create a 50% Opacity and Lock the Layer. LEARNING TARGET: Create a Template Layer using your Resource Image. Create a New Layer above for "Building." 
Image
ARTBOARDS: File-New. Use a size or ratio that you can use for all of your own artwork. I recommend a 1080px by 1080px artboard for websites and social postings. Many of you will be looking to export your own artwork to Instagram. You can modify the size of the artwork or artboard with the Artboard Tool or Properties Panel. 
Image
SKETCH OR TRACED PHOTO: I recommend starting from a Clean Line Drawing or a simple Traced Stock Photo for your artwork and designs. Create a "Traceable Path" to align with the Building Tools in Adobe Illustrator. You can speed up your workflow by using a Quick Sketch when you become more advanced.
Image

TEMPLATES: File -Place in your own Drawing, Sketch, or Traced Stock Photo. Select your Resource Layer. (It will usually be your only layer) In your Layers Panel, select the Menu in the Upper-Right Hand Corner. Drop down to Template. This will create a 50% Opacity and Lockout the Layer. Create a New Layer above to start "Building".

Image
ARTBOARDS: I recommend establishing a "Building Artboard" that you can use for your own artwork. The initial Artboard Size can be changed at any point without ruining your own artwork. LEARNING TARGET: Create a "Building Artboard" you can use for your own Artwork and Social Media Postings (ex. 1080px by 1080px, 300PPI, RGB).
Image
TEMPLATES: File - Place in your Resource Image (Drawing, Sketch, or Traced Photo). Keep Selected. In your Layers Panel, select the Menu in the Upper-Right Hand Corner. Drop down to Template. This will create a 50% Opacity and Lock the Layer. LEARNING TARGET: Create a Template Layer using your Resource Image. Create a New Layer above for "Building." 
Image
BUILDING ARTBOARD: I recommend establishing an Artboard that you can use for all of your artwork. The initial Artboard Size can be changed at any point without ruining your own artwork. LEARNING TARGET: Create a "Building Template" that includes Artboards, Resources, and Template Layers.
Image
DOWNLOAD RESOURCES: In the Beginner Tutorials and Playlists, I will be using Resource Images, Brush Libraries, and Color Swatches to create my artwork. LEARNING TARGET: Download Photo References, Brush Libraries, and Color Swatches for your own Artwork and Designs. 
Image

DRAWING TEMPLATE: Use the Resource Type you intend to use for your artwork (Drawing, Sketch, or Traced Stock Photo). Give yourself a "Traceable Path" by using a Clean Line Drawing or Traced Photo. LEARNING TARGET: Create a "Drawing Template" that includes Reference Image and Layer Adjustments. 

Image
ARTBOARDS: I recommend establishing a "Building Artboard" that you can use for your own artwork. The initial Artboard Size can be changed at any point without ruining your own artwork. LEARNING TARGET: Create a "Building Artboard" you can use for your own Artwork and Social Media Postings (ex. 1080px by 1080px, 300PPI, RGB).
Image
TEMPLATES: File - Place in your Resource Image (Drawing, Sketch, or Traced Photo). Keep Selected. In your Layers Panel, select the Menu in the Upper-Right Hand Corner. Drop down to Template. This will create a 50% Opacity and Lock the Layer. LEARNING TARGET: Create a Template Layer using your Resource Image. Create a New Layer above for "Building." 

Adobe Illustrator Top Tips

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.

DOWNLOAD BRUSHES: Many of you are jumping over from YouTube looking to download our 200 Adobe Illustrator Brushes. Digital Downloads will come to you through our friends at Teachable. Brush Libraries: 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.
SAVE LIBRARIES: Once you have downloaded and extracted the Brushes Folders, I recommend Saving Brush Libraries to your "User Defined" by clicking Save Brush Library in the Brushes Menu. Follow along with our Resource Guides to save, apply, and edit Brushes in Adobe Illustrator.
OPEN BRUSHES: Our 200 Adobe Illustrator Brushes have been organized into Brush Libraries for easy application and to maintain consistency with your Line Variation. You can Open Brush Libraries through the “User Defined” or “Other Library” Options in the Brushes Panel in Adobe Illustrator.
LIVE EDITING: While you are building in Adobe Illustrator, you can use the “Live” Editing Tools to Cut and Edit Paths. Some of the basic tools will be the Scissor Tool, Path Eraser, or Shape Builder. I do recommend going long with your initial Paths using Pencil and Pen Tools.
APPLYING BRUSHES: Many of you will be applying our Brush Libraries. To Open Brushes, open the Brushes Panel. Click on Open Brush Library. Scroll down to “Other Library.” Select one of the Brush Libraries to apply. If you saved Brushes, you can Open from “User Defined.”
EXPANDED EDITING: After completing the Line Variation, I will recommend keeping the “Live” Layer from future Editing. Duplicate and Lock Out. We will be Expanding this New Layer to use with Shape Builder for Fast Editing. Hold down Alt/Option while Editing.
APPLY: Many of you will be adding our Brush Libraries for Line Variation. Notice that I am finding the ends to see if it will be floating or hitting another line. If it hits another line that signals a darker value to the end should reflect the change in value. (Thicker End).
EXPAND: For your own artwork, duplicate your Live Brushes Layer before Expanding. Expand All. Object - Expand Appearance + Expand. Path Simplify Option: Once the Brushes have been Expanded hit the selection with a Simplify Path (Object - Path - Simplify) to clean up extra Anchor Points.
EDIT: Select All. Select your Shape Builder Tool. Hold down Alt/Option to Delete. Hit all of the overlapping lines to clean up any of the extra lines. You can Turn Off the Highlighting feature in Shape Builder. I recommend zooming in to delete smaller areas.
DIGITAL DOWNLOADS: Many of you are jumping over from YouTube looking to download our Adobe Illustrator Brushes and Resource Folders. Once you have downloaded and extracted the folders, Digital Downloads are ready to use in Adobe Illustrator. Start with our Resource Guides, Illustrator Tutorials, or YouTube Playlists to understand how to apply resources in Adobe Illustrator. BRUSH LIBRARIES / COMIC HALFTONES / T-SHIRT TEXTURES / RESOURCE BUNDLE
DIGITAL DOWNLOADS: Many of you are jumping over from YouTube looking to download our Adobe Illustrator Brushes and Resource Folders. Once you have downloaded and extracted the folders, Digital Downloads are ready to use in Adobe Illustrator. Start with our Resource Guides, Illustrator Tutorials, or YouTube Playlists to understand how to apply resources in Adobe Illustrator. BRUSH LIBRARIES / COMIC HALFTONES / T-SHIRT TEXTURES / RESOURCE BUNDLE
Image
200 ADOBE ILLUSTRATOR BRUSHES. Brush Libraries are specifically designed for Illustrators and Cartoonists to speed up their workflow. Brush Libraries are compatible with Adobe Illustrator CC through CS. Mac or PC. Brush Libraries include 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.
Image
70 ADOBE ILLUSTRATOR HALFTONES. Halftone 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. Halftones include 70 Comic Strip Halftone Pattern Fills.
Image
400 ADOBE ILLUSTRATOR BMP TEXTURES. BMP Textures are extremely easy to use even if you are a beginner to Adobe Illustrator. Use BMP Textures along with Opacity Masks in the Transparency Panel for T-Shirt Distressing. BMP Textures include 145 Cracks, 120 Grunge, 75 Paper, and 77 Paint Textures.
Image
200 ADOBE ILLUSTRATOR BRUSHES. Brush Libraries are specifically designed for Illustrators and Cartoonists to speed up their workflow. Brush Libraries are compatible with Adobe Illustrator CC through CS. Mac or PC. Brush Libraries include 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.
Image
70 ADOBE ILLUSTRATOR HALFTONES. Halftone 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. Halftones include 70 Comic Strip Halftone Pattern Fills.
Image
400 ADOBE ILLUSTRATOR BMP TEXTURES. BMP Textures are extremely easy to use even if you are a beginner to Adobe Illustrator. Use BMP Textures along with Opacity Masks in the Transparency Panel for T-Shirt Distressing. BMP Textures include 145 Cracks, 120 Grunge, 75 Paper, and 77 Paint Textures.
Image
200 ADOBE ILLUSTRATOR BRUSHES. Brush Libraries are specifically designed for Illustrators and Cartoonists to speed up their workflow. Brush Libraries are compatible with Adobe Illustrator CC through CS. Mac or PC. Brush Libraries include 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.
Image
70 ADOBE ILLUSTRATOR HALFTONES. Halftone 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. Halftones include 70 Comic Strip Halftone Pattern Fills.
Image
400 ADOBE ILLUSTRATOR BMP TEXTURES. BMP Textures are extremely easy to use even if you are a beginner to Adobe Illustrator. Use BMP Textures along with Opacity Masks in the Transparency Panel for T-Shirt Distressing. BMP Textures include 145 Cracks, 120 Grunge, 75 Paper, and 77 Paint Textures.
Image
200 ADOBE ILLUSTRATOR BRUSHES. Brush Libraries are specifically designed for Illustrators and Cartoonists to speed up their workflow. Brush Libraries are compatible with Adobe Illustrator CC through CS. Mac or PC. Brush Libraries include 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.
Image
70 ADOBE ILLUSTRATOR HALFTONES. Halftone 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. Halftones include 70 Comic Strip Halftone Pattern Fills.
Image
400 ADOBE ILLUSTRATOR BMP TEXTURES. BMP Textures are extremely easy to use even if you are a beginner to Adobe Illustrator. Use BMP Textures along with Opacity Masks in the Transparency Panel for T-Shirt Distressing. BMP Textures include 145 Cracks, 120 Grunge, 75 Paper, and 77 Paint Textures.
Image
200 ADOBE ILLUSTRATOR BRUSHES. Brush Libraries are specifically designed for Illustrators and Cartoonists to speed up their workflow. Brush Libraries are compatible with Adobe Illustrator CC through CS. Mac or PC. Brush Libraries include 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.
Image
70 ADOBE ILLUSTRATOR HALFTONES. Halftone 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. Halftones include 70 Comic Strip Halftone Pattern Fills.
Image
400 ADOBE ILLUSTRATOR BMP TEXTURES. BMP Textures are extremely easy to use even if you are a beginner to Adobe Illustrator. Use BMP Textures along with Opacity Masks in the Transparency Panel for T-Shirt Distressing. BMP Textures include 145 Cracks, 120 Grunge, 75 Paper, and 77 Paint Textures.
ADOBE ILLUSTRATOR

RESOURCE BUNDLE

RESOURCE BUNDLE

Image
200 ADOBE ILLUSTRATOR BRUSHES. Brush Libraries are specifically designed for Illustrators and Cartoonists to speed up their workflow. Brush Libraries are compatible with Adobe Illustrator CC through CS. Mac or PC. Brush Libraries include 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.
Image
70 ADOBE ILLUSTRATOR HALFTONES. Halftone 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. Halftones include 70 Comic Strip Halftone Pattern Fills.
Image
400 ADOBE ILLUSTRATOR BMP TEXTURES. BMP Textures are extremely easy to use even if you are a beginner to Adobe Illustrator. Use BMP Textures along with Opacity Masks in the Transparency Panel for T-Shirt Distressing. BMP Textures include 145 Cracks, 120 Grunge, 75 Paper, and 77 Paint Textures.
Image
200 ADOBE ILLUSTRATOR BRUSHES. Brush Libraries are specifically designed for Illustrators and Cartoonists to speed up their workflow. Brush Libraries are compatible with Adobe Illustrator CC through CS. Mac or PC. Brush Libraries include 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.
Image
70 ADOBE ILLUSTRATOR HALFTONES. Halftone 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. Halftones include 70 Comic Strip Halftone Pattern Fills.
Image
400 ADOBE ILLUSTRATOR BMP TEXTURES. BMP Textures are extremely easy to use even if you are a beginner to Adobe Illustrator. Use BMP Textures along with Opacity Masks in the Transparency Panel for T-Shirt Distressing. BMP Textures include 145 Cracks, 120 Grunge, 75 Paper, and 77 Paint Textures.
Image
200 ADOBE ILLUSTRATOR BRUSHES. Brush Libraries are specifically designed for Illustrators and Cartoonists to speed up their workflow. Brush Libraries are compatible with Adobe Illustrator CC through CS. Mac or PC. Brush Libraries include 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.
Image
70 ADOBE ILLUSTRATOR HALFTONES. Halftone 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. Halftones include 70 Comic Strip Halftone Pattern Fills.
Image
400 ADOBE ILLUSTRATOR BMP TEXTURES. BMP Textures are extremely easy to use even if you are a beginner to Adobe Illustrator. Use BMP Textures along with Opacity Masks in the Transparency Panel for T-Shirt Distressing. BMP Textures include 145 Cracks, 120 Grunge, 75 Paper, and 77 Paint Textures.
ADOBE ILLUSTRATOR

RESOURCE BUNDLE

RESOURCE BUNDLE

Image
200 ADOBE ILLUSTRATOR BRUSHES. Brush Libraries are specifically designed for Illustrators and Cartoonists to speed up their workflow. Brush Libraries are compatible with Adobe Illustrator CC through CS. Mac or PC. Brush Libraries include 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.
Image
70 ADOBE ILLUSTRATOR HALFTONES. Halftone 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. Halftones include 70 Comic Strip Halftone Pattern Fills.
Image
400 ADOBE ILLUSTRATOR BMP TEXTURES. BMP Textures are extremely easy to use even if you are a beginner to Adobe Illustrator. Use BMP Textures along with Opacity Masks in the Transparency Panel for T-Shirt Distressing. BMP Textures include 145 Cracks, 120 Grunge, 75 Paper, and 77 Paint Textures.
Image
200 ADOBE ILLUSTRATOR BRUSHES. Brush Libraries are specifically designed for Illustrators and Cartoonists to speed up their workflow. Brush Libraries are compatible with Adobe Illustrator CC through CS. Mac or PC. Brush Libraries include 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.
Image
70 ADOBE ILLUSTRATOR HALFTONES. Halftone 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. Halftones include 70 Comic Strip Halftone Pattern Fills.
Image
400 ADOBE ILLUSTRATOR BMP TEXTURES. BMP Textures are extremely easy to use even if you are a beginner to Adobe Illustrator. Use BMP Textures along with Opacity Masks in the Transparency Panel for T-Shirt Distressing. BMP Textures include 145 Cracks, 120 Grunge, 75 Paper, and 77 Paint Textures.
Image
200 ADOBE ILLUSTRATOR BRUSHES. Brush Libraries are specifically designed for Illustrators and Cartoonists to speed up their workflow. Brush Libraries are compatible with Adobe Illustrator CC through CS. Mac or PC. Brush Libraries include 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.
Image
70 ADOBE ILLUSTRATOR HALFTONES. Halftone 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. Halftones include 70 Comic Strip Halftone Pattern Fills.
Image
400 ADOBE ILLUSTRATOR BMP TEXTURES. BMP Textures are extremely easy to use even if you are a beginner to Adobe Illustrator. Use BMP Textures along with Opacity Masks in the Transparency Panel for T-Shirt Distressing. BMP Textures include 145 Cracks, 120 Grunge, 75 Paper, and 77 Paint Textures.
ADOBE ILLUSTRATOR

RESOURCE BUNDLE

RESOURCE BUNDLE

DOWNLOAD BRUSHES: Adobe Illustrator Brushes are specifically designed for Illustrators and Cartoonists to speed up their workflow. (Updated) Libraries are pressure-sensitive for those of you looking for the option to use your Tablets. Brush Libraries are compatible with Adobe Illustrator CC through CS. Mac or PC. Brush Libraries: Updated Cartoon, Comic Strip, and Vintage Mascot Brushes.

DOWNLOAD BRUSHES: Many of you are jumping over from YouTube looking to download our Adobe Illustrator Brushes.  Once you have downloaded and extracted the folders, Brush Libraries will be ready to use in Adobe Illustrator. Start with our Resource Guides, Illustrator Tutorials, or YouTube Playlists to understand how to apply Brush Libraries in Adobe Illustrator. (Updated) Brushes include Cartoon, Comic Strip, and Vintage Mascot Libraries.

BRUSH LIBRARIES: Our Brushes are specifically designed for Illustrators and Cartoonists to speed up their workflow. (Updated) Libraries are pressure-sensitive for those of you looking to use your Tablets. Apply Brushes with Pen, Pencil, Shapes, or Paintbrush Tools. Brush Libraries are compatible with Adobe Illustrator CC through CS. Mac or PC. Adobe Illustrator Brush Libraries: Updated Cartoon, Comic Strip, and Vintage Mascot Brushes.

beginner adobe illustrator tutorial whale
CARTOON BRUSHES: Cartoon Brushes are my go-to brushes for Professional Logos, Cartoons, Mascots, and Branding. Use Cartoon Illustrator Brushes with the Pen, Pencil, or Paint Brush Tools to Apply different Line Variation to your Vector Artwork. (Updated) Cartoon, Cartoon 2, and Original Cartoon Brush Libraries. 
beginner adobe illustrator tutorial pug
COMIC STRIP BRUSHES: 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. (Updated) Comic Strip, Hand-Painted, Paintbrush, and Fine Liner Brush Libraries. 
beginner adobe illustrator tutorial coyote
MASCOT BRUSHES: 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. (Updated) Caffeinated Cartoonist, Rough Ink, and Jittery Hand Brush Libraries. 
beginner adobe illustrator tutorial whale
CARTOON BRUSHES: Cartoon Brushes are my go-to brushes for Professional Logos, Cartoons, Mascots, and Branding. Use Cartoon Illustrator Brushes with the Pen, Pencil, or Paint Brush Tools to Apply different Line Variation to your Vector Artwork. (Updated) Cartoon, Cartoon 2, and Original Cartoon Brush Libraries. 
beginner adobe illustrator tutorial pug
COMIC STRIP BRUSHES: 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. (Updated) Comic Strip, Hand-Painted, Paintbrush, and Fine Liner Brush Libraries. 
beginner adobe illustrator tutorial coyote
MASCOT BRUSHES: 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. (Updated) Caffeinated Cartoonist, Rough Ink, and Jittery Hand Brush Libraries. 
beginner adobe illustrator tutorial whale
70 CARTOON BRUSHES: Cartoon Brushes are my go-to brushes for Professional Logos, Cartoons, Mascots, and Branding. Use Cartoon Illustrator Brushes with the Pen, Pencil, or Paint Brush Tools to Apply different Line Variation to your Vector Artwork. (Updated) Cartoon, Cartoon 2, and Original Cartoon Brush Libraries. 
beginner adobe illustrator tutorial pug
100 COMIC STRIP BRUSHES: 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. (Updated) Comic Strip, Hand-Painted, Paintbrush, and Fine Liner Brush Libraries. 
beginner adobe illustrator tutorial coyote
50 MASCOT BRUSHES: 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. (Updated) Caffeinated Cartoonist, Rough Ink, and Jittery Hand Brush Libraries. 
beginner adobe illustrator tutorial whale
CARTOON BRUSHES: Cartoon Brushes are my go-to brushes for Professional Logos, Cartoons, Mascots, and Branding. Use Cartoon Illustrator Brushes with the Pen, Pencil, or Paint Brush Tools to Apply different Line Variation to your Vector Artwork. (Updated) Cartoon, Cartoon 2, and Original Cartoon Brush Libraries. 
beginner adobe illustrator tutorial pug
COMIC STRIP BRUSHES: 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. (Updated) Comic Strip, Hand-Painted, Paintbrush, and Fine Liner Brush Libraries. 
beginner adobe illustrator tutorial coyote
MASCOT BRUSHES: 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. (Updated) Caffeinated Cartoonist, Rough Ink, and Jittery Hand Brush Libraries. 

DOWNLOAD BRUSHES. Many of you are jumping over from YouTube looking to download our Adobe Illustrator Brushes and Resource Folders. Digital Downloads will come through our friends at Teachable. Once you have downloaded and extracted the Folders, Brush Libraries are ready to be used in Adobe Illustrator. Start with our Resource Guides, Illustrator Tutorials, or YouTube Playlists to understand how to apply Brush Libraries in Adobe Illustrator.

DIGITAL DOWNLOADS. Many of you are jumping over from YouTube looking to download our Adobe Illustrator Brushes and Resource Folders. Digital Downloads will come through our friends at Teachable. Download our Adobe Illustrator Brush Libraries, T-Shirt Textures, and Comic Halftones. BRUSH LIBRARIES / COMIC HALFTONES / T-SHIRT TEXTURES

beginner adobe illustrator tutorial pug
SAVE BRUSHES: Open All of the Brushes Libraries in Adobe Illustrator. (File - Open). Have your Brushes Panel Open. Under Window - Brushes. In the Brushes Menu, select "Save Brush Library." The Default Save Location is "User Defined." Repeat this step for each Brush Library.
beginner adobe illustrator tutorial whale
OPEN BRUSHES: Under Window - Select Brushes. In the Brushes Menu, drop down to Open Brush Library. Hover over it and select "Other Library." A Normal Open Dialogue Box will appear to select any Brush Library to use in Illustrator. Almost all Tutorials use this method. 
beginner adobe illustrator tutorial pug
DOWNLOAD BRUSHES: Many of you are jumping over from YouTube looking to download our Adobe Illustrator Brushes. Once you have downloaded and extracted the folders, Brushes are ready to be used in Adobe Illustrator. Brushes include our Cartoon, Comic Strip, and Vintage Mascot Libraries.
beginner adobe illustrator tutorial pug
SAVE BRUSHES: Open All of the Brushes Libraries in Adobe Illustrator. (File - Open). Have your Brushes Panel Open. Under Window - Brushes. In the Brushes Menu, select "Save Brush Library." The Default Save Location is "User Defined." Repeat this step for each Brush Library.
beginner adobe illustrator tutorial whale
OPEN BRUSHES: Under Window - Select Brushes. In the Brushes Menu, drop down to Open Brush Library. Hover over it and select "Other Library." A Normal Open Dialogue Box will appear to select any Brush Library to use in Illustrator. Almost all Tutorials use this method. 
ADOBE ILLUSTRATOR

BRUSH LIBRARIES

BRUSH LIBRARIES

DOWNLOAD BRUSHES: Our Adobe Illustrator Brushes will come to you as Zipped Folders. Once you have Downloaded and Extracted the Folders, the Brush Libraries are ready to be used in Adobe Illustrator. I recommend Saving Brush Libraries to your "User Defined" by clicking Save Brush Library in the Brushes Menu.  Brush Libraries: 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.
beginner adobe illustrator tutorial whale
70 CARTOON BRUSHES: Cartoon Brushes are my go-to for Professional Logos, Cartoons, Mascots, and Branding. Use Cartoon Illustrator Brushes with the Pen, Pencil or Paint Brush Tools to Apply different Line Variation to your Vector Artwork. (includes Updated Cartoon, Cartoon 2, and Original Cartoon Brush Libraries).
beginner adobe illustrator tutorial pug
100 COMIC STRIP BRUSHES: 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 Updated Comic Strip, Hand-Painted, Paintbrush, and Fine Liner Brush Libraries).
beginner adobe illustrator tutorial coyote
50 MASCOT BRUSHES: 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. (includes Updated Caffeinated Cartoonist, Rough Ink, and Jittery Hand Brush Libraries).
DOWNLOAD BRUSHES: Our 200 Adobe Illustrator Brushes will come to you as a Zipped Folder on Teachable. Once you have Downloaded and Extracted the Folders, the Brush Libraries are ready to be used in Adobe Illustrator. I do recommend Saving "Updated" Brush Libraries to your "User Defined" by clicking Save Brush Library in the Brushes Menu.  Brush Libraries include our 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.
beginner adobe illustrator tutorial whale
70 CARTOON BRUSHES: Adobe Illustrator Cartoon Brushes are my go-to brushes for Professional Logos, Cartoons, Mascots, and Branding. Use Cartoon Illustrator Brushes with the Pen, Pencil or Paint Brush Tools to Apply different Line Variation to your Vector Artwork. (includes Updated Cartoon, Cartoon 2, and Original Cartoon Brush Libraries).
beginner adobe illustrator tutorial pug
100 COMIC STRIP BRUSHES: 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 Updated Comic Strip, Hand-Painted, Paintbrush, and Fine Liner Brush Libraries).
beginner adobe illustrator tutorial coyote
50 MASCOT BRUSHES: 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. (includes Updated Caffeinated Cartoonist, Rough Ink, and Jittery Hand Brush Libraries).
ADOBE ILLUSTRATOR

BRUSH LIBRARIES

BRUSH LIBRARIES

Image
SAVING BRUSHES: Open All of the Brushes Libraries in Adobe Illustrator. (File - Open). Have your Brushes Panel Open. Under Window - Brushes. Click on Each Illustrator Document and Open the Brushes Menu in the Brushes Panel. Scroll down to Click on Save Brush Library. Default Location = User Defined. Repeat for each (updated) Brush Library.
Image
OPENING BRUSHES: Under Window - Select Brushes. In the Brushes Menu, drop-down to Open Brush Library. Hover over it and select "Other Library." A Normal Open Dialogue Box will appear to select any Brush Library to use in Illustrator. Almost all of our step-by-step tutorials on YouTube use this method.

Understanding Editing Tools

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 (Save Live 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.

Path - Simplify: Under Object, there is an easy and automatic way to remove extra anchor points which fits nicely into editing. Under Object - Select Path - Simplify. There is an auto-simplify button that does a great job. Things to keep an eye out for is this process likes to break curves. Clean up with the Smooth Button in your Control Panel.

Eraser Tool: The Eraser Tool is very straightforward. Click on the Path that you would like to erase and draw through it with the Eraser Tool. The Tool works great if you remember to Select the Object 1st. The default setting will delete everything. Use the Eraser Tool for smaller areas of overlapping or an easy alternative to Shape Builder.

Understanding Coloring

Open the Swatch Window. On the bottom left hand corner you will see the Open Swatch Libraries icon. At the bottom of the drop-down menu you will see Open Other Library. Go to our resource folder in the Color Palettes folder to Open ASE files. The ASE files have been created to make your life easier while going through the Challenge Series. Once you open the Library- click on the folder icon next to the swatches to move them from the library to the swatches.

Coloring with Fills

One of the easiest and fastest ways of filling in your color is through using Fills. The main thing to look for is enclosed shaped. We have done nothing but build with Shapes so coloring is super easy. Keep this in mind as you are going through the other tutorials where we don't have any shapes.

Gradient Panel

Select each color using the Magic Wand Tool (Adjust to Tolerance 5) each color. Add on a Radial Gradient to the frosting layers (3). Use the lightest and Darkest Color Swatch from the color set of 3. Adjust the slider to control where the values hit. Troubleshooting: Double check your fill is in front and not your stroke.

Gradient Tool

You can use the Gradient Tool to gain some control over where the gradient hits on your shapes. The tool will control the same features that are in the panel. I use the tool when I don't want to guess and check angle degrees or aspect ratio percentages.

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. 

BEGINNER GUIDES

Image
Image
Image
Image
Image
Image
beginner adobe illustrator tutorial ice cream
BEGINNER: Understand the Building, Variation, and Basic Coloring Methods. VIEW BEGINNER GUIDE 
beginner adobe illustrator tutorial ice cream
BEGINNER: Understand the Building, Variation, and Basic Coloring Methods. VIEW BEGINNER GUIDE
beginner adobe illustrator tutorial posicle
BEGINNER: Understand the Building, Variation, and Basic Coloring Methods. VIEW BEGINNER GUIDE
beginner adobe illustrator tutorial duck
BEGINNER: Understand the Building, Variation, and Basic Coloring Methods. VIEW BEGINNER GUIDE
beginner adobe illustrator tutorial duck
BEGINNER: Understand the Building, Variation, and Basic Coloring Methods. VIEW BEGINNER GUIDE
beginner adobe illustrator tutorial ice cream
BEGINNER: Understand the Building, Variation, and Basic Coloring Methods. VIEW BEGINNER GUIDE
beginner adobe illustrator tutorial whale
BEGINNER: Understand the Building, Variation, and Advanced Coloring Methods. VIEW BEGINNER GUIDE
beginner adobe illustrator tutorial ice cream
BEGINNER: Understand Building, Variation, Editing, and Basic Coloring Methods. VIEW BEGINNER GUIDE
beginner adobe illustrator tutorial pug
BEGINNER: Understand the Building, Variation, and Advanced Coloring Methods. VIEW BEGINNER GUIDE

*Older Content (<2018) was originally recorded for my in-class students (children). You are all adults, it has gotten weird.