Una herramienta para crear animaciones con archivos SVG

Hay una web que destaca por la animación de su logo: animista.net, una herramienta de diseño que podemos usar para crear animaciones CSS sin necesidad de programar en exceso.

Por lo visto, varios usuarios les preguntaron cómo consiguieron animar el archivo SVG de su página principal, y los responsables comenzaron a trabajar en un proyecto que ayudara a hacer exactamente eso: crear animaciones a partir de un SVG. Continúa leyendo «Una herramienta para crear animaciones con archivos SVG»

Blobmaker, una web para generar múltiples formas en formato SVG

Blobmaker

Internet está lleno de herramientas que facilitan el día a día de todos aquellos que os dedicáis al mundo del diseño. En concreto, muchas de estas herramientas están centradas en ahorrarnos tiempo a la hora de llevar a cabo tareas concretas y repetitivas. Hoy os hablamos acerca de Blobmaker, una web para generar múltiples formas en formato SVG en cuestión de segundos.

Si seguís las tendencias de diseño estaréis al tanto de la popularidad de este tipo de formas en sitios web, aplicaciones e imágenes promocionales. El objetivo de Blobmaker es ayudarnos a crear este tipo de elementos en múltiples formas, dimensiones y colores, con la ventaja de poder descargarlos en formato SVG y emplearlos en las herramientas de diseño que solamos utilizar. Por supuesto, todo de forma gratuita.

Continúa leyendo «Blobmaker, una web para generar múltiples formas en formato SVG»

Transformicons, web que recopila iconos, sí­mbolos y botones animados SVG y CSS

transformicons

Como sabréis, a lo largo de los últimos años os hemos ido recomendando diferentes recursos de utilidad para todos aquellos que os dedicáis al mundo del diseño. En esta ocasión nos ha parecido interesante destacar la utilidad de Transformicons, una web que se encarga de recopilar iconos, sí­mbolos y botones animados SVG y CSS.

Sin duda, una de las ventajas más interesantes de Transformicons es la posibilidad de comprobar el funcionamiento de los diferentes botones desde la web, sin necesidad de descargar nada a nuestro equipo. De esta forma podemos comprobar en cuestión de segundos si el funcionamiento de un botón determinado es el deseado. En cuanto sepamos el icono que queremos emplear tenemos que hacer clic sobre el botón Builder para copiar el código necesario.

Continúa leyendo «Transformicons, web que recopila iconos, sí­mbolos y botones animados SVG y CSS»

Cuatro opciones para reducir el tamaño de imágenes en Internet

Aún hay muchas personas que comparten capturas de pantalla en BMP por email, y muchos que publican esas mismas imágenes en las redes sociales y blogs, imágenes que ocupan varios megas sin necesidad.

Existen varias formas de reducir el tamaño de una imagen (y no me refiero al ancho y alto y sí­ a la cantidad de kbs), y los recursos que os voy a comentar ahora ayudan bastante en esa tarea. No se trata solamente de respeto hacia quien tiene que bajar la imagen, se trata de ahorrar recursos (el espacio que ocupa una imagen en un servidor, así­ como el tráfico de datos cuando es bajada, no es gratuito) y de mejorar el tiempo de carga de nuestras páginas, por lo que usar estas herramientas es algo más que un lujo, es una necesidad.

comprimir

compressnow.com: Permite la entrada de cualquier archivo de imagen y, después de especificar el nivel de compresión, genera un jpg bastante reducido en lo que a tamaño se refiere.

tinypng.org: Ideal para imágenes png, ya que reduce el tamaño y respeta la transparencia, algoque la opción anterior no puede hacer (jpg no permite secciones transparentes, algo que sí­ permite gif y png).

kraken.io: Incluye API para que otras aplicaciones puedan usar su tecnologí­a de compresión de imágenes (compatible con jpg, gif, svg y jpg), así­ como una versión web gratuita en kraken.io/web-interface que permite subir varios archivos al mismo tiempo.

smush.it: Conocida herramienta de Yahoo que permite comprimir varias imágenes al mismo tiempo, siendo necesario especificar las direcciones web de dichos archivos (también podemos subirlos desde el ordenador).

Como veis, no hay escusa que valga. Nada de poner capturas de pantalla de más de 100 kb en una página web cuando no es necesario hacerlo.

Vector Paint – Transforma Chrome en un programa de dibujo


Basado en el código libre del editor gráfico vectorial SVG Editor, Vector Paint nos permite transformar nuestro navegador Google Chrome en un programa de dibujo bastante completo.
Solo tenemos que instalar el complemento para, sin necesidad de registro, acceder a un panel de dibujo con las herramientas básicas para crear desde diagramas de flujo hasta dibujos más sofisticados con curvas y sombras.
Lanzada la última versión hace pocos dí­as, ya cuenta con más de 7.000 instalaciones con una puntuación media de 3.89 sobre 5, siendo ideal para los que quieren crear un diagrama en pocos minutos sin depender de las herramientas instaladas en el PC.

Open ClipArts ”“ Más de 30.000 imágenes prediseñadas para descargar

Open ClipArts es un portal que nos permite descargar todo tipo de imágenes prediseñadas en formatos SVG o PNG.

La web cuenta en su haber con un recopilatorio de más de 34.000 imágenes, todas ellas clasificadas desde animales hasta banderas pasando por mapas, caras, flores, gente, bordes, caricaturas, etc.

Si deseas colaborar en el proyecto, también puedes subir tus creaciones al portal, aunque previamente sus responsables deberán de valorarlas y la clasificarlas por ti. Para realizar el anterior paso, tendremos que pasar por un registro bastante corto, en el que habremos de introducir nuestros datos personales básicos.

Un buen servicio para todos aquellos que están buscando un icono, por ejemplo, para su avatar y no encuentran nada que les guste.