Desde hace un tiempo, se ha convertido en una moda el aplicar filtros que hagan cambios en una imagen para que parezca más vieja de lo que en realidad es. Si bien es cierto que las modas vienen y van, no es menos cierto que algunos trabajos requieren el toque distintivo de una época pasada. Por ese motivo, el artículo 16 Vintage/Retro Photo Effect Tutorials de DesignModo es una buena referencia para aprender un buen puñado de técnicas que pueden ser realmente útiles. Lejos de ser una colección de filtros, estos consejos pueden ser usados en multitud de situaciones.

Aunque cada uno de los métodos está enteramente descrito en inglés, no son complicados de seguir, puesto que todos tienen capturas de pantalla lo suficientemente claras para no perdernos detallando cada uno de los pasos necesarios.

Vía:
DesignModo - 16 Vintage/Retro Photo Effect Tutorials

El 22 de noviembre se publicó oficialmente MyPaint 1.0.0, una herramienta de código abierto destinada a ilustradores que funciona tanto en GNU/Linux como en Windows (existe versión para Mac OS X pero se halla en fase experimental). Su interfaz permite una mínima distracción para concentrarse en el trabajo creativo.

Este proyecto comenzó su andadura en 2005, con la finalidad de brindar una herramienta de dibujo con una interfaz simple y minimalista para tabletas gráficas, soportando las sensibles a la presión. Cada función de la aplicación está asociada a un atajo de teclado, para favorecer la rapidez en el uso de la herramienta. MyPaint dispone de la capacidad de ocultar la interfaz gráfica, para concentrarse sólo en la creación artística.

En la nueva versión se ha añadido una barra de herramientas desplegable que se puede personalizar mediante widgets (color, pincel y ajustes de pincel). La ventana de herramientas flotante puede acoplarse a la barra lateral de la ventana principal.

En MyPaint 1.0.0 se incorpora una especie de bloc de notas donde es posible almacenar todo tipo de detalles y no sólo de texto, ya que permite guardar miniaturas, trazos de pincel o pruebas de color. El software maneja un sistema de capas básico y dispone de un lienzo ilimitado.

La aplicación se publica bajo la licencia GPLv2. Además del código fuente, hay binarios de la nueva versión disponibles para Windows de 32 bit. Los usuarios de Mac y GNU/Linux han de esperar un poco todavía.  MyPaint guarda el trabajo en el formato OpenRaster, que tiene su base en OpenDocument. Las creaciones finales pueden exportarse a los formatos JPG y PNG. Como extras, ofrece también un paquete de pinceles adicionales y un plugin para GIMP para el formato OpenRaster.

Vía:
Genbeta - MyPaint alcanza la versión 1.0 con una interfaz de usuario mejorada

Más información y descarga:
MyPaint – Sitio oficial 

A través de AppleInsider hemos podido saber que las primeras versiones beta de Photoshop CS6, actualización de el programa de retoque de imágenes digitales de Adobe, y que formará parte de la futura Creative Suite 6.0 (CS6), hará gala de una nueva interfaz más oscura, nuevas posibilidades 3D, autoguardado, y un puñado de nuevas herrramientas.

Lo primero que llama la atención es su nuevo aspecto, totalmente renovado, y que es similar al que Adobe utiliza en Aperture. Este aspecto, por si a los usuarios más veteranos no les gusta, se puede modificar con una opción que aparece en la beta, permitiendo volver a la interfaz clásica que todos conocemos. En cualquier caso, los cambios no son tan drásticos como para sentirse desorientado trabajando de este nuevo modo.

Ahora, además, será más sencillo trabajar con elementos 3D gracias a las nuevas opciones añadidas al programa.

Más información:
AppleInsider — Adobe Photoshop CS6 to adopt Aperture-like theme, new 3D functionality

Todos los diseñadores web hemos intentado, en un momento u otro, crear un sitio flexible donde las imágenes se ajusten de forma automática según la resolución del dispositivo del usuario. Para solucionar este problema tenemos diferentes opciones, siendo una de las más versátiles la que nos ofrecen en Adaptative Images in HTML. Utilizando JavaScript, PHP y la biblioteca GD lib, las imágenes de nuestro sitio web serán ajustadas según la resolución de pantalla de nuestro visitante.

El método es muy sencillo de implementar pero tiene la pega de que requiere tener activado JavaScript por parte del usuario en su navegador. De no ser así, se nos ofrece una solución alternativa, que aunque no funciona correctamente en la primera visita, sí lo hace en las subsiguientes.

La única pega, es que el sitio web se encuentra completamente en inglés, aunque es realmente sencillo de entender.

Más información:
Adaptative Images in HTML 

