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: a button with perfectly rounded corners using Live Corner, plus two other corner variations, Inverted Round and Chamfer. Let's get started. Hello, welcome back to the complete Adobe Illustrator series from Cerdas Inovasi Digital. Live Corner is a small circular width gate inside the corner of an object. Just drag it, and all corners become rounded, and the value can be changed anytime. Draw a box for the button.
Step 1: Box and Corner Widget
When the box is selected, notice the small circle inside each corner. That is the Live Corner width gate. If it's not visible, select the box with the Direct Selection Tool.
Step 2: Dragging the Widget
Drag one of the width gates towards the center. All corners round simultaneously, and the label shows the radius. The further you drag, the more rounded it becomes, up to a maximum of half the height of the box, making the end a half-circle.
Step 3: Corner Radius in Properties
Check the Rectangle Properties panel. The Corner Radius field displays the same value. Type a number here for precise radius. Ideal for making many buttons consistent.
Step 4: Inverted Round
Duplicate the button below using Alt + Drag. Double-click the corner width gate, a corner dialog appears. Select Inverted Round, the corner curves inward like a ticket.
Step 5: Chamfer
Duplicate once more and select Chamfer in the corner dialog. The corner is cut at a straight diagonal, giving a sharp and technical look.
Step 6: Text on the Button
Add text in the center of each button and give them different colors. Save as PDF then export PNG.
Done! —.
Done. We've used the Live Corner width gate, adjusted the corner radius in properties, as well as creating rounded corners, inverted rounded corners, and chamfered corners. In the next episode, we will differentiate between the selection tool and the direct selection tool. 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 opening Illustrator courses from beginner to advanced levels. Want to master all of these series? 106 episodes from the interface to the final project? All episodes, complete with PDF step-by-step 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 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, until 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.
