Animaciones web en After Effects 2022 | LottieFiles

[@edisonpalacios]

Sí cuando instalan el plugin, no les aparece su composición, seguramente es porque tienen el After Effects en español y el plugin tiene problemas con idiomas que no sean el inglés. Una solución sería que cambiemos el idioma de nuestro After Effects a inglés. Pueden ir a la carpeta de Adobe After Effects/support files/ Dictionaries / es_ES y borrar el contenido de esa carpeta. Cuando vuelvan a abrir el After Effects ya estará solucionado y en ingles.

[@victorbenitezcontreras2846]

En macOs es más "complicado" de buenas a primeras el cambio de idioma, pero en internet encontre una solucion muy buena, deben crear un archivo vacio y que se llame ae_force_english.txt y ponerlo en documentos y listo.

[@ChicLnelymiseri]

Cómo hago eso, podrías ayudarme?

[@LuisAlbertoCastilloSanchez]

diablos, que buen video!!! Muchas gracias !!! new sub

[@fabiolavilla2270]

Uf, master, yo que soy cero diestra en estas cosas lo logré con éxito, gracias por la perfecta explicación, me sirvió al 100

[@edisonpalacios]

Me alegro mucho ✌️✨

[@tomasnadal9538]

que video tan infravalorado! me ayudo mucho gracias

[@edisonpalacios]

Gracias, nos alegra que te haya servido!

[@rodrix22romano]

Yo soy programador y está muy bueno usar estás animaciones de las páginas le da más profesionalismo a las Webs.

[@mariabelenstratta160]

Te amoooo! Gracias aprendo muchísimo con vos

[@edisonpalacios]

Gracias! Me alegra que te sea de ayuda! 🤟🤩

[@p11studyo]

❤x2

[@zenseiar]

Me has ayudado mucho! Muchísimas Gracias!!!

[@fbnbnz]

Estaba buscando un material como este. Gracias bro!

[@edisonpalacios]

Hola! Pronto habrá uno actualizado!

[@luisvalentinvallejos5296]

Te ganaste el follow por explicar todo ❤️

[@solmariermedina5049]

Explicas demasiado bien, y se ve muy profesional lo que haces.

[@edisonpalacios]

Gracias! He vuelto a estar activo nuevamente con los tutoriales, date una vuelta 🙌

[@KioscoDocs]

Que genioo!!! Justo lo que estaba necesitando, si suybes contenido seguido tienes uin subscriptor nuevo!

[@edisonpalacios]

Gracias! He vuelto a estar activo nuevamente con los tutoriales, date una vuelta 🙌

[@gabrielagalvis4775]

Hola, muchas gracias por el tutorial, tengo una duda, es posible añadir un SVG ya hecho y que salga con los puntos que salen cuando se hace dentro de after?

[@edisonpalacios]

Hola no logré entenderte bien, me puedes dar un poco más de detalles? Cualquier cosa también puedes escribir por Instagram, allí es donde es más fácil ayudar ya que se puede enviar imágenes 🙌

[@anderssg9928]

Es necesario usar extension? no hay manera en after de exportar esa animación como svg y asi tener el codigo?

[@soulcreativadigital]

Quisiera saber cómo editar el json con las url de las imágenes ya subidas a mí WordPress para no tener que usar un programa y subir la animación que hice con after. Subí el archivo y toma la URL de la imagen como duplicada. Modifico en la consolada y se ve correctamente. No sé qué estoy haciendo mal. Sabrías como subirlo sin necesidad de subir el archivo a otro programa para que me genere la URL?

[@EmanuelOlivaresCoach]

me sirvió de mucho el video, práctico y sencillo

[@danielkristianpachecovarga6284]

Muy buena!!! Grande!! Sigan así!!!

[@edisonpalacios]

Gracias por comentar! Estanos trabajando en más contenido! No olvides consultar nuestro IG 💪

[@PatriciaSandoval-mn4lm]