GIMP 2.8, con interfaz de usuario única, se retrasa una vez más. En abril de 2010, se anunció para diciembre la salida de una versión candidata, y 2011 como fecha probable de salida de la versión final. En diciembre, las sospechas de retraso se confirmaron, aunque para entonces, ya existía una versión inestable con la característica de ventana única: la 2.7.1.

El pasado lunes 18, Martin Nordholts, el desarrollador principal de GIMP en este momento, comentaba en su bitácora que, no existiendo una herramienta que se adaptara a su necesidad de marcar una cronología para el lanzamiento de GIMP 2.8, había creado una propia: tasktaste. Según la planificación actual, GIMP 2.8 no saldrá hasta el 27 de noviembre de este año. Eso si no hay más problemas, porque el calendario es estimado. Pocos desarrolladores y mucho trabajo pendiente.

Lo que si ha avanzado es la versión inestable, GIMP 2.7.2, liberada el día 15 de abril, con cambios importantes respecto de su predecesora. Sólo está disponible el código fuente desde la página oficial. Para Ubuntu hay PPA y en el enlace a pie de artículo, instrucciones de instalación.

Más información:
Genbeta – GIMP 2.8 se retrasa aún más
Bitácora de Martin Nordholts

PhotoFilmStrip es un programa con el que podremos crear un vídeo, partiendo de fotografías de una forma sencilla, solamente en tres sencillos pasos.

1. Seleccionar las fotografías.
2. Aplicar efectos, transiciones, etc.
3. Y elegir el tipo de salida, formato, etc., para crear el vídeo final.

Admite varios formatos de salida: VCD, SVCD, DVD hasta FULL-HD.

Se puede añadir una música de fondo y es capaz de crear vídeos en formato Full-HD (1920×1080 píxeles).

El programa es completamente gratuito y se puede acceder a su código fuente. Además, está disponible para Windows y GNU/Linux.

Vía:
Ubuntips – PhotoFilmStrip 1.3.99

Seashore es un editor de imágenes para Mac OS X totalmente código abierto y gratuito desarrollado bajo Cocoa. Entre sus características destacan la posibilidad de utilizar degradados de color, texturas, suavizado de texturas y pinceles, edición de múltiples capas con canal alfa, etc. Está basado en la tecnología del conocido editor GIMP y usa el mismo formato de archivo nativo.

Sin embargo, al contrario que GIMP, Seashore intenta ser un editor básico de imágenes accesible a todo tipo de usuarios independientemente de su experiencia con ordenadores, no siendo un reemplazo para herramientas profesionales.

Seashore fue creado por Mark Pazolli quien lideró el proyecto hasta finales de 2009.

Como se puede observar, se trata de una herramienta muy sencilla con la que realizar de forma rápida y sin complicaciones tareas rutinarias que no necesitan de un programas más complicado y caro. Si tienes un Mac, no lo dudes y dale una oportunidad, especialmente porque cada versión mejora su interfaz y facilidad de uso considerablemente.

Más información:
Genbeta – Seashore, un editor de gráficos gratuito y que no da miedo usar
Seashore – Sitio oficial y descarga

Gracias a dos sencillos programas gratuitos serás capaz de transformar el rostro de tu madre en el de tu amiga, o del perro de tu mejor amigo en el de tu gato. Con FotoMorph, crear el efecto conocido por todo el mundo como morphing te será fácil y divertido. Con ayuda de unos puntos clave de la imagen podrás crear la animación en minutos, pudiéndose exportar en diferentes formatos (SWF y GIF).

Si añadimos el sencillo, pero útil, PhotoMix, recortar y unir imágenes te va a parecer un juego de niños. Haz sencillos montajes fotográficos en pocos pasos y con resultados más que decentes.

De acuerdo, quizá ninguna de estas dos herramientas sea profesional, pero sí que pasarás un buen rato trasteando con ellas y divirtiéndote. Ah, y no olvides que son gratis.

Vía:
Chica Geek – Crea efectos de morphing con tus fotos

Enlaces:
Digital Photo Software

Nueva York es una de las más excitantes y vibrantes ciudades en el mundo. Llena de color, vida y acción, existen un sin número de locaciones para fotografiar. Aquí tienes recogidas 35 geniales y preciosas fotos de Nueva York extraídas de Flickr que puedes utilizar libremente y gratis. Cada una de las fotos está en alta calidad y con licencia Creative Commons Attribution 2.0 Generic. Esto significa que eres libre de copiar, distribuir y utilizar las fotografías para usos comerciales o no comerciales simplemente diciendo quién es el autor de la misma.

