StretchLearn Course

Draw clean isometric worlds that actually read as 3D

True 30-degree geometry, repeatable tool setups, and a shading system you can trust across a whole scene.

Beginner9 hr 45 minSelf PacedRegistered

Course Overview

What this course is designed to develop

This course teaches isometric illustration from the grid up: the 30-degree construction method, the SSR Action and Figma plugin workflows, and a three-value shading system that reads as 3D. You will draw furniture, a workstation, and a small city block, then assemble a finished tech-explainer scene. Every technique is shown with exact angles, scale ratios, and named tools so your results stay sharp and repeatable.

Learning Outcomes

What the learner should be able to understand, build, or execute.

01

Construct a true isometric grid at 30 degrees in Illustrator and Figma

02

Convert flat shapes to isometric faces using the SSR Action and skew-rotate-shear math

03

Apply a consistent three-value light model across an entire scene

04

Build modular isometric assets (rooms, devices, vehicles) that snap together

05

Compose a polished tech-explainer illustration with depth cues and focal hierarchy

06

Export crisp, retina-ready isometric art for web, decks, and app stores

Curriculum Preview

Inside the curriculum: a structured path from fundamentals to execution.

Preview the course structure, see how the modules build on one another, and understand the path this program is designed to take you through.

Module 1

Module 1: The Isometric Grid and Why 30 Degrees

Understand what true isometric actually means, why 30 degrees is the magic angle, and how to set up a precise grid in both Illustrator and Figma.

3 lessons
True Isometric vs. Dimetric vs. Fake 'Iso'Content · 45 min
Preview Enabled
Building a 30-Degree Grid in IllustratorContent · 50 min
LMS Access
An Isometric Grid in FigmaContent · 45 min
LMS Access
Module 2

Module 2: Constructing Objects on the Grid

Turn flat shapes into solid isometric objects, from a single cube to detailed furniture and devices, while keeping edges clean and editable.

3 lessons
From Flat Square to Isometric CubeContent · 45 min
LMS Access
Modular Furniture and PropsContent · 55 min
LMS Access
Keeping Edges Crisp and EditableContent · 45 min
LMS Access
Module 3

Module 3: Light, Shadow, and Color That Reads as 3D

Apply a single, consistent light model so flat vector faces feel solid, with believable shadows, ambient occlusion, and a palette that holds together.

3 lessons
The Three-Value Light ModelContent · 50 min
LMS Access
Cast Shadows and Ambient OcclusionContent · 50 min
LMS Access
Building a Cohesive PaletteContent · 45 min
LMS Access
Module 4

Module 4: Composition, Scenes, and Tech-Explainer Work

Assemble objects into a full scene, apply explainer conventions like cutaways and callouts, and export retina-clean art for real product and marketing use.

3 lessons
Composing a Full Isometric SceneContent · 55 min
LMS Access
Explainer Conventions: Callouts, Cutaways, FlowContent · 50 min
LMS Access
Exporting Crisp Art and Building a Portfolio PieceContent · 50 min
LMS Access

Built for Application

A complete learning path, not a one-off inspiration hit.

This program is designed around progression: focused lessons, structured modules, applied resources, assessments, and a course rhythm that turns information into usable capability.

isometricvector illustrationAdobe IllustratorFigma30-degree gridflat shadingtech illustrationexplainer graphics