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 YouTube thumbnail with a photo and thick text with double lines that remains readable on small screens. plus safe banner channel for all devices. Let's get started. Hello, welcome back to the complete Adobe Illustrator series from Cerdas Inovasi Digital. Thumbnails are viewed in small size, so text must be a bit small, large, and high contrast. Channel banner has a safe area because its appearance is cropped differently on mobile, computer, and TV. Create a thumbnail artboard 1280x720px, then use the Artboard tool to add a banner artboard 2560x1440px next to it.
Step 2: Background and photo
Add a bright yellow background to the thumbnail. Place a portrait CC0 licensed photo, a circular image on top of it, then press Ctrl-7 to create a clipping mask for the circle.
. Cangkanfe-Jeatargdanyfoto) Kan
Type a short three-word title with bold large font.
ngeh otayatgath
In the appearance panel, add a thick black stroke below the fill, then a thicker white stroke below that.
. | bangkang Jelgperga Yang Kan
Text is readable on any background.
$ MIN. Kan
On the banner artboard, place a full background image, then drag the safe area guide 1546x423px in the center.
Step 4: Banner and safe area
All text and logos must be inside this area. Place your channel name, slogan, and upload schedule within the safe area.
Step 5: Banner content
Decorative elements can be outside the safe area.
Step 6: Export per PA.
Export both artboards as PNG, thumbnail and banner as separate files. Also save your work file.
Done!
Done. We have already created two artboards of different sizes, cropped the photo with a circle, created double-stroked text via appearance, understood the safe area for the banner, and exported per artboard. In the next episode, we create the packaging dayline. Need logo design, brand identity, vector illustrations, infographics, or print materials and social media content? Cerdas Inovasi Digital provides vector graphic 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. Thank you for watching, see you in the next episode. Enjoy 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.
