All classes Illustrator Syllabus · Episode 2 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 “Illustrator Class #2: Vector vs Raster: Why Logo Design Must Use Vector”.

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

Premium

Krita · Beginner

Krita: Drawing a Girl Riding a Bicycle

Draw a cartoon girl riding a bicycle with Krita (free), layer by layer: a sky gradient, Ellipse/Polygon/Rectangle without outlines, wheels with the Ellipse Tool in Outline Brush mode, a frame with a thick brush, the character, and Airbrush motion lines, in 19 steps with color codes.

16 min 3 0

View class

Krita: Painting an Anime Girl with an Umbrella in a Flower Field

Free

Krita · Beginner

Krita: Painting an Anime Girl with an Umbrella in a Flower Field

Paint an illustration of an anime girl with an umbrella in a flower field with Krita (free), layer by layer: a sky gradient, Polygon & Ellipse without outlines, the Basic-1 brush and Airbrush, in 19 steps with color codes.

20 min 6 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

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 will prove in this episode, raster images break into pixel blocks when enlarged, while vector designs remain sharp at any size, because they are composed of anchor points and paths. Let's get started. Hello, welcome back to the complete Adobe Illustrator series from Cerdas Inovasi Digital. Before we start designing, we need to understand the difference between two types of graphics, raster and vector. This is why logos, icons, and professional illustrations are almost always created in Illustrator.

Step 1: Raster is made up of pixels

On this artboard, there is a photo we placed using the File > Place command, and next to it is a vector logo. Photos are raster graphics, composed of small color blocks called pixels. The number of pixels is fixed, so their quality is limited.

Step 2: Zoom into the photo

Zoom in to the edge of the photo using the Zoom tool. The more you zoom in, the more the pixel blocks and blurry edges become visible. This is why raster images or logos look pixelated when printed at a large size.

Step 3: Zoom into the vector

Now zoom in on the vector logo with the same zoom level. The edges remain smooth and sharp. Vectors do not store pixels, but rather formulas for lines and curves, so illustrators redraw perfectly at every zoom level. Select the logo with the Direct Selection tool.

Step 4: Anchor points and paths

The small points that appear are called anchor points, and the lines connecting them are called paths. Thin lines with rounded ends are handles that control the curve shape.

Step 5: Outline mode

Press Ctrl Y to enter Outline mode. All colors are hidden and only the path outlines are displayed. The photo becomes a grid of intersecting squares, while the logo displays its original shape. Press Ctrl Y again to return to the preview view.

Step 6: Scale without breaking

Select the logo with the Selection tool, then drag the corner handles while holding Shift to scale it 3 times larger. The result remains sharp. Finally, save the file and export PNG twice as large. Vector designs remain smooth.

Done!

Done. We have compared raster and vector formats, viewed pixels in images, learned about anchor points, pass, and handles, used the Outline mode, and scaled vectors without breaking. In the next episode, we will learn navigation, zoom, Hand tool, and switching between artboards. Need a logo design, brand identity, vector illustrations, infographics, or print and social media materials? Cerdas Inovasi Digital provides vector graphic design services, as well as opens 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. Subscribe starting at Rp69.000 per month, save 28% with the 12-month package, or pay once Rp999.000 for lifetime access. Want just one class? Buy the single class with lifetime access. Subscribe now on the premium page cerdasinovasidigital.com. Contact our WhatsApp, or visit cerdasinovasidigital.com. Thank you for 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

52 video classes1,276 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:39Step 1: Raster is made up of pixels

0:58Step 2: Zoom into the photo

1:14Step 3: Zoom into the vector

1:34Step 4: Anchor points and paths

1:49Step 5: Outline mode

2:08Step 6: Scale without breaking

2:38Done!

Ask the class material

My notes

Questions & answers

Your instructor

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:39Step 1: Raster is made up of pixels

0:58Step 2: Zoom into the photo

1:14Step 3: Zoom into the vector

1:34Step 4: Anchor points and paths

1:49Step 5: Outline mode

2:08Step 6: Scale without breaking

2:38Done!

Ask the class material

My notes

Questions & answers

Your instructor

Introduction

Step 1: Raster is made up of pixels

Step 2: Zoom into the photo

Step 3: Zoom into the vector

Step 4: Anchor points and paths

Step 5: Outline mode

Step 6: Scale without breaking

Done!

Introduction

Step 1: Raster is made up of pixels

Step 2: Zoom into the photo

Step 3: Zoom into the vector

Step 4: Anchor points and paths

Step 5: Outline mode

Step 6: Scale without breaking

Done!