Pregunta Como hacer logo con movimiento

[kovalski]

Me gustaría añadir una pequeña animación a mi logo ( Una cara que quiero que guiñe un ojo de vez en cuando). ¿En qué formato sería el mas adecuado para hacerlo?
Trabajo con Astra Pro. No sé si usar apng es lo más adecuado, he hecho alguna prueba Y parece que va bien, pero no se si hay algún formato más adecuado para ello.

 

T

Necesito ayuda  Comprar Licencia Elementor y Crocoblock

Necesito ayuda  Template Slider Revolution - 404 Page Hero Collection

[yendaru]

Hola, bueno para insertar animaciones, tienes que tener en cuenta que a veces por pequeñas que sean pueden añadir un peso extra a tu web que puede ser mínimo, pero al final es un extra. Si no tienes problema con ello tienes 3 salidas:

1. La dificil
Programar un SVG y animarlo con css

2. La Intermedia
Lotties: Son basicamente animaciones en after effects exportadas como archivos JS, que puedes añadirlas a Elementor con un widget que este trae por defecto llamado "Lottie"

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Aceptar cookies de terceros

(Guia como se hace). Ojo me parece que ese es un plug-in pago, pero hay alternativas gratuitas.

.

3. La mas facil
Ese mismo archivo animado expórtalo como gif y súbelo donde lo necesites, si se te hace complejo o pesado puedes pasar el video por Photoshop para exportarlo para web como gif de bucle.

Espero te sirva de algo, suerte!

 

[SergioAndres]

¿Y este funciona también si lo quiero usar como firma de correo electrónico?

 

[yendaru]

Para un correo electrónico te recomiendo que uses el formato gif, porque no se pueden adjuntar archivos js en un email

 

[SergioAndres]

Para un correo electrónico te recomiendo que uses el formato gif, porque no se pueden adjuntar archivos js en un email

Muchas gracias por tu recomendación.

 

[kovalski]

Hola, bueno para insertar animaciones, tienes que tener en cuenta que a veces por pequeñas que sean pueden añadir un peso extra a tu web que puede ser mínimo, pero al final es un extra. Si no tienes problema con ello tienes 3 salidas:

1. La dificil
Programar un SVG y animarlo con css

2. La Intermedia
Lotties: Son basicamente animaciones en after effects exportadas como archivos JS, que puedes añadirlas a Elementor con un widget que este trae por defecto llamado "Lottie"

Ver archivo adjunto 1693

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Aceptar cookies de terceros

(Guia como se hace). Ojo me parece que ese es un plug-in pago, pero hay alternativas gratuitas.

.

3. La mas facil
Ese mismo archivo animado expórtalo como gif y súbelo donde lo necesites, si se te hace complejo o pesado puedes pasar el video por Photoshop para exportarlo para web como gif de bucle.

Espero te sirva de algo, suerte!

Muchas gracias. Creo que intentaré tirar por la calle del medio, los lotties, que tengo curiosidad. lo de programar se me escapa, aunque voy a ver como va el tema, por si asusta mas de lo que es.
muchas gracias por tomarte tu tiempo en contestar.

 

[edugiler20]

El lottie es muy bueno, te da una exelente resolucion y lo puedes exportar desde after effects y con elementor lo colocas donde quieras

 

[je_silis]

Puedes usar glaxnimate, es gratuito y libre, existen algunos tutoriales de como animar. yo he hecho animaciones de ese tipo en mi propio sitio web. te aconsejo que lo exportes a lottie se lleva muy bien con WordPress. adicionalmente te comento que la habilidad para diseñar en el software dependerá de tí. puedes verificar los tutoriales. yo lo dominé en una semana.

 

[kovalski]

Muchas gracias, lo estudio.

 

[marcelgil]

Alguna Ia que podamos usar>?