Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

I created this gooey text effect animation using View Transitions and the blur + contrast method

k_grajeda's profile picture

Kevin Grajeda

4,893 subscribers

172,261 Aufrufe • vor 1 Jahr •via X (Twitter)

BildungWissenschaft & TechnologieKunst
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

You can create a cool gooey effect by combining a blur and fade animations between icons with a high-contrast parent element
0:14

You can create a cool gooey effect by combining a blur and fade animations between icons with a high-contrast parent element

Kevin Grajeda

375,802 Aufrufe • vor 1 Jahr

Trying View Transitions in Next.js using 's next-view-transitions library. Love how straight-forward this was.
0:11

Trying View Transitions in Next.js using 's next-view-transitions library. Love how straight-forward this was.

Addy Osmani

33,113 Aufrufe • vor 1 Jahr

I created this mirror effect button using Expo It turned out great!
0:10

I created this mirror effect button using Expo It turned out great!

Mehdi

47,966 Aufrufe • vor 7 Monaten

Created an automatic motion blur effect for Tennis using Computer Vision 🎾 Any other visualization ideas for Roland Garros ? 🙂 Tech side: I used Tracknet + YOLOs
0:15

Created an automatic motion blur effect for Tennis using Computer Vision 🎾 Any other visualization ideas for Roland Garros ? 🙂 Tech side: I used Tracknet + YOLOs

Alexandre Devaux

35,117 Aufrufe • vor 1 Jahr

I love After Effects sometimes.✨ created this in 2 minutes using Fast Box Blur + Displacement Map
0:14

I love After Effects sometimes.✨ created this in 2 minutes using Fast Box Blur + Displacement Map

Jerry

30,267 Aufrufe • vor 6 Monaten

After a long time, I've created a new pen to try out the View Transitions feature and this is really cool! 🚀🚀 CodePen.IO
0:10

After a long time, I've created a new pen to try out the View Transitions feature and this is really cool! 🚀🚀 CodePen.IO

Aysenur

83,819 Aufrufe • vor 2 Jahren

introducing: gooey effect component for Framer use this component to add morphing animations that blend and flow across your site for a fun, smooth effect. comment "GOOEY" and i’ll send you the component :)
0:11

introducing: gooey effect component for Framer use this component to add morphing animations that blend and flow across your site for a fun, smooth effect. comment "GOOEY" and i’ll send you the component :)

Framer University

25,553 Aufrufe • vor 1 Jahr

Seedance 2.0 Prompt Share Created on mitte.ai Lately I've been sharing a lot of storyboard workflows. This video was created using character references with text to video. What I mean is: use whichever method makes you feel comfortable when creating your videos. Sometimes not every method works for every situation. There isn't just one correct way. Leaving the prompt and character generation progress below.
0:14

Seedance 2.0 Prompt Share Created on mitte.ai Lately I've been sharing a lot of storyboard workflows. This video was created using character references with text to video. What I mean is: use whichever method makes you feel comfortable when creating your videos. Sometimes not every method works for every situation. There isn't just one correct way. Leaving the prompt and character generation progress below.

Kōda

35,892 Aufrufe • vor 1 Monat

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)
0:11

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)

Framer University

16,369 Aufrufe • vor 1 Jahr

I created this using Claude + 3D animation: 1. Ask Claude for a scroll-based cinematic animation pla 2. Generate prompts for depth, parallax, and camera movement 3. Install Three.js + GSAP + ScrollTrigger 4. Use scroll to control zoom, scale, and scene transitions 5. Add layered images for 3D depth illusion 6. Apply smooth easing, lighting, and shadows for realism 7. Refine until it feels like one continuous scene Save this
0:16

I created this using Claude + 3D animation: 1. Ask Claude for a scroll-based cinematic animation pla 2. Generate prompts for depth, parallax, and camera movement 3. Install Three.js + GSAP + ScrollTrigger 4. Use scroll to control zoom, scale, and scene transitions 5. Add layered images for 3D depth illusion 6. Apply smooth easing, lighting, and shadows for realism 7. Refine until it feels like one continuous scene Save this

