Diagrama de sistema animado: ¿forma y software eficientes en el tiempo?

Necesito crear un conjunto de diagramas 2D animados para ilustrar la plomería y cómo funciona un sistema de calefacción con flujos de agua, elementos de calefacción, bombas, etc.

Tengo experiencia con Illustrator y Photoshop, pero me imagino que animar una secuencia requerirá mucho trabajo al crear un cuadro a la vez, especialmente porque algunos sistemas tienen mucho que hacer.

Las animaciones se usarán en la web y quizás se envíen por correo electrónico, por lo que creo que la exportación más fácil sería un GIF animado.

¿Qué software existe (idealmente gratuito/de bajo costo al principio para ponerme en marcha) que sería adecuado para animar la calefacción y el flujo de agua alrededor de un sistema de plomería?

Si es posible me gustaría:

  • establecer puntos clave y hacer que el software anime entre ellos, como agua tibia arrastrándose a lo largo de una tubería, para que no tenga que hacer 30 etapas diferentes yo mismo
  • tener un archivo que se pueda editar en el futuro en caso de que el diagrama necesite mostrar un cambio en el sistema de calefacción
  • si las temperaturas pudieran subir o bajar automáticamente en cantidades establecidas entre ciertos cuadros de animación (por ejemplo, 30 grados en el cuadro 20 subiendo a 50 grados en el cuadro 60)
  • exportar como GIF
  • exportar como animación HTML5 receptiva

¿Algunas ideas?

Si ha encontrado que alguna de las respuestas a continuación ha respondido a su pregunta, asegúrese de marcarla como la respuesta aceptada. Si las respuestas no responden a su pregunta, realice una edición en busca de claridad.

Respuestas (2)

Mis dos centavos.

Realmente me encanta este programa para animaciones simples Express Animate: http://www.nchsoftware.com/animation/index.html

Puede exportar a gif animado (o una serie de imágenes si necesita optimizar la paleta más tarde como diseño plano) y puede exportar a video y a Canvas, que es Html5 + Javascript, donde supongo que puede modificar algo si sabe cómo .

Es similar a After Effects pero en un pequeño programa gratuito.

Las otras opciones son After Effects y Adobe Animate si desea permanecer en el ecosistema de Adobe.

Pero eso es para la animación. Para hacer los activos, la plomería, el dibujo general, puede usar Illustrator, Photoshop o Inkscape y exportar como png.


Si está de acuerdo con solo un gif animado, puede usar otra herramienta de composición de video como hitfilm.com/express, o After Effects y convertirlo a gif animado más tarde.

Aunque esto se basa más o menos en la opinión, diría que vale la pena echar un vistazo a After Effects. Funciona bien con otros productos de Adobe, por lo que importar un archivo .psd de múltiples capas que contenga sus gráficos a un proyecto ae no es un problema en absoluto.

También cumple con la mayoría de sus especificaciones, AE le permite establecer valores en ciertos fotogramas clave y AE calcula los fotogramas intermedios por usted. Es posible exportar como gif con una solución a través de Photoshop. (Exportar como .mp4 en AE, Importar a PS, Guardar para web como .gif).

Trabajar en un archivo de proyecto .aep no es un problema siempre y cuando los archivos de recursos sigan ahí más adelante. En caso de que pierda un archivo, incluso le pregunta cuando abre el proyecto dónde está ese archivo.