All classes Illustrator Syllabus · Episode 79 of 106

Checking access...

Want to go deeper?

Join one of our courses or ask us directly on WhatsApp.

View the full 106-episode syllabus View Illustrator Courses Ask on WhatsApp

Recommended classes for you

Picked from the software, topic, and level of “Class Illustrator #79: Isometric Basics: SSR Method for Cubes and Isometric Grid”.

104 episodesFree preview

Adobe InDesign · Beginner

Complete Adobe InDesign

104 video lessons with PDF guides, 6 h 7 min in total. Starts with: Getting to Know the InDesign Interface: Menu, Tools, Control Panel, Pages, and Layers.

6 h 7 min 40 0

View class

102 episodesFree preview

Adobe Photoshop · Beginner–Intermediate

Complete Adobe Photoshop

102 video lessons with PDF guides, 6 h 5 min in total. Starts with: Getting to Know the Photoshop Interface: Workspace, Toolbar, and Panels.

6 h 5 min 19 0

View class

Krita: Drawing a Girl Hanging Laundry in the Yard

Premium

Krita · Beginner

Krita: Drawing a Girl Hanging Laundry in the Yard

Want to learn to illustrate children's daily activities for storybooks? In this video we draw a girl hanging laundry in the yard with Krita (free), step by step. Comes with a step-by-step PDF and a project file to practice with.

14 min 9 0

View class

Krita: Drawing a Girl Dancing Ballet in a Studio

Premium

Krita · Beginner

Krita: Drawing a Girl Dancing Ballet in a Studio

Want to learn to illustrate children's daily activities for storybooks? In this video we draw a girl dancing ballet in a studio with Krita (free), step by step. Comes with a step-by-step PDF and a project file to practice with.

12 min 7 0

View class

Premium

Krita · Beginner

Krita: Painting a Snowy Village at Dusk

Paint a snowy village scene at dusk with Krita (free): a purple gradient sky, mountains, wooden houses with warm windows, layered snowy hills, and chimney smoke with Airbrush, in 16 steps with color codes.

12 min 7 0

View class

Need more than a video?

Other ways we can help with Adobe Illustrator.

Learn with a mentor

Scheduled Graphic Design courses with live guidance and a certificate.

Course

Course/Training Adobe Illustrator — Applying Adobe Illustrator to Clothing Design for Fashion Branding in the Digital Era

★ 5.0 (4)

Course

Course/Training Adobe Illustrator — Fashion Drawing with Adobe Illustrator CC – Advanced

★ 4.9 (9)

Course

Course/Training Graphic Design — Photoshop and Illustrator Ultimate Class: 100+ Practice Projects

★ 5.0 (6)

See all in Graphic Design →

Have it built for you

No time to learn Adobe Illustrator? Our team can do the project for you.

Service

Development Service: Adobe Illustrator — Fashion Drawing with Adobe Illustrator CC – Basic

★ 5.0 (5)

Service

Development Service: Adobe Illustrator — Applying Adobe Illustrator to Clothing Design for Fashion Branding in the Digital Era

★ 5.0 (3)

Service

Adobe InDesign Development Service — Learn Adobe InDesign by Making a Recipe Card

★ 5.0 (40)

See all in Graphic Design →

Get notified about new Adobe Illustrator classes

At most one email a week. Unfollow anytime with one click.

Transcript

The full narration of this video. The current sentence is highlighted while the video plays; click any sentence to jump there.

Show transcript

Introduction

This is what we'll create in this episode, a perfect isometric cube using the SSR method, scale, shear, rotate, plus an isometric grid for the next illustration. Let's get started. Hello, welcome back to the complete Adobe Illustrator series from Cerdas Inovasi Digital. Isometric is a 3D style without vanishing points, all lines are parallel and slanted at 30 degrees. The SSR method transforms a regular square into an isometric side with precise numbers. Draw three squares of the same size, 200 pixels. All three will become the top, left, and right sides of the cube.

Step 2: Top Side

Select the first square. Scale vertically 86.6%, then shear 30 degrees, then rotate minus 30 degrees. The square turns into a diamond shape for the top side. Select the second square.

Step 3: Left Side

Scale vertically 86.6%, shear minus 30 degrees, then rotate minus 30 degrees. This is the left side of the cube.

Step 4: Right Side

Third square. Scale 86.6%, shear 30 degrees, rotate 30 degrees. Arrange the three sides with the help of Smart Guide until the corner points meet. Give the top side the brightest color, the left side a medium color, and the right side the darkest color, all from one family of blue tones.

Step 5: Three-Tone Lighting

These three shades make the cube immediately look solid.

Step 6: Isometric Grid

Create slanted 30-degree lines in both directions and vertical lines with Transform Again, then make them guides. This grid helps draw other isometric shapes. Save and export. Done.

Done!

We've used the SSR method to create the top, left, and right sides of the cube, colored them with three shades of light, and created an isometric grid. In the next episode, we'll build an isometric building. Need a logo design, brand identity, vector illustration, infographic, or print and social media materials? Cerdas Inovasi Digital provides vector graphic design services and offers Illustrator courses from beginner to advanced levels. Want to master the entire series, 106 episodes from the interface to the final project? All episodes, complete with step-by-step PDF guides, practice files, and vector project files, are available to premium tutorial subscribers. Thank you for watching, see you in the next episode. Enjoy watching, see you in the next episode.

Ask the class material

Type a question or keyword; we find the part of this episode that explains it and jump the video there.

My notes

Notes are saved with the current video time and are only visible to you.

Questions & answers

Stuck on a step? Ask here; the instructor and other learners can answer.

No questions yet.

Your instructor

Cerdas Inovasi Digital Team

Software developers, BIM & 3D engineers, and AI practitioners

53 video classes1,286 episodes

We build software, BIM models, games and AI automations for clients every day, and turn that hands-on work into step-by-step classes: every step is shown on screen and comes with a PDF guide you can keep.

See our clients →

Memuat

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:49Step 2: Top Side

1:15Step 3: Left Side

1:35Step 4: Right Side

2:10Step 5: Three-Tone Lighting

2:28Step 6: Isometric Grid

2:50Done!

Ask the class material

My notes

Questions & answers

Your instructor

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:49Step 2: Top Side

1:15Step 3: Left Side

1:35Step 4: Right Side

2:10Step 5: Three-Tone Lighting

2:28Step 6: Isometric Grid

2:50Done!

Ask the class material

My notes

Questions & answers

Your instructor

Introduction

Step 2: Top Side

Step 3: Left Side

Step 4: Right Side

Step 5: Three-Tone Lighting

Step 6: Isometric Grid

Done!

Introduction

Step 2: Top Side

Step 3: Left Side

Step 4: Right Side

Step 5: Three-Tone Lighting

Step 6: Isometric Grid

Done!