Estas imágenes fueron tomadas por usuarios llenos de talento de Flickr de todo el mundo. Si estás pensando en utilizar alguna de ellas comercialmente, lo mejor es que te pongas en contacto con el autor para preguntar por todos los permisos además de indicarle cómo la vas a usar.

Vía:
Electric Zest – 35 Cool Photos of New York that you can use for Free

A continuación verás todo lo que necesitas saber sobre la compresión de imágenes en relación al diseño web. Hemos cubierto las diferencias entre compresión con y sin pérdida, los varios tipos de archivo y las técnicas que utilizan, y las directrices para saber qué tipo de formato de archivo encaja mejor con los diferentes clases de imagen.

1. Compresión con pérdida contra sin pérdida

Mucha gente cree que deberían utilizar solamente un formato de imágenes que no tenga pérdida de calidad. Mientras la compresión sin pérdida es superior para muchas clases de imagen, no es necesario para otras muchas. Básicamente, la compresión de imagen sin pérdida significa que toda la información del archivo original se mantiene. La compresión con pérdida, por otro lado, elimina parte de la información del original y guarda la imagen con un tamaño de archivo reducido. Depende de ti, como diseñador, decidir cuánta información se puede desechar para ajustar el ratio de compresión de la imagen.

Compresión sin pérdida

Hay unos pocos métodos para la compresión sin pérdida. Existen formatos de codificación como el RLE, utilizado por los archivos BMP, que toma patrones de datos (elementos de los datos consecutivos con los mismos valores) y los almacena en un único valor de información con un contador. Es lo que mejor funciona con archivos gráficos simples, donde hay largos patrones de elementos de información idénticos.

La deflación es otro método de compresión sin pérdida utilizado por las imágenes PNG. Utiliza una combinación del algoritmo LZ77 y la codificación Huffman. Además de ser utilizado por las imágenes PNG, es también utilizado para la compresión ZIP y gzip.

La compresión Lempel-Ziv-Welch (LZW) es un algoritmo de compresión sin pérdida que realiza un análisis de la información. Se utiliza en los formatos GIF y TIFF (en algunos de ellos).

Compresión con pérdida

Hay un gran número de métodos de compresión con pérdida, algunos de ellos se pueden combinar con métodos de compresión sin pérdida para crear archivos de tamaño aún menor. Un método es reduciendo el espacio de color de la imagen a los colores más comunes que hay en la misma. Es utilizado habitualmente en archivos GIF y, en ocasiones, en imágenes PNG, para obtener archivos de menor tamaño. Cuando se utiliza con los tipos de imagen apropiados, y combinado con suavizado, pueden conseguirse imágenes cercanas a la original.

La codificación por transformación es el tipo de codificación utilizada por las imágenes JPEG. En imágenes, este tipo de compresión hace una media de los colores de la imagen en pequeños bloques utilizando transformación discreta de coseno (DCT) para crear una nueva que utiliza menos colores que la original.

Submuestreo de color es otro tipo de compresión con pérdida que tiene en cuenta que el ojo humano percibe cambios en el brillo más agudamente que los cambios de color, y se aprovecha de ello desechando o uniendo información cromática (color) mientras mantiene la información de brillo. Es utilizada comúnmente en la codificación de vídeo y en imágenes JPEG.

2. Diferentes tipos de archivos

Debido a la índole de este artículo, solamente nos vamos a centrar en tres tipos de archivo, que son los más comunes en diseño web: GIF, JPEG y PNG. Recuerda que existen otros tipos de archivo que utilizan compresiones (TIFF, PCX, TGA, etc.), y que no es difícil que te los encuentres en toda clase de trabajos digitales.

GIF

GIF significa Graphics Interchange Format, y es un formato de imagen de mapa de bits presentado en 1987 por CompuServe. Es capaz de mostrar hasta 8 bits de color por píxel, lo que significa que las imágenes puede contener hasta 256 colores del rango RGB. Una de las mayores ventajas del formato GIF es que permite imágenes animadas, algo que no pueden hacer el resto de los formatos mencionados a continuación.

JPEG

JPEG (Joint Photographic Experts Group) es un formato de imagen que usa compresión con pérdida creando archivos más pequeños. Una de las grande ventajas de JPEG es que permite a los diseñadores un ajuste preciso de la cantidad de compresión que se desea utilizar. El resultado es una mejor calidad de imagen cuando se usa correctamente, todo ello con una tamaño de imagen razonablemente pequeño. Debido a que JPEG utiliza compresión con pérdida, las imágenes guardadas en este formato tienen a tener “ruido”, donde se pueden ver píxeles extraños o halos alrededor de ciertas partes de la imagen. Suelen estar en áreas de la imagen donde hay un fuerte contraste entre colores. Generalmente, a mayor contraste en la imagen, mayor calidad necesita al ser guardada para obtener un aspecto decente en la misma.

