Beginner Adobe Illustrator Tutorial using Shapes
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.
GATHERING PHOTOS: Start with your own photography or a properly licensed stock photo — never a random image pulled from a search engine, since you won't actually know its usage rights. A single, clearly-lit subject with a simple background gives the AI the cleanest signal to work from; a busy, cluttered photo forces it to guess at what in the frame actually matters. Higher-resolution source photos consistently produce better results than anything compressed or blurry, since detail that isn't in your original photo can't be recovered afterward.
PREPPING YOUR SKETCH: A clean scan or photo of your sketch matters more than a perfect drawing. Even lighting with no shadows or glare across the paper, and real contrast between your pencil lines and the paper itself, makes a genuine difference in how accurately the AI reads your linework. Photographing with your phone instead of scanning is fine — just shoot straight-on rather than at an angle, and crop out everything except the actual drawing before you attach it. A rough, loose sketch works completely fine, since the AI is built to clean it up, not judge your draftsmanship — but a sketch it genuinely can't see clearly will produce a result that drifts from what you actually drew. → DRAWING GUIDE
"BUILDING" ARTBOARD: I will recommend a (1080px by 1080px, 300PPI, RGB) as your Initial Artboard Size. The Initial Artboard Size can be changed at any point without ruining your own artwork. Use the Properties Panel to Scale Artwork and Artboards. LEARNING TARGET (1): Create a "Building Template" that includes Artboard Size, Resource Type, and Template Layers. LEARNING TARGET (2): Pick a "Building" Artboard Size you can use for your own Artwork and Social Media Postings. → ARTBOARD SIZE FINDER
FILE - PLACE: File -Place in your own Drawing, Sketch, or Traced Stock Photo. I recommend starting from a Clean Line Drawing or a simple Traced Stock Photo for your artwork and designs.
SCALE TO FIT: You can modify the size of the artwork using the Bounding Box or Scale Tool. Scale to Fit Artbaord. Align the your Artwork to the center of the Artbaord using the Align Panel.
TEMPLATE LAYER: In the Layers Panel, drop down in the menu for Template (50%) or double click on the layer for properties (Dim 10-30%). Lock Layer. Create a New Layer above for Building.
GENERAL PREFERENCES: 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. You can adjust the size of your Anchors and Handles under Selection and Anchor Display. Under your General Settings, make sure that Disable Auto Add/Delete is Selected.
SELECTION TOOLS: The Direct Selection Tool can grab and adjust the Anchors, Handles, and Paths. It is worth having your Smart Guides Path Labels Turned On so you know what the tool is selecting before dragging. The Selection Tool will move and select objects. I like using the Bounding Box for my Transform Tools, Turn On under View. I recommend this for Quick Scaling.
PRIMARY BUILDING: I will use Shapes, Pencil, and Pen Tools in Adobe Illustrator as my Primary Building Tools. Notice I have simplified my drawings and sketches to make this step feel like tracing.
VARIATION + EDITING: I will apply Brush Libraries for my Line Variation. Notice I am using Expanded Editing Tools to clean up my Paths before moving on to the Coloring Step.
ADVANCED COLORING: I will use Live Paint and the Live Paint Bucket to create my Basic Fills. Notice I have duplicated out the Flat Color Layer for Highlights, Shadows, Gradients, and Effects.
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. ACTION STEP: Align the Building Tools (Ellipse, Pen, and Curvature Tools) to the Design Elements (Shapes, Lines, and Curves) in your own drawing or sketch. PEN TOOL WORKFLOW / SHAPE BASED WORKFLOW / PENCIL TOOL WORKFLOW
COLOR SWATCHES + THEMES: Download or Save Color Swatches (Adobe Color) for your own artwork and designs. I recommend gathering and organizing resources within the same project folder (Stock Photos / Sketches / Thumbnails / Color Swatches).
SAVE OR DOWNLOAD SWATCHES. You can save Color Themes for your own artwork and designs. If you have CC, click add to Library. You can also download Color Swatches as an .ASE File to open through "Other Library" in the Swatches Panel Menu.
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.
T-SHIRT TEXTURES: BMP Textures will come to you as Zipped Folders. Once you have downloaded and extracted the folders, Textures are ready to be used in Adobe Illustrator. Download Crack, Grunge Distressing, Paper, and Paint Splatter BMP Textures. → DOWNLOAD TEXTURES / TEXTURES GUIDE
RESIZE ARTWORK: If you are building in a smaller scale you will need to resize your artwork before applying textures. I recommend duplicating the layer or copying and pasting to a new artboard. Select All - Group. Use the Properties Panel to transform your original Artwork or Design to fit Printer Requirements.
FILE - PLACE: Once you have grouped and resized (if needed) your own finished original artwork, you are ready to bring in the BMP Textures. Under File - Place Textures into your working Artboard. Scale to Fit over your entire design. To use Textures with Opacity Masks you will need to Group and Scale your Finished Artwork before Applying.
FILE PREP: An exported PNG looks blurry when the document is saved at a low resolution or when the anti-aliasing drops processing frames. To fix blurry PNG exports, verify that your export resolution is set to 300 PPI. Additionally, change the anti-aliasing option from "Type Optimized" to Art Optimized. This instructs Adobe Illustrator to prioritize smooth line work and vector curves rather than prioritizing text rendering.
EXPORTING: The best export settings for a high-quality PNG are found by navigating to File > Export > Export for Screens. Set the format to PNG, choose a scale multiplier of 2x or 300 ppi for high-resolution displays, and ensure the anti-aliasing setting is explicitly set to Art Optimized (Supersampling). This combination guarantees that crisp vector outlines remain perfectly smooth when converted into a raster image file.
NEW: START HERE
PENCIL TOOL WORKFLOW: Beginner Tablet Workflow using Pencil Tool and Live Paint Bucket. Understand the Building, Variation, and Advanced Coloring Methods. VIEW BEGINNER GUIDE
PENCIL TOOL WORKFLOW: Beginner Tablet Workflow using the Pencil Tool and Cartoon Brushes. Understand the Building, Variation, and Basic Coloring Methods. VIEW BEGINNER GUIDE
PEN TOOL WORKFLOW: Beginner Pen Tool Workflow using Comic Strip Brushes and Live Paint. Understand the Building, Variation, and Basic Coloring Methods. VIEW BEGINNER GUIDE
PEN TOOL WORKFLOW: Beginner Workflow using Pen Tool Shapes, Halftones, and Knife Tool. Understand the Building, Variation, and Basic Value Methods. VIEW BEGINNER GUIDE
PEN TOOL WORKFLOW: Beginner Pen Tool Workflow using Live Paint Bucket. Understand the Building, Variation, and Basic Coloring Methods. VIEW BEGINNER GUIDE
PEN TOOL WORKFLOW: Beginner Pen Tool Workflow using Shapes and Cartoon Brushes. Understand Building, Applying, and Editing Brush Libraries. VIEW BEGINNER GUIDE
SHAPE TOOL WORKFLOW: Beginner Shape Tool Workflow using Fills and Brushes. Understand the Building, Variation, and Basic Coloring Methods. VIEW BEGINNER GUIDE
PEN TOOL WORKFLOW: Beginner Pen Tool Workflow using Cartoon Brushes. Understand Building, Applying, and Editing Brush Libraries. VIEW BEGINNER GUIDE
PEN TOOL WORKFLOW: Beginner Pen Tool Workflow using Live Paint and Knife Tool. Understand the Building, Live Paint, and Advanced Value Methods. VIEW BEGINNER GUIDE
PEN TOOL WORKFLOW: Beginner Pen Tool Workflow using Live Paint and Knife Tool. Understand the Building, Variation, and Advanced Coloring Methods. VIEW BEGINNER GUIDE
PEN TOOL WORKFLOW: Beginner Pen Tool Workflow using Live Paint and Knife Tool. Understand the Building, Variation, and Advanced Coloring Methods. VIEW BEGINNER GUIDE
PEN TOOL WORKFLOW: Advanced Pen Tool Workflow using Pen Tool, Blend, and Live Paint. Understand Building, Variation, Editing, and Basic Coloring Methods. VIEW BEGINNER GUIDE
