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 project: a consistent set of 4 weather icons, sunny, cloudy, rainy, and lightning. Let's get started. Hello, welcome back to the complete Adobe Illustrator series from Cerdas Inovasi Digital. A good icon set should be consistent in size, thickness, and color. We start with an icon grid, then build each icon from basic shapes.
Step 1: Icon Grid
Create a document with 4 artboards, 200 pixels each, arranged in a row, using the artboard tool or the artboard count field when creating a new document. Each artboard is one icon with the same boundary.
Step 2: Bright Icon
On the first artboard, draw a sun shape, then one ray as a rounded square. Rotate the ray around the center using rotate and the control panel until there are 8 rays, then unite them all. On the second artboard, draw a smaller sun in the top right corner, then create a cloud from 3 circles and rounded corner rectangles that are united. The cloud is in front of the sun.
Step 4: Rain Icon
Copy the cloud to the third artboard. Create raindrops from circles and triangles combined with the shape builder tool, then duplicate them to make 3 drops.
Step 5: Thunder Icon
Copy the cloud to the fourth artboard with a dark gray color. Draw lightning with the pen tool, then use minus front to cut out the gap in the cloud where the lightning exits.
Step 6: Uniform Color and Export
Apply the same color palette to all four icons. Yellow for the sun, gray-white for the cloud, blue for the rain. Save, then export each artboard as PNG and SVG.
Done!
Done. We've created an icon grid, sunny, cloudy, rainy, and lightning icons, using unite, minus front, shape builder, and transform again, with a consistent color palette. In the next episode, we'll color closed areas with live paint. 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 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 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.
