Create Smooth, Eye-Catching Color Gradients! Mesh, Aurora, and Blended Gradients for UI Design
11:21
YouTubeElizabeth Alli - DesignerUp
Create Smooth, Eye-Catching Color Gradients! Mesh, Aurora, and Blended Gradients for UI Design
Gradients can be seen everywhere, from Stripe's Mesh gradients, Aurora gradients seen on Apple, and blended gradients like Asana. They are used as backgrounds, on buttons and over text. We can spot them in different styles and in different color combinations and while the trends change, the principles of color gradients remain the same. This ...
28.2K viewsApr 21, 2021
Shorts
Gradient Border Animation UI 🔥 | Modern Card Design using CSS & HTML | CodewithLord
0:08
1.9K views
Gradient Border Animation UI 🔥 | Modern Card Design using CSS & HTML | CodewithLor
CodeWithLord
Make Cinematic Gradients in After Effects
1:03
24.5K views
Make Cinematic Gradients in After Effects
SonduckFilm
Color Gradient Tutorial
The Easiest Way to Add Gradients to Any Object in Photoshop | 6 Min Tutorial
6:32
The Easiest Way to Add Gradients to Any Object in Photoshop | 6 Min Tutorial
YouTubePHLEARN
9.7K views1 month ago
How to Use Gradient Tool in Photoshop (Color Fade)
1:19
How to Use Gradient Tool in Photoshop (Color Fade)
YouTubeRDKtutorials
160 views1 month ago
How to Change Any Color into a Gradient in Photoshop
7:44
How to Change Any Color into a Gradient in Photoshop
YouTubePHLEARN
12.1K views10 months ago
Top videos
Understanding Gradients in Graphic Design
0:18
Understanding Gradients in Graphic Design
TikTokpixelpilot.design_
2.4K views2 months ago
How to Create a Seamless Gradient Blend in Canva
4:20
How to Create a Seamless Gradient Blend in Canva
YouTubeCanva Teacher
7.3K views4 weeks ago
How to Create Transparent Gradient in Canva
1:25
How to Create Transparent Gradient in Canva
YouTubeWebon
105K viewsMar 7, 2024
Color Gradient Art
I've never blended these two colors before... Velocity Painting Exercise Ep. 5
10:59
I've never blended these two colors before... Velocity Painting Exercise Ep. 5
YouTubeNick Bultman Art
1.6K views1 month ago
Understanding Gradient Maps | Learn to Procreate
3:35
Understanding Gradient Maps | Learn to Procreate
YouTubeProcreate
20.1K views6 months ago
How to Make Perfect Gradient Colors in Epoxy Resin | Beginner-Friendly Guide
4:33
How to Make Perfect Gradient Colors in Epoxy Resin | Beginner-Friendly Guide
YouTubeLET'S RESIN
28.3K views5 months ago
Understanding Gradients in Graphic Design
0:18
Understanding Gradients in Graphic Design
2.4K views2 months ago
TikTokpixelpilot.design_
How to Create a Seamless Gradient Blend in Canva
4:20
How to Create a Seamless Gradient Blend in Canva
7.3K views4 weeks ago
YouTubeCanva Teacher
How to Create Transparent Gradient in Canva
1:25
How to Create Transparent Gradient in Canva
105K viewsMar 7, 2024
YouTubeWebon
Modern CSS Gradients Tutorial — From Basics to Advanced Design Effects
10:42
Modern CSS Gradients Tutorial — From Basics to Advanced Design …
17.4K views7 months ago
YouTubeCSSnippets
Create Cinematic Motion Graphics with Gradients After Effects
6:46
Create Cinematic Motion Graphics with Gradients After Effects
34.2K views5 months ago
YouTubeSonduckFilm
How to Create Custom Gradients in Canva (Updated 2025 Tutorial)
2:34
How to Create Custom Gradients in Canva (Updated 2025 Tutorial)
8.4K views7 months ago
YouTubeBrenda Cadman, Canva Verified Expert
Gradient Types Every Graphic Designer Must Know | Design Basics
0:08
Gradient Types Every Graphic Designer Must Know | Design Basi…
1 month ago
YouTubeHuzaifa | Designer
7:30
Make Anything Cinematic With Gradients in After Effects
151.1K viewsFeb 12, 2024
YouTubeSonduckFilm
3:10
121 Stunning Gradients for Designers | Free Gradient Pack Sh…
31 views7 months ago
YouTubeMOHDHAMZA_UIUX
15:35
Create Gradient Strip Background | Photoshop + Illustrator = 🔥| Design …
8.3K views8 months ago
YouTubeDesign With Abir
0:17
How to Create 3D Animated Gradients
19.3K views3 months ago
YouTubeAlamin
0:42
How to Make a Beautiful Gradient Background in Canva | Creative B…
1.4K views6 months ago
YouTubeExistent Graphics
0:42
🎯 Step-by-Step: Master Gradient Palettes in Adobe Illustrator #shor…
184 views2 months ago
YouTubeVocational Wings Saddar
0:11
How to create Moving Gradients for your Designs #ai
16.5K views6 months ago
YouTubeHarsh Gautam
10:04
The gradient lesson you NEED (not the one you want)
22.9K views5 months ago
YouTubeDaniel Folta
2:45
How to Create Transparent Gradient in Canva — 3 Simple Ways
4.6K views6 months ago
YouTubeEditStudio
3:58
The FASTEST Way to Make Stunning Gradients in CorelDRAW
1.1K views5 months ago
YouTubeRaniBr Studio
0:25
Top 10 Premium Color Gradients for Designers | Make Your Designs In…
40 views3 months ago
YouTubeGuidesphere
1:12:20
Mastering Gradients: Design Tricks You Should Know!
97 views9 months ago
YouTubePEW CREATIVES
6:38
5 Ways to Make Gradients on the Web
41.4K viewsNov 11, 2024
YouTubeOlivier Larose
4:13
Create Stunning Abstract Gradient Backgrounds in Photoshop – Eas…
46.8K viewsMar 13, 2025
YouTubeDharnyelpeter
1:52
Gradient Poster Design in Photoshop – FREE PSDs
57.1K viewsApr 9, 2025
YouTubeWeJustClickme
0:40
How To Master Gradients In After Effects (Under 1 Minutes)
66.7K views11 months ago
YouTubePixflow
3:50
Mesh Gradient with Grain Texture - Adobe Illustrator Tutorial
119.1K viewsFeb 19, 2023
YouTubeSAINT DESIGN
2:10
How to Create a Custom Gradient in Canva
42.1K viewsAug 30, 2024
YouTubeBrenda Cadman, Canva Verified Expert
5:20
Fastest Way To Make This SMOOTH GRADIENT DESIGN In Illustrator
337.9K viewsJun 17, 2020
YouTubeSatori Graphics
1:06
Radial Gradient Background in Canva - Canva Tutorial For Beginn…
11.2K viewsMay 24, 2024
YouTubeWebon
20:04
Modern GRADIENT Trends in UI Design
57.7K viewsJun 15, 2021
YouTubeDesignCourse
4:31
Fastest Way To Make This SMOOTH GRADIENT DESIGN In CorelDRAW
716 viewsMar 18, 2025
YouTubeRaniBr Studio
See more videos
Static thumbnail place holder

