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

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. Start with our Resource Guides and Illustrator Tutorials to learn how to Apply Brush Libraries, Comic Halftones, and T-Shirt Textures.
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. Start with our Resource Guides and Illustrator Tutorials to learn how to Apply Brush Libraries, Comic Halftones, and T-Shirt 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.

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.