Tag Archives: inkscape

Cómo optimizar imágenes PNG

Eric Burke, de Stuff that Matters, nos ofrece unos útiles consejos sobre cómo optimizar imágenes PNG creadas por nosotros mismos. Estos son algunos de los principales pasos que se deben seguir:
– Crea las imágenes originales en un programa de diseño vectorial como Inkscape o Illustrator
– Utiliza un número limitado de colores (aunque en algunos casos es complicado, trata de reducir al máximo posible la paleta)
– Evita usar transparencias y degradados.
– Diseña tus imágenes en el tamaño en el que las vas a utilizar para evitar problemas de escalado a la hora de exportarlas.
– Exporta las imágenes al formato PNG con las dimensiones elegidas previamente
– Utiliza un programa de retoque como Gimp para convertir la imagen o imágenes al Modo Indexado (Imagen > Modo > Indexado)
– Genera una paleta de colores optimizada
– Utiliza un máximo de aproximadamente 48 colores (como es habitual, cada cual deberá ajustar este valor a sus propias necesidades)
– Desmarcar la opción color dithering

Debo decir que aún no he tenido oportunidad de probar estos consejos aunque creo que me serán muy útiles en el futuro.

35 tutoriales imprescindibles para Inkscape

Inkscape es la respuesta del software libre al diseño de gráficos vectoriales y como he dicho en otras ocasiones no tiene nada que envidiar a otros programas comerciales como Adobe Illustrator. Quizá uno de los puntos débiles sea que no proliferan mucho los tutoriales con ejemplos prácticos para sacar el máximo partido a esta excelente aplicación.

Sin embargo, gracias a Speckyboy, podemos disfrutar de 35 tutoriales para Inkscape con los que podremos realizar auténticas maravillas vectoriales, desde diseñar un cartel al estilo del cartel presidencial de Obama hasta crear una taza de café desde cero, pasando por ejemplos prácticos para sacar partido a nuestras ilustraciones añadiendo interesantes efectos. La recopilación incluye no sólo ejemplos impresos sino una breve colección de videotutoriales.

Cómo diseñar iconos con Inkscape

Inkscape LogoGracias a Eckhard de Linux for Designers me encuentro con cuatro artículos muy gráficos que te explican cómo crear tus iconos con Inkscape.

  1. Creating Echo Icons with On the Table Perspective: un tutorial de Martin Sourada que hace uso de las guías para crear iconos con perspectiva.
  2. Pencil Icon: un sencillo artículo que nos enseña cómo crear el icono de un lápiz
  3. Inkscape :: Icon Creation :: Basics: Aprende a diseñar tus propios iconos con este extenso artículo ilustrado con varias capturas de pantalla.
  4. Inkscape Tutorial: Un recién llegado a Inkscape nos enseña cómo empezó con el diseño de iconos.

En Smashing Magazine también parecen interesados por el diseño de iconos y escriben un artículo sobre Cómo dibujar el icono de un lápiz, aunque utilizan un programa comercial como Adobe Illustrator. No obstante, imagino que con un poco de imaginación es fácilmente adaptable a Inkscape.

En Youtube, también tenemos varios videotutoriales sobre cómo crear iconos con Inkscape. Aquí os dejo un ejemplo de creación de un escudo (en inglés):

[youtube=http://www.youtube.com/watch?v=0hKGBriM6ko]

32 iconos gratuitos para tiendas online

Buscando en del.icio.us enlaces para Inkscape me he encontrado con una colección de 32 iconos totalmente gratuitos y creados para proyectos de comercio electrónico.

Free eCommerce icons

El archivo comprimido te lo puedes descargar desde la web de Starfish [186,6 KB] y contienen los iconos en formato PNG, así como el archivo maestro en formato SVG (nativo de Inkscape).

Noticia relacionada: 40 sets de iconos profesionales gratuitos

5 Recursos para Inkscape

Cuando pasé al mundo Linux eché en falta un programa de diseño vectorial decente ya que durante mucho tiempo estuve usando Adone Illustrator). La añoranza se acabó cuando descubrí Inkscape. Y al igual que me pasó con Illustrator me lancé a la búsqueda de sitios web con tutoriales que me sirvieran de inspiración y estos son algunos de los que considero realmente interesantes:

The Inkscape Tutorials Blog: Un weblog que cuenta con más de 70 tutoriales a cual más interesante.

Joaclint Istgud: Un interesante blog dedicado al diseño por ordenador con software libre y que cuenta con un apartado para Inkscape.

Nicu’s How-to: Si quieres saber cómo hacer las cosas realmente bien con Inkscape o Gimp, Nicu Buculei es tu referencia.

Screencasters at heathenx.org: Si eres un hijo de la era audiovisual este sitio te descubre más de 50 videotutoriales sobre cómo diseñar con Inkscape.

raikar designs: Un entusiasta de Inkscape y Gimp que aporta su granito de arena con unos cuantos tutoriales.

Espero que os resulten de utilidad y si tenéis algún otro sitio recomendable pues no tenéis más que comentarlo.