¿Cómo puedo hacer una animación suave y nítida?

Estoy trabajando en hacer un correo electrónico directo (EDM) para un cliente y quiero hacer una animación simple muy fluida de un timbre de notificación.

Por lo general, usaría Photoshop para hacer un .gif, aunque busco algo que pueda ayudarme a crear un resultado más avanzado y suave.

Cualquier recomendación sería genial.

Hola Brandrally, ¡bienvenido a GDSE! ¿Podría tal vez editar su pregunta y agregar más detalles? Por ejemplo, ¿cuál es el propósito de la animación? ¿Será una animación larga? ¿Lo usará en un sitio web, en una aplicación, en una película más grande (animada)? ¿Tienes experiencia en la creación de animaciones? ¿Qué quiere decir exactamente con "avanzado" y "suave"? ¿Tiene acceso a cierto software que desea usar? Porque existen mil millones de herramientas de animación.

Respuestas (3)

Estoy suscrito a las newsletters de Litmus (litmus.com) y más de una vez me han sorprendido los gifs animados que incluyen en sus emails.

Incluso tienen una publicación muy recomendable en su blog sobre cómo incluir y optimizar gifs animados en los emails, aunque trata de gifs animados en general: https://litmus.com/blog/a-guide-to-animated-gifs-in -correo electrónico .

De ahí extraigo este texto:

Sin embargo, no todos tienen habilidades con Photoshop. Muchos especialistas en marketing y diseñadores necesitan crear GIF a partir de secuencias de video existentes. Si bien podría usar algo como Adobe After Effects, existen herramientas para la mayoría de las plataformas que facilitan la creación de GIF. En Mac, muchas personas confían en GIF Brewery. Los usuarios de Windows pueden aprovechar programas como Instagiffer y GIF Animator. Si está buscando herramientas en línea, no hay escasez de creadores de GIF basados ​​en la web. ¡Incluso hay aplicaciones en el móvil que pueden ayudarte a crear GIF!

Más allá de Photoshop, creo que Adobe After Effects tiene mejores recursos de animación.

Google

Separa tu flujo de trabajo. Primero la animación, luego el gif animado.

Use cualquier programa de composición o animación que desee, luego genere un video o una serie de imágenes fijas y transfórmelo en un gif.

Pruebe HitFilm Express, Blender o NCH Express Animate.

Lo que realmente necesita ver son los 12 principios de animación de Disney en Wikipedia, disponible en la mayoría de las librerías y un libro fundamental: La ilusión de la vida de Disney en Amazon .

Debe aprender los conceptos básicos de entrada/salida gradual, aplastamiento y estiramiento, anticipación, etc. Esto, junto con los fotogramas clave y la intermediación, es lo que produce una animación fluida.

Todo esto se puede hacer en Photoshop, pero a menudo es más fácil en una suite de animación dedicada como After Effects si es suscriptor de CC. Eso puede depender de la apariencia que estés buscando. La apariencia dibujada a mano puede ser mejor con Photoshop. Aspecto vectorial que puede desear After Effects. Mientras que 3D y es posible que desee Maya. También hay otras aplicaciones y, en ocasiones, querrá usar una combinación de más de una.

Se pueden encontrar excelentes tutoriales en School of Motion y lo animo a que vea toda su serie de Photoshop .