TUTORIALS: Our Adobe Illustrator Tutorials will focus on the core areas of your workflow: building, editing, and coloring. LEARNING TARGET (1): Understand the Building Tools and Options. LEARNING TARGET (2): Understand Line Variation along with Live and Expanded Editing Tools. LEARNING TARGET (3): Understand Color, Values, and Gradients using Advanced Coloring Techniques.
BEGINNER: In our Beginner Guides and Tutorials, you will see me give Prompts and Learning Targets. These directions will simplify the process of learning Adobe Illustrator. LEARNING TARGET: Understand the Primary Building Tools and Options in Adobe Illustrator.
ADVANCED: As I am creating my artwork, pay attention to the Sequence of Events, Resources, and Tool Options as it relates to building a "Workflow." LEARNING TARGET: Apply Building, Variation, Editing, and Advanced Color Techniques to your own Artwork.
STOCK PHOTOS: As I create my artwork, pay attention to the resources used throughout the workflow. 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: Gather and organize resources within the same project folder (Stock Photos / Sketches / Thumbnails / Color Swatches). FREE RESOURCES GUIDE / RESOURCE GUIDES
DRAWING TEMPLATE: I have created a Drawing Template of 2160px by 1080px in Adobe Photoshop. This will allow me to Export my Drawing or Sketch from Layers at 1080px by 1080px. I have created a Frame of 1080px by 1080px. File - Place in your Photo Reference. You can add Adjustment Layers to assist your drawings and sketches. DIGITAL: Create a New Document 2160px by 1080px. PAPER: For those of you using Paper Methods, download any Free Scanning App on your phone to digitize your paper sketches and drawings.
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
ARTBOARDS: I will recommend a (1080px by 1080px, 300PPI, RGB) as your Initial or Base 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. BEGINNER: Create a "Building Template" that includes Artboard Size, Resource Images, and Template Layers. ADVANCED: For your own artwork, pick a "Building" Artboard Size you can use for your Website and Social Media Postings. Example: Instagram uses 1080px as its base size to modify for Landscape, Square, or Portrait.
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.
TEMPLATE LAYER: File-Place in your Resource Image (Traced Stock Photo, Drawing, or Sketch). Scale to Fit Artboard Size. 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. LEARNING TARGET (1): Create a Template Layer. Add a new Layer above for "Building."
PRIMARY BUILDING: As I create my artwork, I notice I am aligning the tools with the shapes and lines within my sketch or drawing. Many of you will use Shape, Pencil, and Pen Tools as your Primary Building Tools. LEARNING TARGET (1): Understand the Building Tools and Options in Adobe Illustrator. LEARNING TARGET (2): Align the Building Tools (Ellipse, Pen, and Curvature Tools) to the Design Elements (Shapes, Lines, and Curves) in your artwork. BEGINNER GUIDES / ILLUSTRATOR TUTORIALS
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 own 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.
DIGITAL DOWNLOADS: Many of you are jumping over from YouTube looking to download our Adobe Illustrator Brushes and Resource Folders. Once you have downloaded and extracted the folders, Digital Downloads are ready to use in Adobe Illustrator. Start with our Resource Guides, Illustrator Tutorials, or YouTube Playlists to understand how to apply resources in Adobe Illustrator. BRUSH LIBRARIES / COMIC HALFTONES / T-SHIRT TEXTURES / RESOURCE BUNDLE
CARTOON BRUSHES: Cartoon Brushes are my go-to brushes for Professional Logos, Cartoons, Mascots, and Branding. Use Cartoon Illustrator Brushes with the Pen, Pencil, or Paint Brush Tools to Apply different Line Variation to your Vector Artwork. (Updated) Cartoon, Cartoon 2, and Original Cartoon Brush Libraries.
COMIC STRIP BRUSHES: Hand Painted + Comic Strip Brushes to get a lived in feel back into your Vector Art. Comic Strips and Hand Painted are painted based on some of my favorite artists and cartoonists. These brushes are designed to look ready for the Sunday Paper. (Updated) Comic Strip, Hand-Painted, Paintbrush, and Fine Liner Brush Libraries.
MASCOT BRUSHES: Jittery Hand, Caffeinated Cartoonist + Rough Ink Brushes to Mimic Paper Bleed and Caffeine. Designed to be a little less stiff with your vector art. Use these Brush Libraries to get more of a distressed look or ink bleed back in your own Vector Artwork. (Updated) Caffeinated Cartoonist, Rough Ink, and Jittery Hand Brush Libraries.
SAVE BRUSHES: Open All of the Brushes Libraries in Adobe Illustrator. (File - Open). Have your Brushes Panel Open. Under Window - Brushes. In the Brushes Menu, select "Save Brush Library." The Default Save Location is "User Defined." Repeat this step for each Brush Library.
OPEN BRUSHES: Under Window - Select Brushes. In the Brushes Menu, drop down to Open Brush Library. Hover over it and select "Other Library." A Normal Open Dialogue Box will appear to select any Brush Library to use in Illustrator. Almost all Tutorials use this method.
LIVE PAINT BUCKET: As I color my artwork, notice I am using Live Paint to create my Basic Fills or Flat Color Layer. Select what you want to color. Object - Live Paint - Make. Click to dump color just like in Adobe Photoshop with the Live Paint Bucket Tool. Remember to expand and ungroup when you have completed the coloring step. BEGINNER: Understand how to apply Flat Color using Live Paint Bucket. ADVANCED: For your own artwork, duplicate your Flat Color Layer for Value and Gradient Steps. Separate your Final Line by using the Magic Wand Tool to select your Edited and Expanded Brushes Layer.
COLOR SWATCHES: Download Free Color Swatches (Adobe Color) to use with your own artwork and designs. I recommend starting by typing in the Subject Matter using the Explore Tab. You can also use the Extract Theme feature on Adobe Color or Canva to create a Color Theme based on your own Photo Reference. Add the Color Themes to your Library (CC) or download them as ASE files.
SAVING SWATCHES: If you have a CC Account, simply click Add to Library from Adobe Color. If you don't have a CC Account, download Color Swatches from Adobe Color as an ASE File. LEARNING TARGET (1): Save or Download Free Color Swatches for your own artwork and designs.
FONT FAMILIES: Download Font Families (Adobe Fonts) to use with your own artwork and designs. Sort through the Adobe Fonts that will align with your artwork or design. I recommend using the Tags to sort Fonts based on the Theme or Style of your design or artwork. LEARNING TARGET (1): Add Font Families that will align with your artwork or design.
SAVING FONTS: When you find a Font or Family you like, you can simply click the Add Family to your Account. The Fonts will be available across your Adobe Programs.
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
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.
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.
BEGINNER GUIDES
BEGINNER: Understand the Building, Variation, and Basic Coloring Methods. VIEW BEGINNER GUIDE
BEGINNER: Understand the Building, Variation, and Advanced Coloring Methods. VIEW BEGINNER GUIDE
BEGINNER: Understand Building, Variation, Editing, and Basic Coloring Methods. VIEW BEGINNER GUIDE
BEGINNER: Understand the Building, Variation, and Advanced Coloring Methods. VIEW BEGINNER GUIDE