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 create in this episode: a beige button with 3 colored rings from a single circle, using layered strokes in the Appearance panel. Let's get started. Hello, welcome back to the complete Adobe Illustrator series from Cerdas Inovasi Digital. We are entering the effects and appearance module. The Appearance panel is a stack of object attributes. A single object can have many fills and strokes, making the design more concise and easy to modify. Draw a single circle with a blue fill.
Step 1: One circle
Open the Appearance panel, there are strokes, fill, and opacity. This is the order of object attributes from top to bottom.
Step 2: First stroke
Click the stroke row and give it a thick white color of 12 points. The white stroke appears on the edge of the circle.
Step 3: Second stroke outside
Click add new stroke. Give it an orange color, thick 30 points, then drag it below the white stroke. Because it is thicker and located below, the orange appears as a ring outside the white stroke.
Step 4: Third stroke
Add a third stroke with a dark blue color, thick 48 points at the very bottom. Now, a single circle has three colored rings in layers.
Step 5: Text on the button
Add the text 'go' in the center of the button with a thick white color. The circle remains a single object, so it is easy to change its size.
Step 6: Change all at once
Change the size of the circle, and all the rings adjust accordingly. Change the fill color to green, and the button instantly changes its theme. Save and export.
Done!
Done. We have now explored the Appearance panel, added layered strokes, arranged their order, and created a beige button from a single object. In the next episode, we will use the Easy Style effect, drop shadow, glow, and feather. Need logo design, brand identity, vector illustrations, infographics, or print and social media materials? Cerdas Inovasi Digital provides graphic vector 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 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 individual classes with lifetime access. Subscribe now on the premium page at 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
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.
