¿Quieres crear animaciones espectaculares sin escribir código? En este vídeo te enseño cómo usar Unicorn Studio, una potente herramienta visual con la que puedes diseñar efectos interactivos, animaciones 3D, iluminación dinámica y mucho más para tus proyectos en Framer, Webflow, WordPress o Figma Sites. Aprenderás desde cero a montar tu propio proyecto con scroll, mouse tracking, glitches y texturas, y además verás cómo exportarlo y optimizarlo para web. ¡Una revolución para el diseño sin código!
00:00 Introducción a animaciones sin código
00:43 ¿Qué es Unicorn Studio y para qué sirve?
01:18 Explorando animaciones predefinidas y efectos
02:30 Efectos por scroll, mouse y animaciones avanzadas
03:36 Primer proyecto desde cero en Unicorn Studio
05:00 Opciones de diseño: imágenes, texto, 3D
08:30 Aplicando texturas, luces, opacidad y repeticiones
11:00 Subida de SVGs y personalización de formas
13:00 Añadiendo texto interactivo y efectos visuales
16:00 Iluminación avanzada y efectos reactivos
20:00 Eventos de interacción al hacer hover
22:00 Glitch, pixelado y efectos combinados
24:00 Cómo exportar tu animación a Webflow, Framer o WordPress
26:00 Exportar en embebido o código (HTML)
27:00 Optimización del peso y rendimiento del proyecto
28:50 Conclusión y despedida
Descuento del 10% para Unicorn Studio: CWNTQZMQ
Curso Figma Completo : https://oscarrgb.com/curso-diseno-web-y-figma/
Descarga Figma en: https://oscarrgb.com/empezar-figma
Descarga Elementor Pro: https://oscarrgb.com/elementor
Suscríbete para más:
https://www.youtube.com/channel/UC9asWl8y30o-l3N72JVFrAA?sub_confirmation=1