PNG

PNG (Portable Network Graphics) es otro formato de mapa de bits que se aprovecha de la compresión sin pérdida y fue creado para reemplazar al formato GIF. El formato PNG no fue visualizado correctamente en Internet Explorer durante mucho tiempo, haciendo que se utilizara menos que los formatos GIF y JPEG, aunque funciona correctamente en el resto de navegadores (Firefox, Opera, Safari, etc.). Los archivos PNG pueden almacenar paletas indexadas de color (tanto de 24 bits RGB como de 32 bits RGBA), escala de grises, y espacios de color RGBA y RGB. Una de las grandes ventajas de los archivos PNG es que pueden almacenar un canal alfa que les permite tener transparencias.

3. Eligiendo un formato de imagen

Cada tipo de formato de archivo especficado anteriormente es apropiado para diferentes clases de imágenes. Elegir el formato apropiado resultará en una mejor calidad de imagen y un tamaño menor en los archivos. Elegir el formato incorrecto significará que las imágenes no estarán en su mejor calidad y que serán mayores de lo necesario.

Para gráficos simples como logotipo o dibujos de líneas, el formato GIF suele ser lo que mejor funciona. Debido a la limitación de colores del formato GIF, los gráficos con degradados o suaves cambios de color suelen salir mal dibujados. Aunque se puede disimular en gran medida utilizando el suavizado, suele ser mejor utilizar otro formato de archivo.

Para fotografías o imágenes con degradados donde el GIF es inapropiado, el formato JPEG puede ser el que mejor encaje. JPEG funciona genial con fotografías con cambios suaves de color y sin un contraste fuerte. En áreas de fuerte contraste, es más que probable que aparezcan manchas o ruido (halos alrededor del área). Ajustando el grado de compresión de tus JPEG antes de guardarlos generalmente redundará en una mayor calidad de imagen manteniendo un archivo de tamaño pequeño.

Para imágenes con alto contraste, especialmente fotografías, o ilustraciones con muchos degradados y contraste, el formato PNG suele ser el mejor. También es buena opción para imágenes con trasparencias, especialmente aquellas que necesitan una transparencia parcial. Los archivos PNG suelen ser mayores que los JPEG, aunque depende del tipo exacto de imagen. Los archivos PNG también son sin pérdida, lo que significa que toda la calidad de la imagen original permanecerá intacta.

Aquí un resumen de qué formato funciona mejor con cada clase de imagen:

GIF

• Si es necesaria animación.
• Gráficos simples y sin degradados.

JPEG

• Fotos, especialmente sin alto contraste.
• Pantallazos, especialmente de películas, juegos, o contenido similar.

PNG

• Dibujos de líneas simples, ilustraciones.
• Fotos con alto contraste.
• Transparencia, especialmente con canal alfa.
• Pantallazos de aplicaciones o diagramas detallados.

Y aquí un resumen de qué formatos evitar para cada clase de imagen:

GIF

• Imágenes con degradados.
• Fotografías.

JPEG

• Imágenes con alto contraste.
• Imágenes detalladas, especialmente diagramas.
• Gráficos sencillos (los tamaños de archivo son mayores).

PNG

• Fotos con poco contraste (los tamaños de archivo son mayores).

4. Compresión de imagen en diseño para impresión

Aunque el grueso de este artículo se ha centrado en la compresión de imagen en el diseño web, merece la pena mencionar el efecto que la compresión puede tener en el diseño para impresión. En la mayoría de los casos, la compresión de imagen con pérdida debe evitarse en el diseño para impresión. Los gráficos para impresión deben evitar el ruido y los halos mucho más que los gráficos para web. Mientras que un JPEG guardado a calidad media puede verse genial en un monitor, cuando se imprima, incluso en una impresora de chorro de tinta, la perdida de calidad será notable (así como el ruido).

Para diseño de impresión es preferible el uso de formatos sin pérdida de calidad. TIFF (Tagged Image File Format) es generalmente el formato de archivo preferido si es necesaria la compresión, pues da varias opciones de compresión sin pérdida (incluido el mencionado anteriormente LZW). De nuevo, dependiendo de la imagen y de dónde será impresa, es generalmente mejor utilizar un tipo de archivo sin compresión. Habla siempre con tu impresor para saber qué prefiere.

Sobre el artículo

Este artículo es un traducción libre del artículo Everything You Need to Know About Image Compression escrito por Cameron Chapman en Noupe. Para más información visita el artículo original y sus fuentes (inglés).