adobe illustrator tutorial for beginners popsicle

Beginner Adobe Illustrator Tutorial using Shapes

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

Adobe Illustrator Tutorial for Beginners

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 Beginner Popsicle
DOWNLOAD RESOURCES.  Many of you are jumping over from YouTube looking to download our Adobe Illustrator Brushes and Resource Folders. Download our Brushes or add on Halftones + Textures to save on our Adobe Illustrator Resource Bundle. You can download Brush Libraries, Comic Halftones, and BMP Textures to follow along or use with Your Own Artwork.
RESOURCE GUIDES.  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, Tutorials, and Challenges to apply and edit Brushes + Halftones + Textures.
FOLLOW ALONG. Tutorials are designed to build up time within the program to apply the Tools and Settings. Follow along on YouTube, with our 100 Adobe Illustrator Tutorials Playlist or on the Website with our 50 Step by Steps. Tutorials and Playlists will focus on Building Tools, Applying Brushes, Editing Options, and Basic Coloring Techniques.
beginner adobe illustrator tutorial whale
STEP #1:  DOWNLOAD BRUSHES. Many of you are jumping over from YouTube looking to download our Adobe Illustrator Brush Libraries. You can download our 200 Adobe Illustrator Brushes to follow along or use with your own artwork. Updated Brush Libraries include our 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes.  
beginner adobe illustrator tutorial pug
STEP #2: RESOURCE GUIDES. The first step is to download the Brushes Folder. They will come to you as a Zipped Folder on Teachable. Once you have Downloaded and Extracted the Folders, the Brush Libraries are Ready to Use in Adobe Illustrator. Follow along with our Brushes Resource Guide to Save Brush Libraries for fast access in your "User Defined."
beginner adobe illustrator tutorial coyote
STEP #3: FOLLOW ALONG. Tutorials and Playlists are designed to build up time within the program to apply the Tools and Settings. Follow along with our 100 Tutorials Playlist on YouTube and 50 Step by Steps on the Website. Tutorials will focus on Building Tools, Applying Brushes, Editing Options, and Basic Coloring Techniques. 
Image
New Artboards: I recommend establishing a "Building Artboard" that you can use for your own artwork. A habit that I would like you to break is treating Adobe Illustrator like Photoshop. The initial Artboard Size can be changed at any point without ruining your own artwork. Pick the size you will use most frequently to establish a routine while learning. Example: 1080px by 1080px - RGB - 300 PPI. LEARNING TARGET: Establish a "Standardized Approach" that includes Artboard Size, Resource Type, and Template Layers that will relate to your own artwork.
Image
Template Layer: Have your Resource Layer Selected. (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 working in Adobe Illustrator. It will give you an error message (no sign) if you try to draw on the Template Layer. LEARNING TARGET: Establish a Template Layer Setting so that you can see the Reference Image while not becoming too distracting when building in Adobe Illustrator.

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.

Pathfinder Tips

Pathfinder Minus Front

1. Have 2 overlapping shapes selected. One shape will be in the front and this is the cut away shape. (I colored this one garbage green since it will be trashed after we click minus front). (Use fills only)

Shape Builder (alt/option) Delete

2. Have 2 overlapping shapes selected and click the Shape Builder tool. Hold down alt/option and click on areas you wish to be deleted. Wait for the shape to grey out. (Use fills only)

Pathfinder Unite

3. Have 2 or more overlapping shapes selected and click on the pathfinder unite button. The 2 shapes will merge together. (Use fills only)

Shape Builder- Combine Shapes

4. Have 2 or more shapes selected and then click on the shape builder tool. Click, Hold and drag across the shapes you wish to combine. Do NOT hold down alt/option.

STEP #1: DOWNLOAD + EXTRACT OUR ADOBE ILLUSTRATOR BMP TEXTURE FOLDER. The Texture Folders will come to you zipped. Extract All before using in Adobe Illustrator. The BMP Textures are ready to use once you have extracted the folder. There is no installation needed to use BMP Textures, simply file place over your finished design or artwork.
STEP #2: FILE + PLACE BMP TEXTURES INTO YOUR WORKING ARTBOARD. Place a BMP Texture over your finished vector artwork. Simple File-Place. I recommend scaling the texture to fit over your completed artwork before you export or save. Simply scale the texture file using the Bounding Box or the Properties Panel. You can scale the texture to fit over the asset or the entire artboard.
STEP #3: ADJUST TEXTURES USING THE TRANSPARENCY SLIDER. Adjustments to the texture file can be made in the Transparency Panel in Adobe Illustrator. If you are looking to Blend the Pattern toward your Background Color, you can simply click on a Color Swatch to Change the Color of the BMP Texture. Use the Transparency Slider to adjust the opacity for subtle texture overlays.
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.

DIGITAL DOWNLOADS

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. 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.
beginner adobe illustrator tutorial whale
200 ADOBE ILLUSTRATOR BRUSHES: Our 200 Brushes are specifically designed for Illustrators and Cartoonists to speed up their workflow. Brushes Libraries allow for Pressure Sensitivity if you are using a Tablet for Inking your Line Variation. Apply with Pen, Pencil, Shapes, or Paintbrush Tools. Adobe Illustrator Brush Libraries include our 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes. DIGITAL DOWNLOAD: BRUSHES BUNDLE
beginner adobe illustrator tutorial pug
400 ADOBE ILLUSTRATOR TEXTURES: Our 415 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. DIGITAL DOWNLOAD: TEXTURES BUNDLE
beginner adobe illustrator tutorial coyote
600 ADOBE ILLUSTRATOR RESOURCES: Our Adobe Illustrator Resource Bundle includes our Brush Libraries, Comic Halftones. and BMP Textures. Brush Libraries: 70 Cartoon, 100 Comic Strip, or 50 Vintage Mascot Brushes.. Halftones include our 70 Comic Strip Halftone Fills and Halftone Value Scales. Texture Folders: 145 Cracks, 120 Grunge Distressing, 75 Paper, and 77 Paint Splatter Textures. Follow along or use with your own artwork. DIGITAL DOWNLOAD: RESOURCE BUNDLE
ADOBE ILLUSTRATOR

RESOURCE BUNDLE

DOWNLOAD RESOURCE BUNDLE
SPRING SALE 30% OFF

DIGITAL DOWNLOADS

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. 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.
beginner adobe illustrator tutorial whale
200 ADOBE ILLUSTRATOR BRUSHES: Our 200 Brushes are specifically designed for Illustrators and Cartoonists to speed up their workflow. Brushes Libraries allow for Pressure Sensitivity if you are using a Tablet for Inking your Line Variation. Apply with Pen, Pencil, Shapes, or Paintbrush Tools. Adobe Illustrator Brush Libraries include our 70 Cartoon, 100 Comic Strip, and 50 Vintage Mascot Brushes. DIGITAL DOWNLOAD: BRUSHES BUNDLE
beginner adobe illustrator tutorial pug
400 ADOBE ILLUSTRATOR TEXTURES: Our 415 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. DIGITAL DOWNLOAD: TEXTURES BUNDLE
beginner adobe illustrator tutorial coyote
600 ADOBE ILLUSTRATOR RESOURCES: Our Adobe Illustrator Resource Bundle includes our Brush Libraries, Comic Halftones. and BMP Textures. Brush Libraries: 70 Cartoon, 100 Comic Strip, or 50 Vintage Mascot Brushes.. Halftones include our 70 Comic Strip Halftone Fills and Halftone Value Scales. Texture Folders: 145 Cracks, 120 Grunge Distressing, 75 Paper, and 77 Paint Splatter Textures. Follow along or use with your own artwork. DIGITAL DOWNLOAD: RESOURCE BUNDLE
ADOBE ILLUSTRATOR

RESOURCE BUNDLE

DOWNLOAD RESOURCE BUNDLE
SPRING SALE 30% OFF

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