Adobe Illustrator Tutorial using Shapes for Beginners cat

Beginner Adobe Illustrator Tutorial using Shapes

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

Adobe Illustrator Tutorial for Beginners using Shapes

In this Adobe Illustrator Tutorial for Beginners, we will be using shapes to practice building using the shape tools 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 using Shapes for Beginners
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." 
Image
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: Match the Brushes to the Line Variation. Select the Brushes and Line Weight. The easiest method is to find 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: Duplicate Live Brush 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.

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. Brushes include our Cartoon, Comic Strip, and Vintage Mascot Libraries. DOWNLOAD BRUSHES / DIGITAL DOWNLOADS / RESOURCE BUNDLE

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
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
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. 

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. 

DOWNLOAD BRUSHES

DOWNLOAD BRUSHES: Our (Updated) Adobe Illustrator Brushes will come to you as Zipped Folders on Teachable. Once you have downloaded and extracted the Folders, the Brush Libraries are ready to be used in Adobe Illustrator. Download Individual Libraries or save on our Brushes Bundle. Brush Libraries: 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.

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, resources are ready to be used in Adobe Illustrator. Start with our Resource Guides, Illustrator Tutorials, or YouTube Playlists to understand how to apply resources in Adobe Illustrator.

200 ADOBE ILLUSTRATOR BRUSHES: 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 include our 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.

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.
ILLUSTRATOR

DIGITAL DOWNLOADS

DOWNLOAD

RESOURCE BUNDLE

DOWNLOAD 600 RESOURCES
30% OFF (SAVE $60)
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

DOWNLOAD BRUSHES
20% OFF (SAVE $15)

BRUSH LIBRARIES

DOWNLOAD BRUSHES
20% OFF (SAVE $15)
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.

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.