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

FREE RESOURCES: As I create my artwork, pay attention to the free resources used throughout the workflow. Download Stock Photos, Color Swatches, and Font Families to use with your own artwork and designs. BEGINNER: For your own artwork, I recommend starting from a Drawing, Sketch, or Traced Stock Photo. ADVANCED: Gather and organize resources within the same project folder (Stock Photos / Sketches / Thumbnails / Color Swatches)FREE RESOURCES GUIDE / RESOURCE GUIDES

RESOURCES: As I create my artwork, pay attention to the resources being used throughout the workflow. BEGINNER: For your own artwork, I recommend starting from a Drawing, Sketch, or Traced Stock Photo. ADVANCED: Gather and organize resources within the same project folder (Stock Photos / Sketches / Thumbnails / Color Swatches). 

RESOURCES: As I create my artwork, pay attention to the resources used throughout the workflow. BEGINNER: For your own artwork, start from a Drawing, Sketch, or Traced Stock Photo. ADVANCED: I recommend gathering and organizing resources within the same project folder (Stock Photos / Sketches / Thumbnails / Color Swatches). RESOURCE GUIDES

STOCK PHOTOS: Download Free Stock Photos (Unsplash) to use as Drawing, Design, or Color References. BEGINNER: For your own artwork, I recommend starting from a Drawing, Sketch, or Traced Stock Photo in Adobe Illustrator. ADVANCED: I recommend gathering and organizing resources within the same project folder (Stock Photos / Sketches / Thumbnails / Color Swatches). 

RESOURCES: As I create my artwork, pay attention to the resources being used throughout the workflow. BEGINNER: Download Free Stock Photos (Unsplash) to use as Drawing, Design, or Color References. BEGINNER: For your own artwork, I recommend starting from a Drawing, Sketch, or Traced Stock Photo. ADVANCED: I recommend gathering and organizing resources within the same project folder (Stock Photos / Sketches / Thumbnails / Color Swatches). 

REFERENCE IMAGES: For your own artwork, download Free Stock Photos (Unsplash) to use as Drawing, Design, and Color References. I recommend gathering and organizing resources within the same project folder (Stock Photos / Sketches / Thumbnails / Color Swatches).  BEGINNER/ADVANCED: For your own artwork, I recommend starting from a Drawing, Sketch, or Traced Stock Photo.

STOCK PHOTOS: For your own artwork, I recommend downloading Free Stock Photos (Unsplash) to use as Drawing, Design, or Color References. Start from a Drawing, Sketch, or Traced Stock Photo. BEGINNER: As I create my artwork, pay attention to the resources used throughout the workflow. ADVANCED: I recommend gathering and organizing resources within the same project folder (Stock Photos / Sketches / Thumbnails / Color Swatches). 

