adobe illustrator tutorial for beginners monkey

Beginner Adobe Illustrator Tutorial using Shapes

In Adobe Illustrator, 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 monkey shapes
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, Color Swatches, and Brush Libraries 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 Resources 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
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." 

Align to Selection

Always think what you are aligning to and then do a double check of your settings. We will typically align objects (to selection) and then group them to maintain.

Thought Process

Most of you will actually choose the correct Align Button without any trouble, the issue is not checking if it is Aligning to artboard or selection. It will crash into the middle of the artboard so it is pretty obvious when Align to Artboard is Selected.

Align to Artboard

If you are building in the center of an artboard this is extremely helpful or it can be frustrating. The main trick is to Group Objects and then Align them to Artboard. Again, they will crash into the middle to let you know they are not grouped.

Group Objects

Easiest way to think about grouping is when you have two objects aligned on opposite sites of the center line. These will be the objects that will crash into the center when Aligning to Artboard.

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.

Opening Color Swatches

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.

RESOURCE GUIDES: Digital Downloads will come as Zipped Folders. Once you have Downloaded and Extracted the Resource Folders, they are ready to be used in Adobe Illustrator. Follow along with our Resource Guides and Tutorials to learn how to Apply Brushes + Halftones + Textures. BRUSHES GUIDE / HALFTONES GUIDE / TEXTURES GUIDE
Image
FILE + PLACE. 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.
Image
TRANSPARENCY PANEL. Adjustments to the texture file can be made in the Transparency Panel in Adobe Illustrator. 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.
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. You can download Individual Texture Folders or save on our BMP Textures Bundle. BMP Textures: 145 Cracks, 120 Grunge Distressing, or 75 Paper + 77 Paint Splatter Textures.
beginner adobe illustrator tutorial whale
120 GRUNGE BMP TEXTURES: Grunge Distressing Textures to Apply Opacity Masks to your Own Original Artwork and T-shirt Designs. Use BMP Textures to apply Grunge and Distressing Effects to your Artwork and Designs to use with the Transparency Panel and Opacity Masks for Adobe Illustrator. Great for t-shirt distressing using BMP Textures and Opacity Masks to show the garment color on your Own Original Artwork.
beginner adobe illustrator tutorial pug
75 PAPER + 77 PAINT BMP TEXTURES: Paper + Paint Splatter Textures to use along with the Transparency Panel to create soft texture overlays for your own original artwork. This is great for those of you who are using Textures for Web, Print, and Social Media Sites. Use Textures with a combination of Color Swatches, Transparency, Blending Modes, and Clipping Masks to create a subtle texture overlay on your print or web exports.
beginner adobe illustrator tutorial coyote
145 CRACK BMP TEXTURES: Cracks and Distressing Textures to Apply Opacity Masks to your Own Original Artwork and T-shirt Designs. Use BMP Textures to apply Cracks and Distressing Effects to your Artwork and Designs by Applying Opacity or Transparency Masks for Adobe Illustrator. Created for T-Shirt distressing using your own Original Artwork and Opacity Masks to show through to the garment color. 
DOWNLOAD

T-SHIRT TEXTURES

DOWNLOAD 400 TEXTURES
20% OFF (SAVE $15)
DOWNLOAD

T-SHIRT TEXTURES

DOWNLOAD 400 TEXTURES
20% OFF (SAVE $15)
DOWNLOAD

T-SHIRT TEXTURES

DOWNLOAD 400 TEXTURES
25% OFF (SAVE $30)

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

adobe illustrator tutorial wacom tablet pug
adobe illustrator pen tool tutorial
adobe illustrator wacom tablet duck
adobe illustrator pen tool snail
adobe illustrator pen tool whale tutorial
adobe illustrator tutorial sketch vector
beginner adobe illustrator tutorial pug
BEGINNER: Understand the Building, Variation, and Advanced 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 posicle
BEGINNER: Understand the Building, Variation, and Coloring Methods VIEW BEGINNER GUIDE
beginner adobe illustrator tutorial ice cream
BEGINNER: Understand the Building, Variation, and Coloring Methods. VIEW BEGINNER GUIDE
beginner adobe illustrator tutorial ice cream
BEGINNER: Understand the Building, Variation, and Coloring Methods. VIEW BEGINNER GUIDE 
beginner adobe illustrator tutorial duck
BEGINNER: Understand the Building and Coloring Methods using Shapes. VIEW BEGINNER GUIDE
beginner adobe illustrator tutorial ice cream
BEGINNER: Understand the Building, Variation, and Coloring Methods using Shapes. VIEW BEGINNER GUIDE
beginner adobe illustrator tutorial duck
BEGINNER: Understand the Building and Coloring Methods using Shapes. 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 duck
BEGINNER: Understand Building, Variation, Editing, and Basic Coloring Methods. VIEW DUCK TUTORIAL
beginner adobe illustrator tutorial snail
BEGINNER: Understand Building, Variation, and Expanded Editing Methods. VIEW SNAIL TUTORIAL
beginner adobe illustrator tutorial ice cream
BEGINNER: Understand the Building, Variation, and Advanced Coloring Methods. VIEW CAT TUTORIAL

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