FHILY👑

380,219 Aufrufe • vor 2 Monaten

Underwater bubble effect 🫧created by Kevin Lim Wanasili using EmberGen and Blender geometry nodes #b3d
0:18

Underwater bubble effect 🫧created by Kevin Lim Wanasili using EmberGen and Blender geometry nodes #b3d

JangaFX Software

16,392 Aufrufe • vor 6 Monaten

This is how I created the aura effect in my recent commission #aftereffects #tutorial
0:17

This is how I created the aura effect in my recent commission #aftereffects #tutorial

Ezboy | VGen

25,386 Aufrufe • vor 6 Monaten

Technical Artist Oleksandr Makarenko unveiled this stunning damage decal effect created for the recently released space-themed MechWarrior 5: Clans – Ghost Bear DLC, created using Unreal Engine 5. Details:
0:10

Technical Artist Oleksandr Makarenko unveiled this stunning damage decal effect created for the recently released space-themed MechWarrior 5: Clans – Ghost Bear DLC, created using Unreal Engine 5. Details:

80 LEVEL

49,930 Aufrufe • vor 1 Jahr

no way i just recreated the gooey effect in Framer 🤯 should i drop the sauce? (it costs 100 retweets 😬)
0:12

no way i just recreated the gooey effect in Framer 🤯 should i drop the sauce? (it costs 100 retweets 😬)

Framer University

14,614 Aufrufe • vor 1 Jahr

Control any timeline based animation dynamically using Joysticks and Scrolling and make it responsive in Rive. You can create this production ready asset in 3 minutes (walkthrough in the 🧵). Awesome Apple hello animation using Trim Paths created by Akansha Soni.
0:11

Control any timeline based animation dynamically using Joysticks and Scrolling and make it responsive in Rive. You can create this production ready asset in 3 minutes (walkthrough in the 🧵). Awesome Apple hello animation using Trim Paths created by Akansha Soni.

Philip Chung

22,345 Aufrufe • vor 1 Jahr

another old animation, this was the time where i learned how to do sub-pixel and using animation reference
0:15

another old animation, this was the time where i learned how to do sub-pixel and using animation reference

Rico

156,781 Aufrufe • vor 1 Jahr

#RankingOfKings #fanart, Using the method of #pixar in his new series #WinOrLose. #rig #rigging #blender #animation
0:11

#RankingOfKings #fanart, Using the method of #pixar in his new series #WinOrLose. #rig #rigging #blender #animation

Edward Ureña

206,368 Aufrufe • vor 1 Jahr

From 30 years ago, a spacecraft I designed and rendered using POVRay for an animation I created portraying the diversion of a comet using a nuclear weapon. This wasn't designed in a modeling program, it was hand drafted and the geometry transcribed into POV Scene description language by hand.
0:16

From 30 years ago, a spacecraft I designed and rendered using POVRay for an animation I created portraying the diversion of a comet using a nuclear weapon. This wasn't designed in a modeling program, it was hand drafted and the geometry transcribed into POV Scene description language by hand.

Scott Manley

36,089 Aufrufe • vor 5 Monaten

I was curious and took the animation and slapped the original meme audio on top. Always love the stuff this guy created!
0:16

I was curious and took the animation and slapped the original meme audio on top. Always love the stuff this guy created!

Godrick the Grafted

120,897 Aufrufe • vor 7 Monaten

New Astro + View Transitions demo ✨ This time using React Three Fiber to render an animated 3D model that persists across page-navigations.
0:18

New Astro + View Transitions demo ✨ This time using React Three Fiber to render an animated 3D model that persists across page-navigations.

Maxi Ferreira

125,776 Aufrufe • vor 2 Jahren