正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Gradient & color tools that make your work pop. Save this 👇 - - mesh gradients with WebGL effects - - color ramps & tokens, WCAG-ready - - animated 3D shader gradients - - generative patterns for wall art - - mesh gradient studio, 100+ presets - - test... show more

Tran Mau Tri Tam ✪

33,885 subscribers

20,200 次观看 • 2 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Found some ridiculously good resources for background gradients & colors. Save this 👇 - 1,000+ ready-to-use gradient & AI backgrounds - create gradients, glass & grain backgrounds - advanced mesh gradient generator - grainy, smooth & animated gradients - simple CSS gradient generator - customizable 3D & animated gradient maker - build color ramps & accessible palettes - mesh gradient studio with tons of presets - generate customizable patterns for free - animated React backgrounds & UI blocks what else am I missing?

Found some ridiculously good resources for background gradients & colors. Save this 👇 - 1,000+ ready-to-use gradient & AI backgrounds - create gradients, glass & grain backgrounds - advanced mesh gradient generator - grainy, smooth & animated gradients - simple CSS gradient generator - customizable 3D & animated gradient maker - build color ramps & accessible palettes - mesh gradient studio with tons of presets - generate customizable patterns for free - animated React backgrounds & UI blocks what else am I missing?

Imran

61,251 次观看 • 2 个月前

I've built a new mesh gradient shader tool. Multiple presets and fully customizable fluid gradients

I've built a new mesh gradient shader tool. Multiple presets and fully customizable fluid gradients

Jim Raptis

14,909 次观看 • 4 个月前

Introducing Better Gradient, a collaboration between Plugin Play and Ravie "The Gradient Guys" .co Now available at - Save gradient presets - Customize your color interpolation with graph easing - Significantly improved color rendering to get rid of the gross grays AE typically produces between color stops. - Animate gradients along paths with shadows - and so much more! Effortlessly blend colors into mesmerizing kaleidoscopes of gradient joy. Mapping, paths, you name it, you can gradient it. Launch video direction, design, and animation from Sam Essanoussi and Justin De Leon.

Introducing Better Gradient, a collaboration between Plugin Play and Ravie "The Gradient Guys" .co Now available at - Save gradient presets - Customize your color interpolation with graph easing - Significantly improved color rendering to get rid of the gross grays AE typically produces between color stops. - Animate gradients along paths with shadows - and so much more! Effortlessly blend colors into mesmerizing kaleidoscopes of gradient joy. Mapping, paths, you name it, you can gradient it. Launch video direction, design, and animation from Sam Essanoussi and Justin De Leon.

Austin Bauwens

19,090 次观看 • 2 个月前

Some new gradient collections were added to Grainient family last week. More gradients and Animated backgrounds are coming.. BTW, created this cool animation with animos app

Some new gradient collections were added to Grainient family last week. More gradients and Animated backgrounds are coming.. BTW, created this cool animation with animos app

Basit A. Khan

24,102 次观看 • 4 个月前

Introducing "Plant gradient map"✨ This gradient set is perfect for adding a unified coloring to your forest illustrations. Use it on grayscale drawings for the best result and choose from over 30 gradients🌳 🔽Details here:

Introducing "Plant gradient map"✨ This gradient set is perfect for adding a unified coloring to your forest illustrations. Use it on grayscale drawings for the best result and choose from over 30 gradients🌳 🔽Details here:

CLIP STUDIO PAINT

20,600 次观看 • 2 个月前

Text Layer Gradients — is this After Effects or Cavalry? Collaboration with fremox coming soon 😎 #PluginEverything #gradient #design #adobe #aftereffects #cavalry #mograph #typography #motiondesign #motionart #motionmass #motionlovers #motiongraphic #buckuback #animation

Text Layer Gradients — is this After Effects or Cavalry? Collaboration with fremox coming soon 😎 #PluginEverything #gradient #design #adobe #aftereffects #cavalry #mograph #typography #motiondesign #motionart #motionmass #motionlovers #motiongraphic #buckuback #animation

Plugin Everything

74,559 次观看 • 11 个月前

Cool Animated gradients + Illustrative UI = Killer web cards.

Cool Animated gradients + Illustrative UI = Killer web cards.

Basit A. Khan

43,874 次观看 • 9 个月前

Launched a Framer component, Gradient Strips, last week. Layered gradients bars with subtle depth and flexible customization options. Really happy with how it turned out.

Launched a Framer component, Gradient Strips, last week. Layered gradients bars with subtle depth and flexible customization options. Really happy with how it turned out.

Sanna Granqvist

40,180 次观看 • 8 个月前

you should be able to draw with mesh gradients! super excited to release v1 of this tool sometime next week.

you should be able to draw with mesh gradients! super excited to release v1 of this tool sometime next week.

Isaiah

161,838 次观看 • 21 天前

