Photoshop y la Resolución

Adobe Photoshop

Photoshop es un programa que fue originalmente concebido para ser una especie de laboratorio fotográfico digital y una fábrica de efectos especiales, Photoshop se ha convertido efectivamente en una fábrica… pero a una  gran escala para crear y editar imágenes a un nivel muy alto; es una aplicación o programa, como quieras llamarle, para editar y crear imágenes digitales basadas en mapas de bits.

Photoshop desde un principio fue pensado para la edición de fotografías para impresión, sin embargo, ha ganado popularidad gracias a que ha sido utilizada como herramienta creadora de gráficos para la web, esta es una de las razones de porque se volvió tan popular.

La historia de Photoshop remota desde  1987, cuando 2 hermanos, Thomas Knoll y John Knoll comenzaron a desarrollar Photoshop. En 1989 se completó el proyecto y lo llamaron Photoshop 1.0. Adobe se interesó en este proyecto y la primera versión de Photoshop fue lanzado en 1990.

Apenas pesaba aproximadamente  1.4 Mb, y podría ser colocado en un solo disquete. Inicialmente Photoshop fue creado para la plataforma Macintosh. Las actualizaciones de compatibilidad para Windows, IRIX, Solaris, y se añadieron más tarde. En la actualidad, Photoshop se puede utilizar en plataformas Windows y Macintosh.

En este articulo veremos un poco de la resolución en Photoshop, aplicada a un ejemplo práctico.

Empecemos…

La Resolución

Photoshop maneja en sí mapas de bits, es necesario comprender qué es la resolución. Cuando abrimos una foto, esta tiene una dimensión en anchura y en altura que en la pantalla se calcula en pixeles. Pero para  que esta imagen sea imprimible debe convertirse en una unidad de medida relativa a la hoja de papel. En general se utiliza la pulgada.

Así pues, se mide en ppp o en dpi (pixeles por pulgada, o dots per inch –en inglés, puntos por pulgada). En consecuencia es necesario definir el número de pixeles que contendrá esta unidad de medida. Es lo que llamamos la resolución. Si decides que tu imagen solo contendrá 72 pixeles por pulgada (para el sistema métrico seria: 28.346 ppc – pixeles por centímetro), la imagen estará adaptada para pantalla, que no necesita más que eso. Es una resolución óptima  comparada con la utilizada sobre papel, que consigue su máxima calidad con una resolución de 300 pixeles por pulgada (para el sistema métrico sería: 118.11 ppc – pixeles por centímetro).

No hay regla absoluta para impresión, para esto bastaría con una resolución menor a 300 ppp, digamos que la prudencia invita a mantenernos arriba de los 200ppp esto para asegurar la mejor calidad.

Veamos como cambiar la resolución de una imagen en Photoshop:

El ejemplo será basado en el sistema pulgada.

Vamos al menú Imagen (1)  seleccionamos la opción Tamaño de Imagen (2):

2) Elige pixeles / pulgadas y escribe 300 pixeles por pulgada en lugar de 72 ppp (1) (300 para imprimir). Luego hacemos clic en OK (2)

De esta manera, hemos cambiado la resolución de la imagen, sin variar tu tamaño en centímetros.

Nota importante.Debes de tener especial cuidado al momento de querer aumentar la resolución a una imagen, pues es de total evidencia que al querer hacerlo en una imagen pequeña, sabemos que por mas pixeles que le agreguemos a su resolución, la imagen no aumentará de calidad, Photoshop no hace ese tipo de milagros; lo mismo aplica para fotos tomadas a un tamaño en especifico si aumentamos su resolución será evidente que su calidad no aumenta, solo su tamaño. No confundas tamaño con calidad.

A considerar…

1.-Algo muy importante que debes de considerar, ya te lo había comentado un fragmento: “…basta con hacer una lista de tus necesidades…” ¿lo recuerdas? este primer punto es muy importante, y es el primero que debes tener definido cuando inicies tu trabajo con Photoshop.

Dentro de esas “necesidades” debes decidir qué vas a hacer con esa imagen, es decir, para que “medio” se aplicara:

Impresión: papel:

Impresión en Tamaño Carta, A4, etc, con medidas relativas al papel

Pantalla: Pixeles

Desempeño en pantalla, páginas web, Video, Presentaciones en PowerPoint, Presentaciones PDF, Presentaciones Keynote, Televisión, etc. Cualquier medio que se desempeñe únicamente en pantalla.

2.-Muy bien…ya decidiste a que “medio” vas a dirigir tu imagen, ahora toma las siguientes bases:

El papel:se basa en medidas: del sistema métrico o pulgadas, según el tamaño de papel a utilizar (el tamaño de papel marca la pauta).

Pantalla:se basa en medidas de pixeles. (la medida del medio electrónico marcara la pauta)

Bajo estas dos premisas debes de decidir la medida de tu imagen  para su correcta aplicación

Muy bien ahora veamos esto,

Abre cualquier imagen que hayas tomado de una cámara digital o cualquier otra imagen que hayas creado.

En el menú Imagen (1), elegimos Tamaño de imagen (2).

Muestra la ventana de Tamaño de imagen:

Relativas al Papel:

