Nunca he creado animaciones, pero quiero hacer una para la página de inicio de mi sitio web. Básicamente lo que tengo es una imagen donde se muestra cada chakra del cuerpo humano con su nombre. Quiero mostrar cómo se mueve el nivel de energía en el cuerpo, desde el chakra más bajo hasta el chakra más alto, cambiando los colores de la energía a medida que suben de nivel a un chakra diferente.
¿Qué software puedo usar para hacer esta animación?
Para animaciones de sitios web, estas son las principales opciones que se me ocurren:
La mayoría de estas opciones requieren práctica (y/o conocimiento de programación), por lo que depende de qué tan cómodo se sienta con las herramientas. Si está familiarizado con el software gráfico y su animación es simple, puede optar por un GIF animado (de esa manera, solo necesita dibujar cada cuadro de la animación y luego unirlos).
También puedes probar Adobe Edge Animate .
Otra opción es crear una presentación de diapositivas jquery. jQuery Cycle con la opción Fade funcionaría bien para esto. Crearía cada imagen en Illustrator o Photoshop y luego las recorrería con jQuery. Si se siente cómodo con jQuery, puede usar la función de buscapersonas y usar el título HTML para cada imagen como el buscapersonas y luego colocar el buscapersonas con CSS. El texto que usa para cada título de imagen aparecerá como una lista, de modo que cuando un usuario haga clic en ese texto, se cargará la diapositiva correspondiente. Pero esto requerirá jQuery más avanzado.
Nota: No he probado ninguna de estas herramientas en profundidad.
Lo más parecido que puedo encontrar a un animador completo para la web es Animatron . Parece que se procesa en Canvas, lo que significa que está construido en HTML5 y JavaScript. Otra herramienta similar es HTML5Maker .
Sin embargo, si solo está buscando crear un video en línea, hay muchas herramientas que incluyen Moovly , GoAnimate y Wideo , pero hay muchas más similares.
Si está buscando qué tecnologías puede usar para animaciones web, debe consultar la pregunta aquí llamada ¿Cuál es la mejor manera de animar una ilustración para la web?
Para algo más que una simple animación de tipo video, especialmente algo que involucre mucha interacción con el usuario, recomiendo contratar a un desarrollador/animador (¡como yo!) para que lo cree o aprenda a hacerlo usted mismo.
Si está buscando crear imágenes GIF, puede intentar usar Adobe After Effects, que lo ayuda a hacer un video.
Pruebe http://daneden.github.io/animate.css/ y http://mynameismatthieu.com/WOW/ ambos funcionan juntos como un encanto con texto o imágenes y tienen muchos efectos numerosos con retraso, activación de desplazamiento
Javascript y jQuery son mejores porque no retrasan la carga de la página web. Pero requieren conocimientos de programación.
Sunishtha Singh
Zach Saucier