Short videos

0:08
Gradient Border Animation UI 🔥 | Modern Card Design usin…
1.9K views1 month ago
YouTubeCodeWithLord
1:03
Make Cinematic Gradients in After Effects
24.5K views4 weeks ago
YouTubeSonduckFilm
0:15
Glass Gradient Button 😍#animation
1K views1 month ago
YouTubeSmart Code School
0:16
Create Stunning Moving Gradients for Your Design…
3.8K views3 months ago
YouTubeCreative Verse
0:30
Pure CSS Circular Gradient Blur Background
47.6K views3 months ago
TikTokariffmma
0:31
How to make a gradient background in affinity#gra…
2.7K views4 months ago
YouTubeSpot
0:20
Modern Gradient Button 😍 #animation
173 views4 weeks ago
YouTubeSmart Code School
0:12
Create Custom Gradient Backgrounds in Canva (Ste…
301 views1 month ago
YouTubeRebecca Sun
0:08
Gradient Types Every Graphic Designer Must Kn…
1 month ago
YouTubeHuzaifa | Designer
1:41
Create stunning gradient text in Canva in seconds!
3 views2 weeks ago
YouTubeCalifornia Media LLC
1:28
Wavy Groovy Gradient Text Effect in Canva | Easy Tuto…
11.6K views8 months ago
YouTubeWebon
0:08
🔥 5 CSS Gradient Types You NEED to Know (Most Devs …
1.9K views1 month ago
YouTubeCodeGlory
0:33
Canva Trick: Turn Lines into Gradient Curves 🔥
7K views4 months ago
YouTubeWebon
1:43
Canva Tutorial: Radial Blending & Gradient Text P…
6.1K views5 months ago
YouTubeWebon
0:21
Gradient Poster Design in Photoshop
3.3K views2 months ago
YouTubeWeJustClickme
1:11
The gradient vector explained visually — the m…
139 views1 month ago
YouTubeSystemDR - Scalable System Design
0:41
Day 5 - Solving Your Problems: Gradient Animat…
571 views4 months ago
YouTubeDigital Motion Academy
0:41
Premium Gradients: How to Make Them
294 views3 months ago
YouTubeDesign Dynamics
2:33
The 2025 Way to Build Gradient Borders! 🎨
5 views1 month ago
YouTubeCodeVarsity
0:42
Canva Gradient Text Effect | No App Needed! Easy Canv…
12.7K views6 months ago
YouTubeWebon
Static thumbnail place holder