Medidas 21.59cm de Ancho por 27.94cm de Alto. 300 Píxeles por Pulgada.

Relativas a la Pantalla:

Medidas: 2550 pixeles de Ancho por 3300 píxeles de Alto. 300ppp

Nota:  Estoy muy seguro que esta ventana la  vayas a utilizar casi siempre, pues esta arroja las medidas y resolución de la imagen. Cuando quieras saber la medida de una imagen, esta ventana será tu mejor aliada, en ella veras las medidas tanto en píxeles como en medida métrica o pulgada, asi como la resolución APRENDETE SU MÉTODO ABREVIADO!!

3.- Ahora en mi caso yo decidí aplicarlo para Pantalla, pues mi trabajo es basado en la Web.

Bajo esta premisa de trabajar sobre web. Hago mis conclusiones antes de empezar a editarla:

3.1.- La resolución es suficiente 72ppp, pues es la resolución perfecta para web.

3.2.- Las medidas tienen que ser en pixeles pues mi “medio” es la pantalla:

Entonces trabajare con las medidas basadas en pixeles: podemos ver que la imagen tiene demasiados pixeles para mi medio:

Mis Premisas para diseño web:

Cuando diseño una página web mi medida estándar para el ancho total de mi sitio es de 960px. Bajo esa premisa siempre fija, tomo mis decisiones para diseñar y adaptar mis imágenes. Ahora ya tengo mi medida máxima, entonces en ancho es demasiado grande Ufff! 2550px de ancho;  es muy grande pues excede por mucho el tamaño del ancho de mi medio.

Ahora yo quiero utilizar utilizar para publicarla en este artículo, en donde será exhibida para que tu la vieras (fue la que utilice en la portada del reporte gratuito que te regale)

Esta imagen decidí ponerla en este artículo para que veas el ejemplo:

El ancho de la columna de la página mide aprox. 960px, pero el ancho de la columna del contenido textual de este artículo mide aproximado 525px, ya restando márgenes. Entonces, nuestro ancho es de 525px, esta medida es con la que pre visualizamos las imágenes dentro de los artículos, pero al hacer clic vemos una mas grande, entonces debemos crear otra un poco mas grande ¿qué tan ancho? Bueno yo considero que si la resolución estándar en monitores es de 1024px, entonces esta medida será mi máxima permitida: elegiré: 970px, de esta manera si haces clic se desplegará sobre el ancho de la pantalla.

Bueno Eduardo…¿Por qué me dices todas estas cosas? estoy confundido! no te confundas solo te platico las premisas que hago yo al momento de colocar una imagen en la web, y como lo desarrollo en Photoshop, y lo he compartido solo contigo por ser mi suscriptor.

Bueno ahora, transfórmanos nuestra imagen:

Abrimos la imagen y le editamos solo su ancho (lo alto no importa, pues las páginas web son flexibles en lo alto y pueden medir muchísimos pixeles) así pues cambiamos la medida por 525px: pero primero nos cercioramos que este la casilla de restringir medidas activada (1) para que nuestra transformación será proporcional, paso seguido, colocamos 525 en el campo de anchura (2) y posteriormente hacemos clic en OK (3):

De esta manera mi imagen queda ya lista para ser guardar para este medio.

La imagen grande la dejamos tal cual pues su ancho es de 612px y solo lo guardamos para web, tal cual pues nuestra premisa decia que el ancho maximo seria 970px …(esto fue en mi caso tu debes de tener tus premisas sobre tu página web).

Veamos rápidamente como guardar para web:

Mediante el método abreviado: Alt + Máyus + Control + S o en yéndonos al menú Archivo eligiendo la opción: Guardar para Web & dispositivos móviles:

Hemos visto en este apartado el manejo de la resolución en una imagen para web.

Te expongo  más a detalle en que consiste la resolución cortesía de  Gary Davin Bouton y Barbar Bouton:

Esta cantidad fraccional se suele expresar en pixeles por pulgada. La resolución nos indica la cantidad de pixeles que hay en un pulgada y, si conocemos las dimensiones de la imagen, entonces podremos averiguar la cantidad de pixeles de la imagen. Por ejemplo, si una imagen mide una pulgada cuadrada y la resolución de la imagen es de 8 pixeles por pulgada, podremos deducir que existen 64px por pulgada la cual no sirven para crear obras artísticas, ya que son demasiado bajas para nuestros ojos en la siguiente imagen podemos ver un claro ejemplo.

Recuerda las resoluciones óptimas que debes aplicar para cada medio:

72ppp para pantalla:Diseño Web, PowerPoint, Apple Keynote, PDF Presentations, etc.

300ppp para Impresión: Diseño Gráfico , Publicidad impresa

Hemos finalizado este articulo espero haya sido de tu agrado, gracias por tu atención, me gustaría me dejaras un comentario, para ver que tal te ha parecido, me daría mucho gusto contestarte  personalmente, no duden en escribir algún testimonio sobre esta artículo. Este articulo no esta publicado al publico, solo por medio de suscripción mi boletín, puedes compartirlo en Facebook o redes sociales. Haz clic en me gusta de Facebook para que lo compartas con tus amigos.

Muchas Gracias por tu atención.

Nos vemos en al próxima entrega.

Sinceramente

Eduardo Núñez