Memuat
Memuat
Want to go deeper?
Join one of our courses or ask us directly on WhatsApp.
Picked from the software, topic, and level of “Illustrator Class #74: Flat Colored Icons: Set Application Icons with Long Shadows”.
Other ways we can help with Adobe Illustrator.
Learn with a mentor
Scheduled Graphic Design courses with live guidance and a certificate.

Course/Training Adobe Illustrator — Applying Adobe Illustrator to Clothing Design for Fashion Branding in the Digital Era
★ 5.0 (4)

Course/Training Adobe Illustrator — Fashion Drawing with Adobe Illustrator CC – Advanced
★ 4.9 (9)

Course/Training Graphic Design — Photoshop and Illustrator Ultimate Class: 100+ Practice Projects
★ 5.0 (6)
Have it built for you
No time to learn Adobe Illustrator? Our team can do the project for you.

Development Service: Adobe Illustrator — Fashion Drawing with Adobe Illustrator CC – Basic
★ 5.0 (5)

Development Service: Adobe Illustrator — Applying Adobe Illustrator to Clothing Design for Fashion Branding in the Digital Era
★ 5.0 (3)

Adobe InDesign Development Service — Learn Adobe InDesign by Making a Recipe Card
★ 5.0 (40)
Get notified about new Adobe Illustrator classes
At most one email a week. Unfollow anytime with one click.
The full narration of this video. The current sentence is highlighted while the video plays; click any sentence to jump there.
This is what we'll create in this episode: a set of three flat, cheerful application icons—camera, music, and weather—complete with matching long shadows. Let's get started. Hello, welcome back to the complete Adobe Illustrator series from Cerdas Inovasi Digital. Flat icons use solid color fields without complex gradients. Their strength lies in simple shapes, bright colors, and consistency throughout the set. Create three circles with a diameter of 300 pixels arranged in a row with colors coral red, purple, and sky blue. The same base size is the key to consistency.
In the first circle, arrange the camera from a rounded white box, a circular lens with a hole, and a small box as a button. Use the compound path for the lens hole. In the second circle, create a music note from two circles, two thin bars, and a connecting block on top.
Unite them to form one white shape.
In the third circle, arrange a yellow sun peeking behind a white cloud, using the cloud from the united circle.
For each symbol, create a copy behind with a slightly darker color than its base. Then stretch it to the lower right and cut it with the base circle using a clipping mask. Long shadows add depth. Align the three icons, space them evenly, then save and export the icon set.
Done! We've created the foundation for a consistent icon set. Arranging the camera, music, and weather symbols, adding long shadows with clipping masks, and tidying up the set. In the next episode, we'll arrange a simple brand guideline. Need logo design, brand identity, vector illustrations, infographics, or print and social media materials? Cerdas Inovasi Digital provides vector graphic design services and offers 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 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 single classes 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.
Type a question or keyword; we find the part of this episode that explains it and jump the video there.
Notes are saved with the current video time and are only visible to you.
Stuck on a step? Ask here; the instructor and other learners can answer.
No questions yet.

Cerdas Inovasi Digital Team
Software developers, BIM & 3D engineers, and AI practitioners
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 →