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).

Excelente publicidad para el Zoológico de Copenhague en un autobús urbano. Una idea y una producción de primera de la agencia Bates Y&R.

Vía:
Flickr – Zoo de Copenhague por Pere Rosales

En Papel Continuo podemos leer:

“Si hay un tipo de proyectos que nos gusta enlazar en esta web, son esos en los que se mezcla lo analógico y lo digital, el trabajo a mano, la tecnología y la chaladura a raudales.

The Human Printer es uno de esos casos. Es un proyecto de Louise Naunton Morgan, en el que se critica la deshumanización e hipertecnologización de la sociedad contemporánea y se trata de volver a dotar de factor humano y de error a la impresión digital.

Total, que no se le ocurre otra cosa, que inventarse una especie de puntillismo CMAN, armarse de paciencia y dedicarse a dibujar fotografías a base de trama de cuatricromía a mano. ¿Arte? ¿Demencia? ¿Ausencia de vida social? De cualquier forma, los resultados son fantásticos.”

Vía:
Papel Continuo – La impresora humana

Adobe Photoshop se utiliza con mucha asiduidad para eliminar fondos u otros objetos no deseados de una una fotografía, pero en ocasiones resulta bastante complicado según la información visual de la misma. Ahora, con la nueva tecnología presentada para la futura versión CS5, no solamente se perfecciona la herramienta Parche, sino que se hace realmente sencillo incluso para novatos.

Simplemente se ha de pintar el objeto que se desea eliminar utilizando esta nueva herramienta, y el programa rellenará la zona con un patrón apropiado dejándolo todo perfecto (en algunos casos puede necesitarse un retoque posterior).

Aunque Adobe aún no ha dado fechas para el lanzamiento de Photoshop CS5, podemos disfrutar con el vídeo que demuestra las posibilidades de esta impresionante utilidad.

Vía:
Digital Inspiration – Removing Unwanted Objects from a Picture…

Vía:
Digg – This is a Web Designer’s Car

1. The GIMP

The GIMP es probablemente la alternativa a Photoshop más conocida. Funciona en múltiples plataformas (Windows, Mac y GNU/Linux). Quizá no tenga todas las características de Photoshop, pero es más que suficiente para el trabajo diario de un diseñador. La mayor pega es que no soporta imágenes en CMAN (CMYK).

2. Paint.NET

Si eres usuario de Windows, deberías probar Paint.NET. Es muy potente y tiene una comunidad realmente activa. Si buscas en los foros, encontrarás una gran cantidad de añadidos útiles y tutoriales compartidos por los propios usuarios de Paint.NET.

3. Seashore

Seashore es un editor de imágenes de código abierto para Mac OS X. Está basado en la tecnología de The GIMP y utiliza el mismo formato de archivo nativo. Sin embargo, Seashore se centra en los aspectos básicos de la edición de imágenes, y no trata de remplazar a herramientas profesionales.

4. Artweaver

Artweaver es una herramienta gráfica sencilla que ofrece toda clase de efectos artísticos para tus necesidades de trabajo. Tiene todas las características de una herramienta de edición de imágenes, y es capaz de trabajar con varios formatos de imágenes e idiomas.

5. PhotoPlus SE

PhotoPlus es un programa de edición de imágenes digitales galardonado con varios premios. PhotoPlus no es realmente gratuito, pero puedes descargar PhotoPlus SE que sí lo es. Con PhotoPlus SE podrás realizar giros y transformaciones, filtros, ajustes y optimizar imágenes perfectamente.

6. Photoscape

Photoscape es un sencillo y divertido programa para editar fotografías que te permite reparar y optimizar imágenes. Algunas de sus mejores características son: edición por lotes, GIFs animados, trocear, seleccionador de color y capacidad para convertir a formato RAW. Además de poderlo utilizar como editor, Photoscape puede ser usado como un potente visualizador de imágenes.

7. Inkscape

Inkscape es un editor de gráficos vectoriales de código abierto, con características similares a Illustrator o Freehand. Utiliza el formato estándar de la W3C Scalable Vector Graphics (SVG). Así pues, esta herramientas va más allá de la sustitución de Photoshop.

8. Krita

Krita es editor de imágenes y aplicación de ilustración para KOffice de código abierto. Incluye multitud de filtros tanto para conseguir efectos profesionales como para jugar con ellos y divertirse.

9. Pixen

