All classes Illustrator Syllabus · Episode 21 of 106

Illustrator Class #21: Project Module 3: City Illustration with Arrange, Paste in Front, and Paste in Back

0 views

Illustrator Tutorial: City illustration from basic shapes, Arrange, Paste in Front, Paste in Back, locking objects. Episode 21 of the Complete Adobe Illustrator Series.

Software: Adobe Illustrator
Level: Beginner
Duration: ± 4 min
Series total: 6 h 32 min · 106 videos
Published: October 27, 2026

Episode 21 of 106 · view syllabus

Subscribe ▶ Watch the video lesson0 plays

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 #21: Project Module 3: City Illustration with Arrange, Paste in Front, and Paste in Back”.

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

Krita: Drawing a Girl Doing Homework at Her Desk

Premium

Krita · Beginner

Krita: Drawing a Girl Doing Homework at Her Desk

Want to learn to illustrate children's daily activities for storybooks? In this video we draw a girl doing homework at her desk with Krita (free), step by step. Comes with a step-by-step PDF and a project file to practice with.

19 min 6 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 the final project of module 3, a sunset city illustration with layered buildings, glowing windows, and a moon, all from basic shapes and stacking order settings. Let's get started. Hello, welcome back to the complete Adobe Illustrator series from Cerdas Inovasi Digital. In this project, we'll use all the tools from module 3. The main focus is the stacking order of objects, because in Illustrator, objects created later are always on top.

Step 1: Sky and Moon

Create a horizontal document 1920x1080. Draw a sky box the size of the artboard in a deep purple color, then a cream-colored moon circle. Lock the sky using the control 2 to prevent it from being selected again.

Step 2: Background Buildings

Using the rectangle tool, draw several tall buildings in a purplish-gray color at the bottom of the artboard. Vary the height and width so the city silhouette looks natural. Draw the front layer buildings that are darker and shorter. Since they are created later, these buildings are automatically in front of the background buildings. The moon is actually covered by the buildings, and that's correct.

Step 4: Arrange: Stack Order

But one of the background buildings needs to move forward. Select the building and press Ctrl-Right Bracket to bring it forward, or Shift-Right Bracket to bring it to the front.

Step 5: Paste in Front for Windows

Select one of the front buildings, copy it with Ctrl-C, then paste in front with Ctrl-F. The copy appears exactly in the same position above it. Reduce its size and give it a yellow color as a glowing window.

5 HL 6: Paste in Back for Shadows

For shadows, select the front buildings and press Ctrl-B, then paste in back. The copy appears exactly behind the original. Move it slightly to the right and give it a darker color. Save and export the illustration. Done.

1 Done!

We've arranged the city illustration from basic shapes, locked the background, adjusted the stacking order using arrange, and used paste in front and paste in back. The next module will cover the pen tool, the most important tool in Illustrator. Need a logo design, brand identity, vector illustration, infographics, or print materials and social media content? Cerdas Inovasi Digital provides 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 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 just one class? Buy single classes 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:35Step 1: Sky and Moon

0:54Step 2: Background Buildings

1:23Step 4: Arrange: Stack Order

1:36Step 5: Paste in Front for Windows

1:555 HL 6: Paste in Back for Shadows

2:231 Done!

Ask the class material

My notes

Questions & answers

Your instructor

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:35Step 1: Sky and Moon

0:54Step 2: Background Buildings

1:23Step 4: Arrange: Stack Order

1:36Step 5: Paste in Front for Windows

1:555 HL 6: Paste in Back for Shadows

2:231 Done!

Ask the class material

My notes

Questions & answers

Your instructor

Introduction

Step 1: Sky and Moon

Step 2: Background Buildings

Step 4: Arrange: Stack Order

Step 5: Paste in Front for Windows

5 HL 6: Paste in Back for Shadows

1 Done!

Introduction

Step 1: Sky and Moon

Step 2: Background Buildings

Step 4: Arrange: Stack Order

Step 5: Paste in Front for Windows

5 HL 6: Paste in Back for Shadows

1 Done!