Use CSS @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 to unlock things like > Animated conic gradients > Rotating borders, loaders > Hover transition on gradient stops the regular --𝚊𝚗𝚐𝚕𝚎 variable doesn't work with animating gradient stops because CSS has to idea how to interpolate it @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 fixes that with , and more @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 --𝚊𝚗𝚐𝚕𝚎 { 𝚜𝚢𝚗𝚝𝚊𝚡: ' '; 𝚒𝚗𝚑𝚎𝚛𝚒𝚝𝚜: 𝚏𝚊𝚕𝚜𝚎; 𝚒𝚗𝚒𝚝𝚒𝚊𝚕-𝚟𝚊𝚕𝚞𝚎: 𝟶𝚍𝚎𝚐; } .𝚌𝚊𝚛𝚍 { --𝚊𝚗𝚐𝚕𝚎: 𝟶𝚍𝚎𝚐; 𝚋𝚊𝚌𝚔𝚐𝚛𝚘𝚞𝚗𝚍: 𝚕𝚒𝚗𝚎𝚊𝚛-𝚐𝚛𝚊𝚍𝚒𝚎𝚗𝚝( 𝚟𝚊𝚛(--𝚊𝚗𝚐𝚕𝚎), #𝟹𝟾𝚋𝚍𝚏𝟾, #𝟶𝚎𝚊𝟻𝚎𝟿, #𝟸𝟻𝟼𝟹𝚎𝚋, #𝟷𝚎𝟺𝟶𝚊𝚏 ); 𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗: --𝚊𝚗𝚐𝚕𝚎 𝟶.𝟾𝚜 𝚎𝚊𝚜𝚎; } .𝚌𝚊𝚛𝚍:𝚑𝚘𝚟𝚎𝚛 { --𝚊𝚗𝚐𝚕𝚎: 𝟺𝟻𝚍𝚎𝚐; } Defaults to initial value so you don't have to set them everytime

Use CSS @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 to unlock things like > Animated conic gradients > Rotating borders, loaders > Hover transition on gradient stops the regular --𝚊𝚗𝚐𝚕𝚎 variable doesn't work with animating gradient stops because CSS has to idea how to interpolate it @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 fixes that with , and more @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 --𝚊𝚗𝚐𝚕𝚎 { 𝚜𝚢𝚗𝚝𝚊𝚡: ' '; 𝚒𝚗𝚑𝚎𝚛𝚒𝚝𝚜: 𝚏𝚊𝚕𝚜𝚎; 𝚒𝚗𝚒𝚝𝚒𝚊𝚕-𝚟𝚊𝚕𝚞𝚎: 𝟶𝚍𝚎𝚐; } .𝚌𝚊𝚛𝚍 { --𝚊𝚗𝚐𝚕𝚎: 𝟶𝚍𝚎𝚐; 𝚋𝚊𝚌𝚔𝚐𝚛𝚘𝚞𝚗𝚍: 𝚕𝚒𝚗𝚎𝚊𝚛-𝚐𝚛𝚊𝚍𝚒𝚎𝚗𝚝( 𝚟𝚊𝚛(--𝚊𝚗𝚐𝚕𝚎), #𝟹𝟾𝚋𝚍𝚏𝟾, #𝟶𝚎𝚊𝟻𝚎𝟿, #𝟸𝟻𝟼𝟹𝚎𝚋, #𝟷𝚎𝟺𝟶𝚊𝚏 ); 𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗: --𝚊𝚗𝚐𝚕𝚎 𝟶.𝟾𝚜 𝚎𝚊𝚜𝚎; } .𝚌𝚊𝚛𝚍:𝚑𝚘𝚟𝚎𝚛 { --𝚊𝚗𝚐𝚕𝚎: 𝟺𝟻𝚍𝚎𝚐; } Defaults to initial value so you don't have to set them everytime

Manu Arora

23,868 次观看 • 5 个月前

Color palette generator that applies colors to your design Spectrum allows selecting various color properties such as palette cap and hues, and seeing how colors apply to various assets like interfaces, illustrations and gradients

Color palette generator that applies colors to your design Spectrum allows selecting various color properties such as palette cap and hues, and seeing how colors apply to various assets like interfaces, illustrations and gradients

Nick Babich

35,060 次观看 • 3 年前

Gradients look better with some 3d depth

Gradients look better with some 3d depth

Daniel Destefanis

54,045 次观看 • 9 个月前

Mesh Gradient editor with real-time SwiftUI code generation.

Mesh Gradient editor with real-time SwiftUI code generation.

Haolun Yang

15,035 次观看 • 1 年前

Experimental visual cards. look great with the new gradients of along liquid glass shader.

Experimental visual cards. look great with the new gradients of along liquid glass shader.

Basit A. Khan

21,257 次观看 • 10 天前

In 2020, as part of our research into what makes Japanese colours so unique, we ran a little experiment on combining them into harmonious gradients that we coined “Japanese Gradients”. Little did we know that JAPANESE GRADIENTS [ FOR UI ]™ would become one of our best-selling products and a hugely influential project in the design community. THANK YOU ALL for your support and purchases! #NuevoTokyo10thAnniversary

In 2020, as part of our research into what makes Japanese colours so unique, we ran a little experiment on combining them into harmonious gradients that we coined “Japanese Gradients”. Little did we know that JAPANESE GRADIENTS [ FOR UI ]™ would become one of our best-selling products and a hugely influential project in the design community. THANK YOU ALL for your support and purchases! #NuevoTokyo10thAnniversary

Nuevo.Tokyo™

26,361 次观看 • 24 天前

Tennis & Gradients

Tennis & Gradients

MOLI

17,988 次观看 • 11 个月前

(re-)introducing Avatars fully generative gradients based on seed available on npm and fully open-source grab it here:

(re-)introducing Avatars fully generative gradients based on seed available on npm and fully open-source grab it here:

Jesse

73,982 次观看 • 3 个月前

some custom node controls for editing mesh gradients. i wanted to be able to distinguish between grabbing a node and grabbing the effect area. so when you hover over that circle, your cursor disappears and only shows the arc.

some custom node controls for editing mesh gradients. i wanted to be able to distinguish between grabbing a node and grabbing the effect area. so when you hover over that circle, your cursor disappears and only shows the arc.

Isaiah

34,300 次观看 • 1 个月前

Really trying to explore gradients that feel more dreamlike

Really trying to explore gradients that feel more dreamlike

Daniel Destefanis

13,634 次观看 • 9 个月前