Hola Edison buen día, acabo de ver tu video y me ha servido mucho para poder hace lo que requiero hacer, muchas gracias explicas muy padre; Solo que tengo una duda muy grande, ya tengo mi Lottie hecho y lo requiero colocar en programa XD de adobe, se coloca y se anima perfecto, solo que en XD se coloca la animación y tiene la característica de poder ponerle que la animación se reproduzca automáticamente o al tocar así como ponerle que haga loop o no, el problema es que al colocarlo sin ponerle que haga loop lo hace por defaul y aquí no sé como poder hacer lo siguiente: mi animación es un logo que aparece de la nada y al final se queda todo visible, y quiero que cuando termine la animación se quede el logo completo y no me lo permite... :(, ¿Puedes ayudarme a lograr que esto se pueda?

[@edisonpalacios]

Hola, a ver si entendí 😅 Lo que necesitas es que una vez se termine de animar tu logo, simplemente se quede estático? Si es así, es algo que en el código una vez coloquen la animación, el programador debe agregar. Es una regla para que tu animación se quede congelada una vez termina la animación. Por defecto las animaciones lotties siempre están en loop.

[@gervasiomolinaro]

Muy bueno, muchas gracias, una consulta, sabes como se hace para que cuando pase el puntero del mouse sobre la misma ahi se active? como en el ejemplo que pones al principio? gracias

[@edisonpalacios]

Gracias por tu comentario! Para que la animación se active cuando pasas el mouse ya es un tema de código, tendrías que consultarlo con tu programador, pronto haremos temas más avanzados sobre eso 🙌

[@Ignacio_Ravanal]

Hola buenas al momento de utilizar el ZXP para montar el archivo.zxp me sale esto: error: Extension manager init failed, status = -193! A required resource is missing. Please relaunch the creative cloud app and try again. Me puedes ayudar con eso no entiendo bien de que se trata. Saludos

[@edisonpalacios]

Hola! Trata de instalar el ZXP installer pero de AeScripts

[@jeremycolmenares4066]

Buenisimo bro, no dejes de hacerlos , prontos tendras muchisimos supcriptores

[@edisonpalacios]

Muchas gracias! Nos estamos esforzando 🙏🔥

[@KarenMossetto-u7k]

Gracias!!!! Muy bien explicado me re sirvio! 😁

[@araujooskr9492]

hay alguna condición sobre el tamaño de la composición para que se muestre completa en lottie? solo me renderiza lo que aparece justo en el centro de la comp.

[@k4rloz100]

Gracias, tenia el erro de que no aparecía la composición pero lo de cambio de lenguaje era el problema, gracias parce nuevamente

[@edisonpalacios]

Gracias! He vuelto a estar activo nuevamente con los tutoriales, date una vuelta 🙌

[@prueba7519]

Buenos días, No me da opción a guardarlo simplemente, lo tengo que subir a la libreria de lottiefiles...y parce que sólo me permite subir uno Por qué es esto que no me deje guardar simplemente. Gracias

[@jhonatanparra7394]

Hola qué tal , yo implemente esto tal como tú vídeo pero mi pregunta es se puede ponerle animación a un botón de con este tipo de animación, es que la verdad me complicó mucho al momento del ancho del alto y del responsivo en esto.

[@edisonpalacios]

Hola! Normalmente al crear tu web ya viene la opción para animar los botones que tú quieras, por ejemplo las webs de wordpress creadas con elementor ya tienen esa opción para que elijas. Si lo que buscas es tener un botón con la animación que tú hagas, ya es más complejo y tendrías que escribirle a un experto en el tema de la programación 🙌

[@PatriciaSandoval-mn4lm]

Hola Edison buen día, Gracias por tu vido!!! tengo un graaaaan problema que no sé cmo solucionarlo, te cuento: tengo una animación en affter efects (tipo lotie dura menos de 2 seg) entonces cuando lo exporto de after effects a lotties (Menú Ventana --> Extensiones --> lottiefiles) todo perfecto pero... a la hora de dar render en el preview de panel lottiefiles aun en after no se logra ver la animación y las figuras colocadas en mascaras se ven completas... y ya guardado en lotties tampoco se ve la animación .... ¿Qué puedo hacer? o ¿Qué estoy haciendo mal?, te agradezco mucho de antemano tu tiempo en leerme :) Importante: Mi animación no tiene efectos de ningún tipo solo me traje un archivo en ai en capas para animar parte por parte y algunos elementos de mi animación son formas trazadas en aftter directo también animadas.

[@edisonpalacios]

Hola Patricia, tal vez te ayudaría ver mi último video donde toco nuevamente el tema con otro plugin explicado paso a paso 🫡

[@dariogalarza2330]

Hola Nocturno. Gracias por el tuto.

[@edisonpalacios]

Gracias! He vuelto a estar activo nuevamente con los tutoriales, date una vuelta 🙌

[@psicodeliana1966]

