Free Art learning guide
Digital Art Illustration with Procreate: Beginner Roadmap
Digital Art Illustration with Procreate: Beginner Roadmap — a free beginner-level guide covering digital art illustration using procreate. Learn with...
What you will learn
- 1. Getting Started: Interface and Basics
- 2. Canvas Setup & Workflow Fundamentals
- 3. Brushes: Library, Settings, and Custom Creation
- 4. Sketching Foundations: Lines, Shapes, and Form
- 5. Color Theory & Palette Creation
- 6. Shading, Lighting, and Texturing Techniques
- 7. Advanced Composition: Perspective, Depth, and Effects
- 8. Exporting, Portfolio Building, and Next Steps
1. 1. Getting Started: Interface and Basics
A First‑Day Sketch: Why the Right Setup Matters Imagine you’ve just bought an iPad to finally bring those doodles from the back of your notebook to life. You fire it up, tap the bright orange icon, and a blank white space greets you. Your hand hovers over the screen, but you’re not sure what each button does or how to keep your work from disappearing. This chapter walks you through every step—from unboxing the hardware to saving your first canvas—so you can start drawing with confidence instead of guesswork. --- Required Hardware and Installing Procreate 1. The iPad | Device | Minimum iOS version | Why it matters | |--------|----------------------|----------------| | iPad (5th gen) or later | iPadOS 13 | Supports the full Procreate feature set | | iPad Air (3rd gen) or later | iPadOS 13 | Faster processor → smoother brush performance | | iPad Pro (any generation) | iPadOS 13 | Best for large canvases and multitasking | Tip: If you already own an older iPad that runs iPadOS 12 or earlier, Procreate 1 (the “legacy” version) may still be available, but it lacks many modern tools. Upgrading the device will give you the most future‑proof experience. 2. Apple Pencil | Pencil | Compatible iPads | Key feature | |--------|------------------|-------------| | Apple Pencil (1st gen) | iPad (6th gen) and newer, iPad Air (3rd gen), iPad Pro 12.9‑inch (1st & 2nd gen) | Magnetic charging not available; pairs via Lightning connector | | Apple Pencil (2nd gen) | iPad Pro (3rd gen+) and iPad Air (4th gen+) | Wireless charging, double‑tap shortcut | Both pencils provide pressure sensitivity and tilt, which are essential for realistic brush strokes. If you’re just starting, the 1st‑gen Pencil is often the more affordable choice and works perfectly with Procreate. 3. Installing Procreate 1. Open the App Store on your iPad. 2. Search for “Procreate.” The official icon is a stylized “P” in orange. 3. Tap the price (currently a one‑time purchase; no subscription). 4. Authenticate with your Apple ID, Face ID, or Touch ID. 5. Wait for the download—it’s typically under 200 MB, so a Wi‑Fi connection speeds things up. 6. Launch the app directly from the App Store or find it on your Home screen. Note: Procreate automatically updates itself when a new version appears in the App Store, ensuring you always have the latest tools and bug fixes. --- Opening Procreate: The Gallery When you first launch Procreate, you land in the Gallery—the hub where every canvas (your digital “paper”) lives. What the Gallery Shows - Thumbnails of each canvas, displaying the first few strokes. - Folders (optional) to organize projects by theme, client, or lesson. - Sorting options …
2. 2. Canvas Setup & Workflow Fundamentals
Choosing the Right Canvas Size and Resolution Imagine you’ve just been commissioned to design a festival poster that will be printed on a 24‑inch banner, but you also want to share a teaser on Instagram later that same day. The canvas you start with will determine whether the final artwork looks crisp on a billboard and stays sharp on a phone screen. Getting the dimensions and resolution right at the outset saves you from costly re‑work later. 1. Canvas Dimensions – Width × Height Procreate lets you set canvas size in pixels, inches, or centimeters. The choice depends on the intended output: | Output Type | Recommended Unit | Typical Size (W × H) | Why | |-------------|------------------|----------------------|-----| | Instagram post | Pixels | 1080 × 1080 (square) | Instagram rescales to 1080 px, so start at that size. | | Instagram story | Pixels | 1080 × 1920 (portrait) | Matches the platform’s vertical format. | | Print poster (18 × 24 in) | Inches | 18 × 24 | Allows you to think in real‑world dimensions. | | Web banner | Pixels | 1600 × 400 | Common width for responsive sites. | | Desktop wallpaper | Pixels | 2560 × 1440 (2K) | Fits most modern monitors. | Tip: When you tap the “+” button in the Gallery (see Getting Started), the New Canvas screen shows preset sizes for social media, printing, and more. You can also tap “Custom Size” to input your own values. 2. Understanding DPI / PPI DPI (dots per inch) and PPI (pixels per inch) are often used interchangeably in digital art. They describe how many pixels are packed into a linear inch of the final output. Higher DPI means more detail, but also larger file sizes. - Screen‑only work: 72 – 150 PPI is sufficient because screens display pixels directly. - High‑quality prints: 300 PPI is the industry standard for sharp, professional‑grade prints. - Large‑format prints (e.g., banners): 150 PPI is often acceptable because viewers stand farther away. Scenario: You want a 24 × 36 in poster. - At 300 PPI → 7200 × 10800 px → huge file (≈200 MB). - At 150 PPI → 3600 × 5400 px → still crisp when viewed from a distance, and the file is half the size. Rule of thumb: Choose the lowest DPI that still meets the viewing distance. If you’re unsure, start with 300 PPI for any print that will be examined up close; you can down‑sample later if the file becomes unwieldy. 3. Setting Canvas Size in Procreate 1. In the Gallery, tap “+” → “Custom Canvas.” 2. Choose your unit (pixels, inches, cm). 3. Enter Width and Height. 4. Tap …
3. 3. Brushes: Library, Settings, and Custom Creation
Diving into the Brush Library Imagine you’ve just opened a fresh canvas for a short comic strip. The line work feels flat, the ink looks like a dull pencil, and you wish you could instantly switch to a brush that mimics a real‑world dip‑pen. In Procreate, the answer lies hidden among the Brush Library – a treasure chest of ready‑made tools that can transform a simple stroke into a textured, expressive line. Where the Brush Library lives 1. Access the Library – From the Gallery, tap the “+” to create a new canvas (or open an existing one). In the canvas view, look to the top‑right corner for the brush icon (a paint‑brush silhouette). Tap it. 2. Default Categories – Procreate ships with 12 main categories (e.g., Sketching, Inking, Painting, Airbrushing). Each category contains a handful of brushes that are pre‑configured for a specific look. The categories are displayed as tabs at the top of the panel; swipe left or right to explore them. Tip: If you ever feel overwhelmed by the number of brushes, use the search bar at the top of the library to type a keyword like “watercolor” or “texture.” Browsing effectively - Preview a brush – Simply tap any brush thumbnail. The preview window at the bottom shows a quick stroke using the current brush settings. - Favorite a brush – Long‑press a brush thumbnail, then tap “Add to Favorites.” All favorites collect in the Favorites tab for one‑click access. - Rename or reorder – In the Favorites tab, tap Edit (top‑right) to drag brushes into a custom order or rename them for quicker recall. By mastering these navigation tricks, you’ll spend less time hunting for the right brush and more time drawing. --- Core Brush Settings: Size, Opacity, Flow, and Shape Dynamics Every brush in Procreate is governed by a set of parameters that determine how a stroke looks on the canvas. Understanding each knob lets you tailor any brush to your style—whether you need a delicate hairline or a bold, textured wash. | Setting | What It Controls | Typical Use Cases | |---------|------------------|-------------------| | Size | Diameter of the brush tip (in pixels). Larger sizes produce broader strokes; smaller sizes create fine lines. | Fine line art, broad background washes. | | Opacity | Transparency of the brush stroke (0 % = invisible, 100 % = fully solid). | Building up layers, creating ghosted sketches. | | Flow | How quickly the brush reaches its set opacity as you press harder. Low flow = gradual build‑up; high flow = immediate solid color. | Simulating watercolor washes, controlling ink bleed. | | Shape Dynamics | How the brush tip changes shape in response to …
4. 4. Sketching Foundations: Lines, Shapes, and Form
A First‑Line Sketch: From Idea to Clean Line in Seconds You’ve just spotted a quirky character idea while scrolling through Instagram. In the next 30 seconds you want to capture the pose, outline the silhouette, and have a line‑art version ready for coloring later. With Procreate’s Pencil brush, QuickShape, and a few keyboard‑style shortcuts, that workflow can become as fast and reliable as a traditional sketch‑pad—only you’ll have the power to edit, perfect, and organize every stroke instantly. Below we’ll walk through that entire process, step by step, turning a loose idea into a tidy line drawing that’s ready for the next module on color and shading. By the end you’ll be comfortable: drawing clean lines with the Pencil brush and mastering Undo/Redo shortcuts; constructing objects from basic geometric shapes and combining them; applying simple proportion guidelines for heads, torsos, and limbs; using QuickShape to lock down perfect circles, squares, and polygons; and organizing sketch layers so you can convert a rough sketch into crisp line art with a single tap. --- 1. Preparing Your Canvas for Sketching Before you even pick up the Apple Pencil, make sure your workspace mirrors the workflow you practiced in Canvas Setup & Workflow Fundamentals. 1. Create a new canvas (tap the “+” in the Gallery) and choose a size that gives you room to zoom—1920 × 2560 px is a comfortable default for portrait work. 2. Turn on Drawing Guides (Actions ▶ Canvas ▶ Drawing Guide). Select 2‑D Grid and set Grid Size to 1 in (or the metric equivalent). This grid will become your invisible ruler for proportion. 3. Add a quick reference layer: tap the Layers panel, create a new layer, and name it Sketch. Lower its opacity to 30‑40 % – this will let you see the underlying grid without it overwhelming the strokes. Tip: If you already have a canvas from a previous exercise, you can duplicate it (swipe left → Duplicate) and rename the copy “Sketch‑Practice” to keep your work tidy. --- 2. Mastering the Pencil Brush for Clean Line Work The Pencil brush lives in the Brush Library under Sketching → Pencil. It emulates a traditional graphite pencil, responding to pressure and tilt for line weight variation—perfect for both loose sketches and tight line art. 2.1. Setting Up the Brush Size: Start with a modest tip size of 5 pt. You can increase or decrease later, but a moderate size gives you enough definition without looking too heavy. Shape: Keep the Shape set to Round for consistent lines. StreamLine: Set to 0 % while you practice clean strokes; you’ll turn it up later for smoother, less jittery lines. All these settings are saved automatically to your brush …
5. 5. Color Theory & Palette Creation
A Splash of Color: Why Your First Illustration Should Feel Right Imagine you’ve just sketched a friendly dragon for a children’s book cover. The line‑art is ready, but the blank canvas feels… empty. A warm orange‑red palette will make the dragon feel energetic and inviting, while a cool blue‑green scheme could turn it into a calm, night‑time guardian. The colors you choose are the story’s emotional backbone. In this chapter you’ll learn how hue, saturation, and value shape mood, how to craft harmonious palettes inside Procreate, and how to apply those colors quickly and confidently to your line work. --- 1. The Three Dimensions of Color Before you start clicking palettes, let’s break down the three qualities that make every color distinct. The terms are new‑bies’ best friends—learn them once and they’ll stick with you for every project. | Term | What It Means | Visual Effect | Mood Influence | |------|---------------|---------------|----------------| | Hue | The “pure” color you see on the rainbow (red, blue, yellow, etc.). | Determines the basic family of a color. | Warm hues (reds, oranges) feel energetic; cool hues (blues, greens) feel calm. | | Saturation | How vivid or muted a hue is. 100 % is pure; 0 % is gray. | A saturated color pops; a desaturated one blends into the background. | High saturation → excitement, attention. Low saturation → subtlety, sophistication. | | Value (or Brightness) | How light or dark a color is, regardless of hue. | Light values give a sense of airiness; dark values add weight. | Light values → openness, innocence. Dark values → drama, mystery. | Quick Test: Open a new canvas (see Getting Started: Interface and Basics). Select the Color Picker (the circle icon in the top‑right). Drag the Hue slider across the wheel, then slide the Saturation and Value bars. Notice how the same hue can feel lively, muted, or ominous just by adjusting these two sliders. 1.1 How the Three Dimensions Shape Mood 1. Warm + High Saturation + Medium‑High Value → Joyful, energetic (think sunrise). 2. Cool + Low Saturation + Low Value → Moody, mysterious (think foggy night). 3. Analogous (neighboring hues) + Balanced Saturation + Mixed Values → Harmonious, natural (think a forest). When you decide the story you want to tell, start by choosing a dominant hue that matches the emotion, then tweak saturation and value to fine‑tune the feeling. --- 2. Color Harmony: Building Relationships on the Wheel A single hue can work, but most illustrations feel richer when you use color relationships that the eye finds pleasing. Procreate’s Color Harmony panel visualizes these relationships instantly. 2.1 Common Harmony Rules (and When to Use Them) | Harmony | …
6. 6. Shading, Lighting, and Texturing Techniques
Understanding Light Sources Imagine you are looking at a single apple on a plain background. The moment a lamp is turned on, the apple instantly gains depth—bright spots appear, shadows fall, and the surface texture becomes visible. Light is the invisible sculptor of every digital illustration. Types of Light You’ll Meet First | Light Type | Typical Characteristics | When to Use | |------------|--------------------------|-------------| | Directional | Parallel rays, like sunlight or a studio spotlight. | Clear, strong shadows; good for dramatic scenes. | | Point | Radiates outward in all directions from a single point (e.g., a bare bulb). | Soft, circular fall‑off; useful for indoor scenes. | | Ambient | Even, non‑directional light that fills the space. | To lift overall darkness and prevent completely black shadows. | | Multiple | Two or more light sources interacting. | Complex environments, reflective objects. | Tip: For beginner projects, start with a single directional light. It’s the easiest to visualize and gives the clearest feedback as you practice shading. Placing the Light 1. Choose a side of your canvas (top‑left, bottom‑right, etc.) where the light will “come from.” 2. Mark a tiny dot on a separate reference layer—this is your light source. 3. Visualize the path of the light: imagine a line extending from the source to the nearest point on your object. That point will host the highlight (the brightest area). Keeping the light source consistent across all elements in a piece ties everything together and prevents the illustration from feeling “flat.” --- Mapping Light onto Form Every three‑dimensional shape can be broken down into a handful of value zones that respond to light. Mastering these zones lets you shade quickly and accurately. | Zone | Description | Typical Value (relative to base color) | |------|-------------|----------------------------------------| | Highlight | Directly hit by the light. | Lightest (often 80‑100 % of the lightest hue). | | Core Shadow | Area turned away from the light. | Darkest (30‑50 % of the base hue). | | Mid‑tone | The transition between highlight and core shadow. | 60‑70 % of the base hue. | | Reflected Light | Light that bounces off nearby surfaces onto the shadowed side. | Slightly brighter than core shadow (55‑65 %). | | Cast Shadow | Shadow cast onto another surface. | Usually a cooler, desaturated version of the core shadow. | Quick Five‑Step Shading Checklist 1. Identify the highlight (the spot nearest the light source). 2. Lay down the core shadow on the opposite side. 3. Blend in the mid‑tone to connect the two extremes. 4. Add reflected light where the shape curves back toward the light. 5. Draw the cast shadow on the ground or …
7. 7. Advanced Composition: Perspective, Depth, and Effects
Setting the Stage: Why Perspective Matters Imagine you’re scrolling through a digital illustration gallery and a particular piece catches your eye. The cityscape seems to pull you in—streets recede into the distance, lights glow with a soft haze, and every element feels anchored in a believable space. That magnetic pull isn’t magic; it’s the result of perspective and depth cues working together. When you master perspective grids, the rule of thirds, and atmospheric effects in Procreate, you give your drawings the same three‑dimensional feel that seasoned illustrators achieve with a camera lens. The tools are right at your fingertips—literally—on the iPad and Apple Pencil you’ve already set up in Getting Started and Canvas Setup & Workflow Fundamentals. Below, we’ll walk through each building block, from creating perspective guides to adding misty fog, so you can apply them to any subject—fantasy landscapes, sci‑fi interiors, or a simple still‑life with a dramatic backdrop. --- 1. Building Perspective Grids in Procreate 1.1 Understanding the Types of Perspective | Perspective | When to Use | Key Feature | |------------|-------------|-------------| | 1‑point | Roads, corridors, or any scene with a single vanishing point directly ahead | All lines converge to one point on the horizon | | 2‑point | City blocks, interior corners, or objects viewed from an angle | Two vanishing points on opposite sides of the horizon | | 3‑point | Tall skyscrapers, dramatic low‑angle shots, or looking up/down at extreme angles | Adds a third vanishing point either above (worm’s‑eye) or below (bird’s‑eye) the horizon | These terms are new jargon; keep the table handy as you decide which grid fits your composition. 1.2 Activating Procreate’s Perspective Guides 1. Open the Actions menu (wrench icon). 2. Tap Canvas → Guides → Edit Drawing Guide. 3. Choose Perspective from the dropdown. 4. Tap the grid icon to select 1‑point, 2‑point, or 3‑point. Tip: If you’re unsure which perspective works best, start with a 2‑point grid; it’s the most versatile for everyday scenes. 1.3 Positioning Vanishing Points - Horizon line: Drag the horizontal line up or down to set eye level. - Vanishing points: For 2‑point, move the two side points left or right; for 3‑point, also adjust the top or bottom point. Pro tip: Keep the vanishing points outside the canvas edges when you want a wide‑angle feel; placing them inside creates a more intimate, constrained view. 1.4 Locking the Grid for Accuracy Once your grid is where you want it, tap Lock in the same Edit Drawing Guide panel. This prevents accidental movement while you sketch. You can still toggle visibility (eye icon) to keep the grid out of the way but remain active for snapping. 1.5 Sketching on the Grid - …
8. 8. Exporting, Portfolio Building, and Next Steps
From Canvas to the World: Exporting Your Art Imagine you’ve just finished a vibrant illustration of a bustling street market—a piece you spent hours perfecting with the brush‑customization tricks from Chapter 3, the lighting nuances from Chapter 6, and a dynamic composition you built in Chapter 7. The canvas is alive, the colors pop, and the shadows sit just right. Now the real test begins: getting that artwork out of Procreate and into the hands of viewers, clients, or future collaborators. In this section we’ll walk through the exact steps to export your finished illustration in the most common file formats, set the right colour space and resolution for print or web, and make sure the final output looks exactly as you intended. 1. Choosing the Right Format | Format | When to Use | Key Characteristics | |--------|-------------|----------------------| | PNG | Web, social media, screenshots, transparent backgrounds | Loss‑less compression, supports alpha (transparency), ideal for crisp edges | | JPEG | Photo‑rich illustrations, email attachments, quick uploads | Lossy compression (adjustable quality), smaller file size, no transparency | | TIFF | High‑quality prints, archival storage, professional workflows | Loss‑less, supports layers (if saved as TIFF‑8), large file size | | PSD | Collaboration with Photoshop users, preserving layers for later editing | Retains layers, colour profiles, and adjustment layers | Tip: If you’re unsure, export a PNG for online sharing (preserves transparency) and a TIFF for any print‑ready version. Save a PSD if you anticipate further editing in Photoshop. 2. Export Workflow in Procreate 1. Open the Finished Canvas – From the Gallery, tap the thumbnail of the illustration you want to export. 2. Tap the “Actions” (wrench) icon – This is where all file‑related commands live. 3. Select “Share” – A list of available formats appears. 4. Pick a Format – Choose PNG, JPEG, TIFF, or PSD. 5. Set Export Options – - Resolution: Procreate automatically exports at the canvas size, but you can upscale or downscale using the “Resize” option before sharing if needed. - Quality (for JPEG): Drag the slider to balance file size versus visual fidelity. - Colour Profile: By default Procreate works in RGB. For print, you’ll switch to CMYK later (see “Preparing for Print”). 6. Choose Destination – Save to Files, send via AirDrop, or post directly to a social app. Pro tip: Keep a master copy of your canvas in the Procreate Gallery (or export a PSD) before making any size changes. This preserves the original resolution and layer structure. 3. Preparing Files for Print vs. Web 3.1. Colour Space Fundamentals - RGB (Red‑Green‑Blue) – The colour model for screens. Most of the work you’ve done in Procreate (including the palette you …
Continue learning
- Advanced Perspective Drawing for Professional ArtistsAdvanced Perspective Drawing for Professional Artists — a free advanced-level guide covering advanced perspective drawing for artists. Learn with clear...
- Intermediate Portrait Sketching: Mastering Form and RealismIntermediate Portrait Sketching: Mastering Form and Realism — a free intermediate-level guide covering intermediate sketching techniques for portraits....
- Basic Calligraphic Lettering for BeginnersBasic Calligraphic Lettering for Beginners — a free beginner-level guide covering learn basic calligraphic lettering for beginners. Learn with clear...
- Acrylic Pouring for Beginners: A Step-by-Step GuideAcrylic Pouring for Beginners: A Step-by-Step Guide — a free beginner-level guide covering how to do acrylic pouring for beginners. Learn with clear...