Pixen es un editor de imágenes innovador para Mac OS X. Es simple a la par que potente y viene con una gran cantidad de fantásticas características. Algunas de ellas son: capas, animaciones, paleta avanzada, interfaz simplificada, soporte para varios tipos de archivo, etc.

10. PhotoFiltre

PhotoFiltre es un programa relativamente pequeño comparado con otras aplicaciones de retoque digital. Sin embargo, es capaz de trabajar muy rápido y tiene todas las herramientas básicas para la edición de imágenes. Además, puede ser usado como visualizador y como conversor.

11. PaintStar

PaintStar es una aplicación de procesado de imágenes digitales versátil capaz de realizar varias tareas como retoque fotográfico, composición y deformación de imágenes. Algunas de las herramientas incluidas en este programa son: herramientas de transformación, rellenos con degradado y herramientas de selección.

12. Pixia

Pixia estaba originalmente diseñado para la comunidad anime/manga pero es utilizado por otras ramas del arte. Está disponible en varios idiomas y existen cientos de tutoriales disponibles para aprender a sacarle partido.

13. Active Pixels

Este editor de imágenes se parece a Photoshop en muchos aspectos, desde la forma de los menús y ventanas, hasta los atajos de teclado para realizar diferentes acciones. Active Pixels incluye herramientas extra capaces de eliminar los ojos rojos, navegar entre los archivos gráficos, o realizar capturas de pantalla.

14. ChocoFlop

ChocoFlop es una aplicación básica para edición de imágenes en Mac OS X. Es extremadamente ligera, ocupando unos pocos Megabytes, y se carga en un par de segundos en cualquier Mac.

15. Photo Pos Lite

Photo Pos Lite es una versión reducida y gratuita del galardonado programa de edición de fotografías Photo Pos Pro. Con Photo Pos Lite, podrás editar, mejorar y manipular imágenes de forma sencilla.

Más información:
Este artículo es una versión libre de 15 Great And Free Photoshop Alternatives.

Martin Waugh captura sorprendentes imágenes de gotas con increíbles formas, usando fotografía de alta velocidad y flashes para capturar las curvas del líquido. Se usa Adobe Photoshop para limpiar algunos fondos y equilibrar el color, pero sin alterar la esencia original de la composición.

Como se ha dicho anteriormente, utiliza fotografía de alta velocidad para capturar las curvas de sustancias líquidas en momentos precisos. Consigue diferentes resultados variando el tamaño, velocidad y posición de la gotas, así como el color, viscosidad, y tensión superficial. Sus geniales imágenes pueden tener diferentes interpraciones dependiendo de la perspectiva de visualización, y esa es la esencia de su trabajo.

Vía:
Isopixel – Arte líquido

Pinche aquí para ver el vídeo

Fantástico vídeo sobre el proceso de creación de la portada de Macworld del número dedicado al lanzamiento del iPhone 3G S. El vídeo abarca desde el montaje del equipo de iluminación en el estudio de Peter Belanger donde se realiza la fotografía del producto hasta su maquetación junto al resto de elementos que componen la portada en las oficinas de Macworld en San Francisco pasando por el no menos importante proceso de retoque.

Según Belanger, el único problema del vídeo es que hace que parezca más sencillo de lo que en realidad es, dejando fuera bastantes detalles del proceso de diseño como las reuniones previas en las que se plantea la portada o las finales en las que se escoge entre las diferentes propuestas.

Para los amantes de los datos técnicos, el vídeo está realizado con la Canon 5D Mark II y un objetivo 24-70mm mientras que la fotografía utilizada en la portada en sí, fue tomada con un respaldo digital de formato completo, concretamente el Phase One P65+ de 60 megapíxeles con un objetivo de 65mm. Parece que los chicos de Macworld no escatiman en gastos.

Vía:
Applesfera – Realizando la portada de Macworld

Adobe Photoshop es, probablemente, uno de los programas de edición de gráficos digitales más utilizados en todo el mundo. La razón es muy sencilla: Photoshop es fácil de aprender y ofrece una gran variedad de herramientas para optimizar y crear resultados impresionantes.

En el siguiente enlace a Noupe (inglés), encontrarás una recopilación de de nuevos e impactantes tutoriales que otros diseñadores han querido compartir con la comunidad. Ahora, gracias a ellos, podrás aplicar nuevos efectos a tus futuros proyectos.

Enlaces:
Noupe – 40 (NEW) High Quality Adobe Photoshop Tutorials