Hola! Estoy intentando exportar mi animación y tiene alguna máscara y algún efecto y no se exportan bien en el archivo json cuando la veo en la demo :( ... sabes cómo puedo exportarla bien? Millones de gracias!

[@edisonpalacios]

Hola Lamentablemente las animaciones que tienen mascaras y muchos efectos no se pueden exportar bien mediante este método, ya que como mencioné en el video, deben ser animaciones sencillas debido a que aparecerán en una web. Suerte!

[@canaldeyoutube3551]

Buen video crack sigue así que serás grande

[@edisonpalacios]

Gracias! Que bueno que estos videos te sirvan de ayuda!

[@dwolfpublicidaddiseno8339]

Hola bro hice una animación usando el animation composer, pero cuando quiero exportar la animación con el lottie no me sale las animaciones que le hice con ese plugin solo aparecen en el orden que le di en la lineal de tiempo

[@edisonpalacios]

Hola! Me parece que este plugin no es compatible con animation composer, debido a que animation composer usa otro método para animar los elementos.

[@sylvina688]

genial!!! mil gracias!

[@nanojpg]

Tremenda joya de video! gracias

[@edisonpalacios]

Gracias! He vuelto a estar activo nuevamente con los tutoriales, date una vuelta 🙌

[@RicardoRickSaenz]

Hola, yo tenía pensado en exportar como Secuencia WebpShop que es un webp animado ( que es más liviano precisamente para web ). Que pasa me sale un error de After effects: el plugin requiere servicios no disponibles en este host. ( 45 :: 35 ) no sé qué hacer. Este video pues logra lo mismo muy bien explicado, PERO no era lo que estaba buscando. Si alguien puede comentar si sufre lo mismo lo algo así al momento de exportar Secuencia WebpShop, por favor ayuden gracias. (por el momento no encuentro solución).

[@edisonpalacios]

Lamentablemente no conozco mucho de webpshop :(

[@insightgalaxy4327]

Hola! si se puede usar saber sin usar tantos recursos, no lo reconoce porque sólo reconoce vectores e imágenes, por eso saber, 3d element, etc. se deben exportar en secuencia de imágenes y se deben programar por fotogramas.

[@edisonpalacios]

Para 3D es un método diferente :(

[@ellesig-yb]

Buenísimo el tuto! 🤯Para cuando un tutorial para los principiantes en figma? jaja 😅son unos genios! gracias por compartir tanta data! 🤗

[@edisonpalacios]

Gracias! Que bueno que te haya servido! Figma está en nuestra lista de pendientes 💪🔥

[@eruzurita]

Muchas gracias crack

[@TheJuAnChaNNel99]

Gracias 🙏🏼

[@roddom.producciones]

Qué buena! Chingón, gracias por el tutorial. Justo estoy comenzando a crear animaciones para web y esto me viene de maravilla, sólo me queda unas dudas: Para hacer un loop, supongo que sólamente tengo que darle una animación y el programados hace el loop (bucle). Pero si por ejemplo, quiero que al hacer click sobre un menú, el ícono de hamburguesa se anime y cambie a una "X", y se mantenga el tiempo que el usuario requiera. Y al pulsar el ícono de "X" regrese a su forma original (con otra animación distinta). ¿Debo darle al programador dos animaciones diferentes o debo hacer la animación completa y el programador puede "pausar" la animación el tiempo que el usuario requiera? Espero haberme explicado, gracias.

[@edisonpalacios]

Lo mejor sería hacer dos animaciones por separado 🙌

[@juliocisneros3769]

No me puedo bajar la animación para usarla en affter effect?

[@edisonpalacios]

La animación está perdida, lo siento :(

[@ElManu5]

todo bien, pero cuando abro el plugin, no aparece mi composición :( no entiendo que pasa

[@edisonpalacios]

Puedes escribirnos por Instagram? Quizá por ahí podamos enviar videos y tratar de solucionarlo

[@ElManu5]

Dale, muchas gracias Te escribo en unos minutos

[@ricardoleivakauer6717]

Hola! lograron solucionarlo? tengo el mismo problema jaja

[@omarchavarria3735]

@@edisonpalacios Yo también tengo el mismo pronblema, no aparecen mis composiciones en la ventana de LottieFiles.

[@edisonpalacios]

Sí cuando instalan el plugin, no les aparece su composición, seguramente es porque tienen el After Effects en español y el plugin tiene problemas con idiomas que no sean el inglés. Una solución sería que cambiemos el idioma de nuestro After Effects a inglés. Pueden ir a la carpeta de Adobe After Effects/support files/ Dictionaries / es_ES y borrar el contenido de esa carpeta. Cuando vuelvan a abrir el After Effects ya estará solucionado y en ingles.

[@ignaciochaparroyentzen9909]

Hola, gracias por el video, me pasa que guardo la animación pero aparece sin movimiento

[@edisonpalacios]

Debe haber un problema con la exportación en lottie files

[@juanjosecm3959]

Gran aporte bro

[@edisonpalacios]

Gracias! He vuelto a estar activo nuevamente con los tutoriales, date una vuelta 🙌

[@JuzuDesigner]

Gracias, justo para enseñar a mis alumnos y perdiendo el "miedo" al after :) .

[@JuzuDesigner]

Saludos de Lima, Perú.

[@edisonpalacios]

Gracias! He vuelto a estar activo nuevamente con los tutoriales, date una vuelta 🙌

[@arturoleandropomagomez4665]

Hola soy yo el único o también les pasa a ustedes que ya no se pueden exportar las animaciones en Lottie ?

[@MarceloCaceres]

Obviamente no es gratis, verdad?

[@edisonpalacios]

Sí es gratis, pruebalo!

[@MarceloCaceres]

@edisonpalacios ya lo probé y no me deja descargar el archivo renderizado si no pago

[@MarceloCaceres]

​@@edisonpalaciosy estoy usando Bodymovin pero tiene problemas con las animaciones de trazos, otras animaciones las exporta sin problemas directo a svg