Los que nos leéis, sabéis que nos encanta compartir recursos para poder sacar el máximo partido a tus proyectos. Hemos compartido recursos de muchos tipos, desde tipografías gratuitas a mockup para elementos de diseño gráfico y web. Como siempre decimos, hay un recurso para cada ocasión y por eso hoy vamos a ampliar la lista con recursos de descarga gratuita de animaciones!
Ya lo llevamos comentando desde finales del año pasado y es que las animaciones son la gran tendencia de este nuevo año. Podemos crearlas a través de imágenes o ilustraciones e introducirlas en la cabecera de nuestra web, o que sean las encargadas de desarrollar un proyecto gráfico.
Las opciones son muy variadas y con estos recursos podemos aplicar distintas animaciones a nuestros proyectos sin necesidad de tener un alto manejo y conocimiento de las herramientas digitales. Para aquellos que manejáis CSS3 y HTML5 os recomendamos que las hagáis por vosotros mismos (podéis ver un mini tutorial aquí), pero de cualquier manera con estos recursos podéis dar un pequeño empujón y ver mas rápidamente el efecto final.
¿Os animáis? 🙂
Recursos de descarga gratuita
Empezamos por el menú
Que los menú hamburguesa son tendencia, creo que no hay nadie que se le escape, por eso este efecto nos puede ser de gran utilidad su queremos añadirle un toque de creatividad y originalidad al mismo. Como veis podemos poner el fondo que queramos e incluir el efecto al cerrar y abrir el menú, de manera que añadiremos un toque de originalidad a nuestra web.
Mockup animados
Son muchas las ocasiones en las que hemos compartidos recursos de descarga gratuita de ordenadores, tablets, móviles… para poder visualizar (y muchas veces presentar al cliente) nuestro trabajo de una manera más estética. Pues bien en este caso, además lo animamos. La imagen no es estática si no que podemos introducir una serie de ellas de manera que damos movimiento. Podemos hacer scroll como si en la misma web estuviéramos!
En este no partimos de una tablet, pero nos puede ser de ayuda para dar dinamismo a un proyecto gráfico quizá.
Juguemos con las ilustraciones
Por último, pero obviamente no menos importante, si hemos animado imágenes, podemos (y debemos) hacer lo propio con las ilustraciones! Conseguimos animar ilustraciones (o un conjunto de ilustraciones e imágenes) de manera que sean los encargados de poner un ponto de dinamismo.
Otra opción es jugar con las líneas que componen una ilustración de manera que parezca que se va dibujando por sí misma, o introducir una composición de líneas y fondos planos…
Conclusión
Para terminar, he de recordar, que una cosa es dar animación a un elemento o varios, por ejemplo dentro de una web, y otra muy distinta que nuestra web parezca la montaña rusa de la feria. Hace años lo conseguimos con el slider, se abusó tanto de él que comenzó a odiarse, por lo que vamos a intentar que no ocurra lo mismo con las animaciones!
Usados con elegancia, darán a tu trabajo un aire original y creativo que hará que te diferencies de tu competencia. Nosotros ya hemos descargado todas! 🙂
Gracias nuevamente! Verónica Valenzuela soy tu fans 😀 éxitos. ! y sígue haciendo lo que mas te gusta…!