Infografías interactivas
Los puntos de datos reaccionan al pasar el cursor o un elemento, creando gráficos y paneles animados atractivos.
Anima automáticamente capas según la proximidad a un controlador. Crea animaciones reactivas basadas en distancia sin un solo fotograma clave.
Ver la demo
Un recorrido completo de la animación reactiva a la distancia en After Effects, sin fotogramas clave.
El problema
Si alguna vez has intentado hacer que las capas reaccionen al movimiento, conoces el sufrimiento.
¿Quieres que 20 capas escalen cuando una forma pasa cerca? Son 20 capas de keyframes, cada una temporizada y con easing manual. Cambia una cosa y rehaz todas.
Escribir expresiones basadas en distancia desde cero es propenso a errores y difícil de mantener. Un solo error tipográfico y toda tu composición se rompe con crípticos errores en rojo.
Mantener la sincronización de animaciones consistente en docenas de capas es casi imposible. Algunas capas van demasiado rápido, otras se quedan atrás, y el resultado global no cuadra.
Funciones
ProXimity convierte un simple null en un potente motor de animación.
Las capas se animan automáticamente según su distancia al controlador. Más cerca significa más efecto, más lejos significa menos. Comportamiento similar a la física, sin código.
Mueve el controlador y observa cómo las capas reaccionan en tiempo real. Sin keyframes que configurar, sin tiempos que ajustar. Solo arrastra y anima.
Controla escala, opacidad, rotación y posición simultáneamente. Cada propiedad tiene su propio deslizador de intensidad para un comportamiento reactivo de precisión.
Elige entre atenuación lineal, ease-in, ease-out o exponencial. Controla exactamente cómo la animación sube y desaparece con la distancia.
Usa múltiples controladores con zonas de influencia superpuestas. Las capas responden al controlador más cercano, creando composiciones interactivas complejas.
Ve el efecto de proximidad en vivo mientras mueves los controladores por la composición. Sin necesidad de RAM preview ni renderizar para verificar tu animación.
Análisis en profundidad
Todo lo que ProXimity hace internamente.
La caída lineal da una distribución uniforme. La exponencial crea efectos de activación dramáticos. Las curvas de ease producen reacciones orgánicas y naturales. Elige la curva que se adapte a tu visión creativa.
La escala, la opacidad, la rotación y la posición pueden responder a la proximidad de forma independiente. Combínalas para un comportamiento reactivo complejo o úsalas de una en una para efectos sutiles.
Crea composiciones con múltiples zonas de influencia que se superponen y fusionan. Cada controlador puede tener su propio radio, intensidad y conjunto de propiedades. Las capas responden al controlador más cercano.
Casos de uso
Desde reacciones de interfaz sutiles hasta efectos explosivos similares a partículas.
Los puntos de datos reaccionan al pasar el cursor o un elemento, creando gráficos y paneles animados atractivos.
Las letras escalan y aparecen gradualmente mientras un controlador las recorre. Crea animaciones de revelado de texto orgánicas en segundos.
Dispersa capas de forma por la composición y observa cómo pulsan, escalan y rotan cuando el controlador pasa.
Configuración
De la instalación a la animación en menos de dos minutos.
Descarga Filmit Studio e instala ProXimity con un clic. Aparece en el menú de Extensiones de AE.
Crea una capa nula o usa cualquier capa como controlador de proximidad. Ajusta el radio y la caída.
Selecciona las capas que quieres que reaccionen. Elige qué propiedades animar y establece la intensidad.
Mueve el controlador a lo largo de la línea de tiempo. Todas las capas seleccionadas reaccionan automáticamente. Sin necesidad de keyframes.
Preguntas frecuentes
Sí. ProXimity aplica expresiones optimizadas a las capas seleccionadas. Nunca necesitas escribirlas ni editarlas tú mismo. El panel lo gestiona todo. Las expresiones son ligeras y eficientes, sin impacto notable en la velocidad de reproducción.
ProXimity está optimizado para un rendimiento en tiempo real. Incluso con decenas de capas reaccionando a múltiples controladores, deberías ver una reproducción fluida en la mayoría de proyectos. Para composiciones muy grandes, puedes limitar qué propiedades se animan para reducir la carga.
Cualquier capa con una propiedad de posición puede servir como controlador: objetos nulos, capas de forma, sólidos, incluso capas de texto. Los objetos nulos se recomiendan para el flujo de trabajo más limpio, pero la elección es tuya.
Actualmente, ProXimity admite escala, opacidad, rotación y desplazamiento de posición. Cada propiedad tiene sus propios controles de intensidad y dirección, y puedes animar cualquier combinación simultáneamente.
Sí. ProXimity está incluido con tu suscripción a Filmit Studio sin costo adicional. Descarga Filmit Studio, instala ProXimity desde la lista de herramientas y empieza a animar. Todas las actualizaciones son automáticas.
Tutorial completo
Un tutorial completo para crear animaciones por proximidad en After Effects, donde tus capas reaccionan a un controlador sin un solo fotograma clave.