All classes Illustrator Syllabus · Episode 59 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 #59: Retro Text Effect with Appearance: Many Fills, Many Strokes, and Offset”.

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

Premium

Krita · Beginner

Krita: Drawing a Cartoon Dog & Cat

Draw two cartoon characters, a dog in a hoodie and a cat, in Krita using only the mouse: Fill Tool, Rectangle, Ellipse, Polygon, and the Basic-1 brush, in 17 steps with color codes.

7 min 4 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

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: retro text with offset shadows and thick lines, but still one text object that can be re-typed, using the Appearance panel. Let's get started. Hello, welcome back to the complete Adobe Illustrator series from Cerdas Inovasi Digital. The beginner's way to create layered text is to duplicate the text multiple times. The professional way is to use the Appearance panel, one object with many fills and strokes stacked on top of each other.

Step 1: Text and Appearance Panel

Type 'retro 80' with a thick font. Open the Appearance panel. You'll see a list of object attributes, characters, then stroke, fill, and opacity. We'll add layers here.

Step 2: First Fill

Change the text fill to bright yellow. This becomes the topmost visible layer.

Step 3: Second Fill as Shadow

Click 'Add New Fill'. A new fill appears on top, drag it down below the yellow fill and apply a pink color. Then apply the effect 'Distort and Transform' to this fill. Transform with a shift of 8 pixels to the right and down. An offset shadow appears.

Step 4: Third Fill

Add a third fill in a deep purple color at the very bottom with a shift of 16 pixels. Now the text has three layered color layers.

Step 5: Thick Stroke in the Back

Click 'Add New Stroke', apply a dark blue color and a thick 20-point stroke, then drag it to the very bottom. The thick line frames all the layers, typical of the retro style.

Step 6: Still Can Be Edited

Double-click the text and change it to 'retro 90'. All layers adjust automatically because everything is one object. Save the style in the Graphic Styles panel, then save and export.

Done!

Done. We've added many fills and strokes in the Appearance panel Moving the layer with the transform effect, arranging the order, and proving the text remains editable. In the next episode, we design a complete typographic poster. Need a logo design, brand identity, vector illustration, infographic, or print and social media materials? Cerdas Inovasi Digital provides vector graphic design services, as well as Illustrator courses from beginner to advanced. 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 for 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 a single class only? Buy a single class with lifetime access. Subscribe now at the premium page cerdasinovasidigital.com Contact us via 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

53 video classes1,281 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:34Step 1: Text and Appearance Panel

0:53Step 2: First Fill

1:01Step 3: Second Fill as Shadow

1:19Step 4: Third Fill

1:30Step 5: Thick Stroke in the Back

1:43Step 6: Still Can Be Edited

2:12Done!

Ask the class material

My notes

Questions & answers

Your instructor

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:34Step 1: Text and Appearance Panel

0:53Step 2: First Fill

1:01Step 3: Second Fill as Shadow

1:19Step 4: Third Fill

1:30Step 5: Thick Stroke in the Back

1:43Step 6: Still Can Be Edited

2:12Done!

Ask the class material

My notes

Questions & answers

Your instructor

Introduction

Step 1: Text and Appearance Panel

Step 2: First Fill

Step 3: Second Fill as Shadow

Step 4: Third Fill

Step 5: Thick Stroke in the Back

Step 6: Still Can Be Edited

Done!

Introduction

Step 1: Text and Appearance Panel

Step 2: First Fill

Step 3: Second Fill as Shadow

Step 4: Third Fill

Step 5: Thick Stroke in the Back

Step 6: Still Can Be Edited

Done!