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, an app icon with a soft linear gradient background and a glowing radial gradient ball, using the gradient panel and gradient tool. Let's get started. Hello, welcome back to the complete Adobe Illustrator series from Cerdas Inovasi Digital. Gradients are smooth transitions between two or more colors. Illustrator has two classic types, linear and radial, as well as the gradient tool to adjust the direction directly on the canvas. Create a 512-pixel square with a 112-pixel rounded corner as the icon background. Then open the gradient panel from the icon column.
Step 2: Applying a gradient
With the box selected, click the gradient swatch box in the gradient panel. The box fill changes to a white-to-black gradient. Below it, there is a slider with color stops on the left and right.
Step 3: Color stops
Double-click the left stop, choose the purple color. Double-click the right stop, choose the orange color.
Step 3: Color aa
Now the icon background changes from purple to orange.
Step 3: Color stops
Adjust the angle to 90 degrees to make the gradient vertical. Select the gradient tool with the G key.
Step Hu
A annotator appears, a line with a circle and a box at the end.
Step : Tool
The line inside the box from top-left to bottom-right to change the direction and length of the gradient directly.
Step ca
Draw a circle in the center of the icon.
sana
In the gradient panel, select the radial type.
Step 5: ten
The color spreads from the center to the edges.
Step 5: ca
Adjust the middle stop to bright yellow and the edge to orange, making the ball appear glowing.
Step an
Add a small white ellipse with a transparent white gradient as a highlight on the ball.
Step tapa
Save and export the icon in 512-pixel size.
Step | At
Done. We've applied gradients from the gradient panel, adjusted color stops, set the angle, used the gradient tool, and created a radial gradient.
coal
In the next episode, we'll try a more artistic freeform gradient. Need a logo design, brand identity, vector illustration, infographic, or print and social media materials? Cerdas Inovasi Digital provides vector graphic design services and offers 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 step-by-step PDF guides, practice files, and vector project files, are available for premium tutorial subscribers. Subscribe starting at 69,000 rupiah per month, save 28% with the 12-month package, or pay once 999,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, 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.