Image
DRAWING OR TRACED PHOTO: The easiest starting point for Adobe Illustrator is a Clean Line Drawing or Traced Stock Photo. BEGINNER: For your own artwork, create a "Traceable Path" to align with the Building Tools in Adobe Illustrator. ADVANCED: Prepare your drawings for Specific Tools (ex. Ellipse, Pen, or Pencil) or Steps in your Workflow (ex. Building, Brushes, or Values).  
DRAWING OR TRACED PHOTO: If you are a beginner to Adobe Illustrator I would try to avoid starting from a Blank Artboard, Full-Color Photo, or Super Sketchy Drawing. BEGINNER: For your own artwork, create a "Traceable Path" to align with the Building Tools in Adobe Illustrator. ADVANCED: Prepare your drawings for Specific Tools (ex. Ellipse, Pen, or Pencil) or Steps in your Workflow (ex. Building, Brushes, or Values).  DRAWING GUIDE / GETTING STARTED GUIDE
DRAWING OR TRACED PHOTO: If you are new to Adobe Illustrator, it's best to avoid starting from a blank artboard, a full-color photo, or a super sketchy drawing. BEGINNER: For your own artwork, create a "Traceable Path" to align with the Building Tools in Adobe Illustrator. ADVANCED: Prepare your drawings for Specific Tools (ex. Ellipse, Pen, or Pencil) or Steps in your Workflow (ex. Building, Brushes, or Values). DRAWING GUIDE / GETTING STARTED GUIDE
DRAWING OR TRACED PHOTO: The easiest starting point for Adobe Illustrator is a Clean Line Drawing or Traced Stock Photo. BEGINNER: Avoid starting from a Blank Artboard, Full-Color Photo, or Super Sketchy Rough Draft. BEGINNER: For your own artwork, create a "Traceable Path" to align with the Building Tools in Adobe Illustrator. ADVANCED: Prepare your drawings for Specific Tools (ex. Ellipse, Pen, or Pencil) or Steps in your Workflow (ex. Building, Brushes, or Values).
Image
PRIMARY BUILDING TOOLS: Many of you will be bouncing from the Ellipse Tool for Shapes and the Pen or Pencil Tool for your Linework. Once you know the Primary Building Tools you can start prepping your sketches and drawings directly for Adobe Illustrator. CHECKLIST: For your own artwork, use the most obvious Primary Building Tool to lay down your initial paths and objects. 
PRIMARY BUILDING: As I create my artwork, notice I am aligning the Building Tools to the Shapes and Lines within my Sketch or Drawing. Many of you will be using Shape, Pencil, and Pen Tools as your Primary Building Tools. BEGINNER: Understand the Building Tools and Options in Adobe Illustrator. ADVANCED: Align the Building Tools (Ellipse, Pen, and Curvature Tools) to the Design Elements (Shapes, Lines, and Curves) in your own drawing or sketch. 
PRIMARY BUILDING: As I create my artwork, notice I am aligning the Building Tools to the Shapes and Lines within my Sketch or Drawing. Many of you will be using Shape, Pencil, and Pen Tools as your Primary Building Tools. BEGINNER: Understand the Building Tools and Options in Adobe Illustrator. ADVANCED: Align the Building Tools (Ellipse, Pen, and Curvature Tools) to the Design Elements (Shapes, Lines, and Curves) in your own drawing or sketch. BEGINNER GUIDES / ILLUSTRATOR TUTORIALS 
PRIMARY BUILDING: As I create my artwork, notice I am aligning the Building Tools to the Shapes and Lines within my Sketch or Drawing. Many of you will be using Shape, Pencil, and Pen Tools as your Primary Building Tools. BEGINNER: Understand the Building Tools and Options in Adobe Illustrator. ADVANCED: Align the Building Tools (Ellipse, Pen, and Curvature Tools) to the Design Elements (Shapes, Lines, and Curves) in your own drawing or sketch. BEGINNER GUIDES / ILLUSTRATOR TUTORIALS / RESOURCE GUIDES
Image
ADOBE COLOR. Adobe Color has a beautiful website for you to download your own Color Swatches and Themes for Free. Think about your own artwork, design, or character. Do you have a starting point? If you have a subject matter, you can Type the Subject directly into Adobe Color to find Color Themes. Another fun place to start is the Trends Tab.
DOWNLOAD SWATCHES.  You can save Color Themes for your own artwork and designs. If you have CC, click add to Library. If you don't have CC, look to download the .ASE file to Open Swatch Library in the Color Swatches Menu. If you have a Photo Reference, you can upload your photo to Extract Theme under the Create Tab.
COLOR SWATCHES: Use Color Swatches from your Library or save them from Adobe Color as an .ASE File. Open Swatch Library from the “Other Library” Option. Most Color Themes will use Hues as the Base Color. We will be using Live Paint to create our Basic Fills or Flat Color Layer.
LIVE PAINT: Coloring will be extremely easy using Live Paint Bucket. The goal of Live Paint is to create Shapes that we can color using Fills. Once you have completed the Live Paint Group, it is important to Expand and Upgroup. We will leverage these shapes for our Values and Gradients.
KNIFE TOOL: After using Live Paint, Expand and Ungroup. Use a Duplicated Flat Color Layer for your Value Layers. The Knife Tool will cut Shapes. I recommend cutting out all of the shapes first before deleting them. You can use this technique for Highlights, Shadows, or Cast Shadows.
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 ice cream
BEGINNER: Understand the Building, Variation, and Advanced Coloring Methods. VIEW BEGINNER GUIDE
beginner adobe illustrator tutorial ice cream
BEGINNER: Understand the Building, Variation, and Advanced Coloring Methods. VIEW BEGINNER GUIDE
beginner adobe illustrator tutorial ice cream
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 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.