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 master in this episode. All the settings in the Stroke panel, from line thickness, end shape, corner shape, up to line position, will then be used to create neat line icons. Let's get started. Hello, welcome back to the complete Adobe Illustrator series from Cerdas Inovasi Digital. We are entering the Stroke and Brass module. Stroke is not just an edge line. The settings for ends and corners are very important for the design feel, especially for line icons.
Step 1: Open the Stroke panel
Open the file containing 3 zigzag lines and 3 thick-bordered boxes. Click the Stroke panel icon. The weight field controls thickness, change all three lines to 24 points so the difference is clear.
Step 2: Cap, line end
Select the first line, keep the cap as butt, end cut straight exactly at the end. For the second line, select round cap, end rounded. For the third line, select projecting cap, end box that extends half the line thickness beyond the end.
Step 3: Corner, line angle
Notice the zigzag corners. Miter join creates a sharp corner, round join rounds the corner, and bevel join cuts the corner straight. Adjust all three lines with the three different corner types for comparison.
Step 4: Align Stroke
Now the three boxes. Align Stroke determines the position of the line relative to the path. Center places the line exactly in the middle of the path, inside places it inside, and outside places it outside. Notice how the visual size of the box changes even though the path is the same.
Step 5: Line icon
Apply this knowledge to the line house icon. Draw the roof and walls with a pen tool, weight 12 points, round cap, and round join. The icon looks friendly and modern.
Step 6: Stroke consistency
Make sure all the icon lines use the same weight. Add a door with a similar stroke. Save and export.
Done!
Done. We have set the weight, understood boot, round, and projecting cap, mitre, round, and bevel joins, as well as align stroke center, inside, and outside, then created a line icon. In the next episode, we create dashed lines and arrows. 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. Want to master the entire 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 one-time payment of Rp999.000 for lifetime access. Want a single class only? Buy a single class 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.
