Documentos de recopilación
Imagen digital: Vectores y píxeles
Llamamos imagen digital a la representación en dos dimensiones de una imagen (fotografía, dibujo, gráfico, etc.) utilizando bits (unos y ceros) que:
1. Se obtiene por medios electrónicos (cámaras, escáneres, etc.) o a partir de programas de diseño.
2. Puede ser editada en una computadora por medio de programas de diseño.
3. Puede ser impresa en un soporte material, con aspecto similar al de cualquier imagen obtenida por medios analógicos.
Existen dos tipos de imágenes digitales: las que se describen como mapa de píxeles y las que se definen por medio de vectores.
Píxeles
Una imagen digital compuesta por píxeles es una superficie rectangular dividida en pequeñas celdas cuadradas o rectangulares, llamadas píxeles, cada una con un color propio. Con este método de digitalización es posible representar imágenes fotográficas y texturas, pues permite obtener tonos continuos y representar degradados sutiles de sombras y de color. Cada píxel tiene una posición y un color determinados.
Para editar imágenes de píxeles se utilizan programas como Adobe Photoshop, Corel PhotoPaint, Painter, Gimp, etc.
Estas imágenes tienen una característica propia: la resolución, que determina sus posibilidades de impresión y ampliación. Toda imagen de píxeles tiene un tamaño óptimo de impresión. Si es impresa a mayor tamaño su calidad disminuye.
Vectores
Las imágenes vectoriales son gráficos digitales compuestos por formas geométricas independientes (segmentos, polígonos, arcos, etc.), con información de posición, tamaño, color, etc. La tecnología más usada para la descripción de estas formas o “vectores” son las curvas de Bézier que estudiaremos más adelante.
Por ejemplo un círculo quedaría definido por la posición de su centro, su radio, el grosor de línea del contorno y su color interior o de relleno. Estas imágenes son completamente distintas a las formadas por píxeles.
Los programas más usuales que generan y editan gráficos vectoriales son CorelDraw e Adobe Illustrator.
La característica principal de los gráficos vectoriales es su capacidad de admitir ampliaciones ilimitadas de tamaño sin perder calidad. Por ejemplo: se puede tomar un logotipo vectorizado, imprimirlo en una tarjeta personal, y luego agrandarlo e imprimirlo en una gigantografía. En ambas imágenes la calidad de impresión será la mayor disponible en la impresora.
Los formatos de documento más usuales de este tipo de imágenes son:
• Programas Adobe: .AI (Illustrator), .PDF (Acrobat, InDesign, Illustrator, Photoshop) y los archivos .PS, .EPS, relacionados con el lenguaje PostScript.
• Otros programas: CorelDraw (.CDR).
Ventajas y desventajas de cada tipo de imagen digital
• Una imagen vectorial suele tener menor peso que otra similar conformada por píxeles.
• Los vectores son la mejor elección para gráficos de colores planos o degradados sencillos.
• Las imágenes de píxeles pierden calidad si son ampliadas demasiado. En cambio, las imágenes de vectores imprimen bien en cualquier tamaño.
• Los objetos definidos por vectores pueden ser guardados y modificados en el futuro.
• Algunos programas permiten realizar animaciones con vectores. Esta se realiza de forma sencilla y genera documentos livianos
• Los gráficos vectoriales no sirven para representar fotografías.
Figura 1:
Una imagen de mapa de píxeles (izquierda) y un dibujo vectorial (derecha). En los detalles vemos forma en que se comportan ambos tipos de imágenes cuando son ampliadas.
En la figura 1 vemos la diferencia entre una imagen vectorial y otra de mapa de bits.
En la tabla 1 vemos un resumen de las características de ambos tipos de imágenes digitales.
Tabla 1: Píxeles versus vectores
| Pixeles | Vectores |
| Representan mejor texturas y fotografías | Representan mejor gráficos de colores planos y degradados simples |
| Tienen una medida máxima de impresión | Se pueden ampliar ilimitadamente |
| Sus archivos pueden ser muy pesados | Sus archivos son, en general, livianos |
| Fotografías e imágenes fotorrealistas | Dibujos y gráficos |
| La calidad de impresión depende de su resolución | La calidad de impresión depende de la impresora |
Digitalización de imágenes
En los años recientes la fotografía ha experimentado una revolución tecnológica que la ha transformado en forma definitiva: las cámaras digitales han reemplazado a las clásicas cámaras analógicas. Estos dispositivos de captura de imágenes entregan imágenes digitales que se pueden procesar en programas como Photoshop.
Otros dispositivos que permiten la digitalización de imágenes son los escáneres, que fueron muy usados en los años anteriores a la irrupción de las cámaras digitales.
Cámaras digitales
Existen una gran variedad de cámaras digitales de distintas calidades y precios. El principio en todas es el mismo que las cámaras analógicas: un sistema de lentes captura la imagen. En las cámaras analógicas la imagen se impresiona en una película sensible a la luz. En las cámaras digitales lo hacen sobre un sensor que convierte la luz en pulsos electrónicos y luego en información digital.
Estos sensores, en un número que puede ir de decenas de miles a varios millones, están ubicados sobre una placa plana y cada uno reconoce la luz que incide sobre él. Con la información así recogida, la imagen queda codificada en píxeles.
El número de sensores de una cámara es uno de los elementos que definen su calidad y su precio. Otro componente importante de las cámaras digitales es la memoria. Las cámaras portátiles constan de pequeñas unidades de memoria donde se almacenan las imágenes, siendo su capacidad una variable que los fabricantes luchan constantemente por aumentar para dotar de mayor autonomía al equipo.
Tipos de cámaras digitales
De acuerdo a sus prestaciones, precio y calidad de sus fotos, las cámaras digitales se pueden clasificar en diferentes tipos:
Compactas de gama baja
Cámaras para aficionados, económicas, de fácil uso, entregan fotografías de escasa resolución, con pocas posibilidades de ampliación de las copias. Suelen tener poca memoria de almacenamiento.
Son la elección ideal cuando se necesita poco peso y tamaño, bajo costo y una calidad aceptable para fotografías no profesionales. Generalmente capturan imágenes formato JPG, en diferentes calidades. Algunas pueden capturar también en TIF. La resolución de captura puede llegar hasta los 8 o 10 megapíxeles.
Figura 2:
Lumix DCM-TZ5 de Panasonic.
Compactas de gama alta
Las cámaras compactas son aquellas en las que el lente forma parte de la cámara y no se puede cambiar. Hay cámaras de esta gama que tienen prestaciones propias de cámaras semiprofesionales.
Entregan fotos en formatos JPG y/o TIF y cada día son más las que capturan en formatos de alta profundidad de color (Raw). Su resolución varía entre los 8 y 16 megapíxeles.
Réflex
Cámaras usadas para fotografía profesional y semiprofesional. Poseen lentes intercambiables y características similares a las cámaras réflex tradicionales. La diferencia con las compactas es que la visualización se hace por el mismo lente que se va a realizar la toma, lo que favorece un encuadre más preciso. Estos modelos permiten altas velocidades de obturación, más fotos por segundo y mayor resolución. Capturan imágenes en JPG y Raw, este último formato indispensable para la realización de fotografías de nivel profesional.
Figura 3:
Cámara réflex digital: Canon EOS Rebel T1i.
Gama alta
Equipos de estudio de gran tamaño. Son las cámaras usadas en los estudios profesionales de fotografía y se caracterizan por su alta resolución (actualmente del orden de los 20 o más megapíxeles) y su elevado precio.
Figura 4:
Cámara Seitz, de 160 megapíxeles.
Escáneres planos y rotativos
Estos dispositivos sirven para digitalizar imágenes impresas. El escáner plano es el de uso más extendido. Sus calidades y precios varían en un amplio rango, desde los de uso hogareño, con baja calidad de desempeño, hasta los de alta calidad profesional.
Estos escáneres digitalizan fotografías impresas en papel u otro tipo de material que reciben el nombre genérico de “opacos”. A la mayoría de los escáneres planos se les puede adosar un dispositivo que les permite digitalizar transparencias (diapositivas o negativos).
Una de las características más importantes de los escáneres es la resolución. Esta variable se mide en puntos por pulgada (dpi) y determina el grado de detalle con el que el escáner va a digitalizar la imagen y la posibilidad de ampliación. Los aparatos hogareños captan imágenes con una resolución de 600/1200 dpi. Para trabajos de cierta calidad son necesarias resoluciones mayores a 2400 dpi.
Figura 5:
Escáneres planos. En el mercado hay escáneres “de escritorio” en un variado rango de precios y calidad, desde uso hogareño hasta equipos profesionales de alta resolución.
Los escáneres rotativos son los dispositivos de digitalización de alto rango. Constan de un tambor de cristal sobre el cual se montan los originales. Generalmente trabajan con transparencias, pero también pueden digitalizar “opacos”. El tambor gira a gran velocidad y una cabeza lectora va avanzando lentamente. Esa cabeza tiene en la parte interior del tambor, una luz; y en la exterior, el dispositivo lector, o a la inversa. El trabajo en estos escáneres requiere capacitación profesional y su costo es bastante alto.
Figura 6:
Escáneres rotativos. Dispositivos de alta resolución usados en la industria gráfica para capturar imágenes digitales.
Resolución
Las imágenes digitales han invadido nuestra vida cotidiana. Las cámaras fotográficas digitales han desplazado definitivamente a las analógicas. Hoy cualquier fotógrafo, aún el aficionado, al elegir una cámara fotográfica, debe decidir sobre la cantidad de megapíxeles que debe tener. Se está enfrentando así al problema de la resolución de las imágenes digitales; hasta hace poco este tema era preocupación exclusiva de los profesionales del diseño y la impresión.
Si esto es así para cualquier persona que desee tener una cámara fotográfica; para los profesionales que trabajan con imágenes (diseñadores y fotógrafos profesionales) el problema adquiere una importancia decisiva. A continuación vamos a estudiar las características básicas de las imágenes de píxeles. Debemos conocer en detalle el significado de expresiones como resolución de una imagen digital, conocer su profundidad de color o qué formato de archivo es el adecuado para los diferentes usos de esa imagen.
Resolución
La palabra resolución está relacionada con varios fenómenos diferentes. Puede referirse tanto a una fotografía digital, como a una cámara, un escáner o una impresora. Para definir con precisión el concepto de resolución vamos a enfocarnos en los tipos de resolución que interesan a nuestra materia.
Resolución de cámara
Las cámaras se “miden” en megapíxeles. Este dato está determinado por el sensor de la cámara, por la cantidad de celdas fotosensibles que posee. Si tenemos, por ejemplo, una cámara de seis megapíxeles, tiene un sensor de, aproximadamente, seis millones de celdas fotosensibles. Las fotos que saque tendrán igual cantidad de píxeles, por ejemplo y aproximadamente, unos 3.000 píxeles en el ancho y 2.000 píxeles en el alto.
3.000 px X 2.000 px = 6.000.000 px = 6 megapíxeles
A mayor cantidad de megapíxeles de la cámara, mayor calidad tendrá la foto y más posibilidades de ampliación.
A esta forma de definir la resolución la llamamos “de cámara”.
Resolución de impresora
Cuando queremos publicar una fotografía tenemos generalmente dos posibilidades: una impresora o un monitor de computadora. Una imagen puede ser publicada en forma impresa, en una página web o en un programa multimedia.
Las impresoras y los monitores de computadora son dispositivos “de salida” de las imágenes digitales. Cada uno de estos dispositivos tiene una exigencia propia de resolución. Esta resolución de dispositivo de salida o “de impresora” se mide en cantidad de píxeles por unidad de medida (habitualmente píxeles por pulgada o ppp).
En monitores de computadora, por ejemplo, esta resolución es de 72 ppp. En el caso de las impresoras el valor de la resolución requerida varía según el tipo.Esta medida tiene una gran importancia: si no se respeta y se imprime a una resolución menor (o lo que es lo mismo, a un tamaño más grande), la imagen se verá “pixelada”: sus píxeles serán visibles y la calidad resultante será mala.
Figura 7:
Resolución. Una misma imagen fotográfica presentada esquemáticamente en diferentes resoluciones. A resoluciones menores comienzan a ser visibles sus píxeles.
La resolución necesaria de las imágenes digitales depende del tipo de publicación o impresión que se usará: si serán mostradas en monitores de computadora –sitios web, programas o presentaciones multimedia–, impresas en impresoras de chorro de tinta, en papel fotográfico o en una imprenta industrial de sistema offset. A cada una de estas formas de publicación le corresponde una determinada resolución.
En la tabla siguiente se señalan los valores de resolución necesarios para cada caso.
Tabla 2: Resolución necesaria para cada sistema de publicación
| Tipo de publicación | Formato | Resolución |
| Multimedia y Web (Resolución de monitor) | Fotos JPG / Gráficos GIF | 72 ppp |
| Impresoras hogareñas (Chorro de tinta) | TIF, PSD, JPG | 150 a 200 ppp |
| Impresión en papel fotográfico | TIF, PSD, JPG | 200 a 300 ppp |
| Impresión sobre trama (Impresoras láser, offset o impresión industrial) | TIF, EPS, PSD | De 1,5 a 2 veces la cantidad de píxeles por pulgada que la trama de impresión. Tramas usuales: |
Imágenes en Photoshop: la ventana del documento
Al abrir una imagen en Photoshop ésta se presenta en una ventana en forma completa. La barra de título de la misma informa el porcentaje de reducción con que ha sufrido la imagen. Si es de alta resolución, la imagen se presentará reducida (el porcentaje será bastante menor a 100%). Si la imagen es de baja resolución el porcentaje de ampliación será 100% o poco menor.
Como ya vimos, las imágenes fotográficas digitales están formadas por píxeles. Los monitores de computadora también se valen de píxeles para mostrar las imágenes. En Photoshop el porcentaje que muestra la barra de título de la ventana del documento surge de la comparación entre los píxeles de la imagen y los del monitor: se tiene una visualización del 100% cuando los píxeles de la imagen digital coinciden uno a uno con los píxeles del monitor.
Esta manera de ver una imagen digital se llama de píxeles reales y es una manera de tener una versión exacta de imagen, que muestra la calidad, el foco y la máxima cantidad de detalles que ella tiene. En cualquier otro porcentaje de visualización el programa tiene que adecuar los píxeles reales de la foto a los píxeles del monitor y la fotografía probablemente se mostrará con algún tipo de aberración. Por ejemplo, si vemos a resoluciones bastante superiores a 100%, los píxeles comenzarán a ser visibles. La calidad también baja para resoluciones menores de 100%.
Resoluciones óptimas de monitores e impresoras
Toda impresora o sistema de presentación de imágenes tiene una resolución óptima en donde imprime con la mayor calidad posible. Decimos que esta resolución es óptima porque si usamos una imagen con una resolución menor la calidad será también menor. Si en cambio usamos una imagen con una resolución mayor la calidad no mejorará, es más, en algunas impresoras puede bajar.
Los monitores de computadora son un buen ejemplo de lo dicho. Cuando abrimos una imagen en Photoshop, ésta se presentan con la mayor calidad cuando el porcentaje de ampliación es del 100%, lo que es lo mismo decir que la resolución óptima de un monitor es su propia resolución, su propia cantidad de píxeles por pulgada. Esta resolución es de 72 píxeles por pulgada o ppp.
En la tabla siguiente se presentan los valores de resolución de los sistemas de impresión más usuales. Estos valores son indicativos. A la hora de imprimir en una impresora determinada deberemos averiguar su resolución óptima y poner nuestras imágenes esa cantidad de píxeles por pulgada.
Los valores de la resolución para una impresión en offset, que es el sistema que se imprime en papel en forma industrial, dependerá de la calidad de esta impresión. La resolución necesaria para imprimir en un periódico es menor que la necesaria en una revista o folleto de calidad.
Tabla 3: Resolución necesaria para cada sistema de publicación
| Sistema de publicación | Resolución |
| Multimedia y Web (Resolución de monitor) | 72 ppp |
| Impresoras hogareñas (Chorro de tinta) | 150 / 200 ppp |
| Impresión en papel fotográfico | 200 / 300 ppp |
| Impresión offset de calidad | 300 ppp |
Ventana Tamaño de la imagen
Ya hemos comentado que no es conveniente imprimir una imagen a un tamaño mayor al adecuado. ¿Cómo saber cuál es el tamaño máximo de impresión de un determinado archivo de imagen? Este tamaño depende de dos valores:
1. La cantidad total de píxeles de la imagen a imprimir y
2. La resolución o cantidad de píxeles por pulgada que requiere el sistema de impresión elegido.
La relación entre estos dos valores definirá el tamaño de impresión y la ventana Tamaño de la imagen, de Photoshop, nos permite conocer el tamaño de impresión y acondicionarla para mandarla a imprimir. Además, desde aquí se pueden realizar todas las tareas relacionadas con modificar el tamaño de la imagen, cambiarla de resolución, etc.
La ventana que estamos estudiando se despliega desde el menú Imagen > Tamaño de la imagen y se muestra en la figura 8. En esta ventana se distinguen tres áreas bien diferenciadas:
1. Dimensiones en píxeles, que muestra las medidas en píxeles de la imagen, que habíamos llamado Resolución de cámara o decaptura.
2. Tamaño del documento, que muestra las dimensiones que tendrá la imagen cuando sea impresa, la que llamamos Resolución de impresora.
3. Área de opciones de configuración de la ventana.
Figura 8:
Ventana Tamaño de la imagen: Herramienta de Photoshop que permite modificar el tamaño y la resolución. Hemos destacado la información que provee.
a. Peso de la imagen medido en megabytes (Mb).
b. Dimensiones en píxeles. Cantidad de píxeles que tiene su fotograma tanto en ancho como en alto.
c. Encadenado de los dos valores. Si modificamos uno cambia proporcionalmente el otro. Esta correlación se puede deshabilitar desde la opción 3c. En este caso la imagen se deformará.
d. Tamaño del documento. Muestra las dimensiones de la imagen al ser impresa.
e. Encadenado de los valores. Si se cambia uno cambian los valores relacionados. Esta correlación se controla desde las opciones 3c y 3e.
f. Método de remuestreo o de creación de píxeles nuevos.
Cambio de tamaño de una imagen: remuestrear o no remuestrear
Hay dos maneras de usar la ventana Tamaño de la imagen, es decir, hay dos maneras de cambiar las dimensiones de una imagen: Remuestreando y sin remuestrear los píxeles de la imagen. La opción donde se elige el modo de trabajo está en la parte inferior de la ventana. Veamos los conceptos.
1. Modificar el tamaño sin cambiar la resolución o viceversa. De este modo se cambia la cantidad total de píxeles (y el peso de la imagen).
2. Modificar el tamaño y la resolución de la imagen de modo tal que la cantidad total de píxeles (y el peso de la imagen) permanezca sin cambios.
Ambas formas de trabajo dependen de la opción Remuestrar la imagen.
• Si esta opción está elegida, vemos que, en Tamaño del documento, los valores del ancho y alto de la imagen están “encadenados”, pero el valor Resolución, está libre. Si realizamos algún cambio en las medidas o en la resolución, los valores en el apartado Dimensiones en píxeles varían: la imagen tendrá una mayor o menor cantidad de píxeles, estamos eliminando o creando píxeles. No hay limitación cuando se trata de reducir de tamaño una foto, ya que no se pierde calidad. En cambio si aumentamos el tamaño, Photoshop creará píxeles nuevos a partir de una interpolación de los existentes, y la calidad de la imagen será menor. Cambiar la cantidad total de píxeles (y por consiguiente el peso de la imagen) se conoce con el nombre de remuestrear, “resamplear” ointerpolar (ver figura 9).
• Si la opción Remuestrar está sin elegir, veremos que se encadenan los tres valores del apartado Tamaño del documento. Esto significa que si variamos uno de ellos, automáticamente cambiarán los demás, mientras que se mantendrá sin cambios la cantidad total de píxeles y el peso de la imagen. En estas condiciones, cualquier cambio que hagamos en la ventana Tamaño de la imagen no se modificará la cantidad de datos de la imagen; no habrá pérdida ni creación de píxeles. Esta forma de uso de la ventana es la adecuada cuando necesitamos analizar a qué tamaño imprimirá una imagen dada: si ingresamos la resolución requerida por el sistema de salida, inmediatamente obtendremos su tamaño óptimo de impresión.
Con la opción Restringir proporciones seleccionada se encadenan los valores de ancho y alto de la imagen: la imagen podrá cambiar de tamaño sin que se alteren las proporciones. Es lo correcto cuando trabajamos con fotografías y no deseamos deformarlas. Cuando no es elegida esta opción, desaparece el encadenamiento entre las medidas de ancho y alto: la imagen podrá ser deformada en sentido horizontal o vertical.
Figura 9:
Remuestrear o no remuestrear.
Apariencia de la ventana Tamaño de la imagen con Remuestrear la imagen tildado (izquierda) o no tildado (derecha).
Métodos de remuestreo
Para remuestrear las imágenes Photoshop utiliza varios métodos de interpolación, es decir, puede usar métodos matemáticos diferentes para asignar el color a los píxeles creados en función de los píxeles existentes. Cada uno de estos métodos sirven para propósitos y situaciones diferentes. El método a usar se elige en el cuadro de diálogo Tamaño de imagen. Los métodos para crear píxeles nuevos y su aplicación son:
Por aproximación
Un método rápido y muy poco preciso que consiste en que, al crear píxeles nuevos, el color que se les asigna es el mismo de los píxeles adyacentes, sin realizar ningún tipo de interpolación ni cálculo. Este método es recomendado para ilustraciones con bordes que no están suavizados (gráficos y ventanas de programas de computadora).
Bilineal
Este método crea píxeles calculando un promedio de los valores de color de los píxeles adyacentes. Produce resultados de calidad media.
Bicúbica
Este método es más preciso aunque más lento, ya que realiza cálculos más complejos usando los valores de los píxeles adyacentes. Produce graduaciones tonales más suaves que las opciones anteriores.
Bicúbica más suavizada
Un método diseñado para cuando se van a ampliar la imagen. Está basado en la interpolación bicúbica pero produce resultados más suaves.
Bicúbica más enfocada
Un método pensado cuando se va a reducir el tamaño de una imagen. Basado en la Interpolación bicúbica, con el agregado que mejora el enfoque. Las imágenes al reducirse por remuestreo o interpolación quedan algo desenfocadas. Este método mantiene el detalle de una imagen remuestreada.
Tamaños de impresión y calidad
Las impresiones que usan tramas son aquéllas que, para obtener variaciones continuas de tonos, utilizan tramas ordenadas de puntos. Ejemplos: todas las impresoras de sistema offset (el sistema industrial que utilizan imprentas de papel) y las impresoras láser. La figura 10 muestra (ampliada) una “roseta” del sistema de impresión industrial offset. Se ven los cuatro colores de cuatricromía (cian, magenta, amarillo y negro), cada uno dispuesto en una trama ordenada de puntos, con diferentes inclinaciones.
Figura 10:
Roseta de un impreso en sistema offset.
Los tonos continuos se obtienen con una trama ordenada de puntos de cuatro tintas.
La cantidad de líneas por pulgada de estas tramas define la calidad de la impresión:
| Diarios e impresos en papel periódico | 75 / 85 líneas por pulgada | Calidad baja |
| Revistas de calidad media | 133 - 150 líneas por pulgada | Calidad media |
| Libros de arte | 175 - 200 líneas por pulgada | Calidad alta |
A la derecha del cuadro de diálogo Tamaño de la imagen vemos un botón Auto que nos despliega otro cuadro de diálogo titulado Resolución automática. Permite calcular en forma automática la resolución que necesita una imagen para ser impresa en un determinado sistema de impresión basado en tramas.
En Trama de impresión tenemos que ingresar la cantidad de líneas por pulgada del sistema en el que se imprimirá la imagen. Una vez ingresado el valor de este parámetro, elegimos la Calidad. Las opciones son: Boceto, Buena y La mejor. En cada uno de los casos el programa realizará los siguientes cálculos:
• Boceto: Establecerá la resolución fija de 72 ppi.
• Buena: Establecerá la resolución multiplicando la lineatura de impresión por 1.5.
• La mejor: Establecerá la resolución en el doble de la lineatura de impresión.
Tamaño de lienzo
Esta ventana, que se despliega del menú Imagen, nos permite modificar las dimensiones del área de trabajo, llamada Lienzo, en analogía con la tela que se usa para pintar cuadros. Este cuadro de diálogo se muestra en la figura 11.
Figura 11:
Cuadro de diálogo Tamaño de lienzo.
• En el apartado Tamaño actual se informa el peso de la imagen y las medidas de ancho y alto, en píxeles.
• En Tamaño nuevo ingresaremos el tamaño al que queremos llevar la imagen. Allí se nos informará cuál será el nuevo peso de la imagen.
• En el esquema denominado Ancla se elige la forma en la que será agrandada la superficie, para qué costados se ampliará.
Si quisiéramos reducir el tamaño del lienzo se presentará una ventana de alerta que nos informa que perderemos parte de la imagen. Para reducir el área de trabajo nos conviene usar la herramienta Recortar, que veremos a continuación.
Cuando usamos Tamaño del lienzo para reducir el tamaño de la imagen, el comportamiento de las capas y del fondo es diferente:
• La capa Fondo pierde los píxeles que quedan por fuera del lienzo o área visible de la imagen.
• En las capas de píxeles, estas áreas quedarán ocultas.
Herramienta Recortar
A veces es necesario reencuadrar o recortar una foto para eliminar áreas superfluas y concentrarnos en el motivo central. Para ello contamos con una herramienta muy práctica. Para comprenderla hay que usar conceptos vistos en los puntos anteriores.
La herramienta Recorte está disponible en el panel de herramientas y tiene el ícono de un “marginador”, herramienta usada en el copiado manual de fotografías, en el sistema clásico. Con ella se define el área útil de la imagen, dejando fuera la que queremos eliminar. Este rectángulo puede ser ajustado usando unos manejadores que se presentan en las esquinas y en las mitades de sus lados. También se puede girar el nuevo encuadre ubicando la herramienta por fuera del rectángulo.
Una vez definido el reencuadre se hace doble clic dentro del rectángulo o se presiona la tecla Intro. Si queremos cancelar la operación tenemos que presionar la tecla Escape (Esc). La Barra de opciones de esta herramienta merece ser analizada (ver figura 12).
Figura 12:
Barras de opciones de la herramienta Recortar.
La figura 12 muestra las dos barras de opciones de esta herramienta. La primera (a) se muestra cuando seleccionamos la herramienta y antes de definir el recorte, en donde podemos poner las medidas del mismo. La segunda (b) aparece luego de haber realizado el rectángulo de recorte sobre la imagen. Veamos las opciones de cada una:
1. Medida a la que se va a realizar el recorte. Puede estar expresada en píxeles o unidades de medida (centímetros, milímetros, pulgadas, etc.)
2. Resolución. Algunos o todos estos valores (Anchura, Altura o Resolución) pueden quedar sin definir. Podremos, por ejemplo, hacer que la foto recortada tenga un ancho y una resolución definidas, pero que su altura quede determinada por el tamaño que le demos “a mano”.
3. El botón Dimensiones copia las medidas de la imagen de la ventana activa y las pone en las medidas de recorte. Esto permite usar las medidas de una foto para recortar otra y así tener dos imágenes de idéntico tamaño.
4. Borrar. Limpia los campos numéricos de las dimensiones y la resolución.
5 y 6. Eliminar y Ocultar. Cuando el documento contiene capas, tenemos la posibilidad de eliminar o solamente ocultar la superficie exterior del recorte, en las capas. En cualquiera de estas opciones, el área exterior al recorte del fondo se elimina.
7. Guías de recorte. Corresponde a las guías que aparecen dentro del área a recortar. Podemos elegir entre:
• Ninguna,
• Regla de los tercios. Es una ayuda para lograr una composición estéticamente agradable, de una distribución armónica de los elementos que componen la imagen.
• Cuadrícula.
8. Escudo. Permite personalizar el color que cubre la zona que va a eliminarse. Por defecto este color es negro con una opacidad del 75%. Facilita la visualización de la foto recortada.
9. Perspectiva. Permite hacer recorte y corregir perspectivas al mismo tiempo. Ver el video de esta sección.
10. Cancelar el recorte.
11. Aplicar el recorte.
Profundidad de color
Llamamos profundidad de color a la cantidad de colores que puede tener una imagen. Estos colores se logran asignando una cantidad determinada de bits a cada píxel.
Ya vimos que las imágenes digitales de píxeles se obtienen dividiendo una superficie rectangular en píxeles y que a cada píxel se le asigna un color. La cantidad de píxeles en que se divide la superficie rectangular se llama Resolución.
La asignación de color a cada píxel, como en todo lo que es digital, se realiza por medio de bits. El bit es la mínima unidad de medida de información de los archivos informáticos. Un bit es un número binario: esto quiere decir que sólo puede tener dos valores, cero o uno.
Si a una imagen se le asigna un bit por píxel, tendrá sólo dos colores, usualmente blanco y negro (0, 1).
Si se asignaran dos bits por píxel se podrían definir cuatro colores (00= negro; 01 y 10= dos valores de gris y 11= blanco). Y así podríamos seguir con imágenes de tres, cuatro o más bits por píxel, con una creciente cantidad de tonos de gris. Este tipo de imágenes no son muy usuales y pocos formatos digitales las soportan.
Cuando se le asignan ocho bits por píxel tenemos una imagen en escala de grises. Este número binario de ocho cifras permite definir 256 tonos de gris, desde el blanco hasta el negro: una cantidad aceptable de tonos que permite describir cómodamente una foto en blanco y negro. El ojo humano no puede diferenciar entre dos grises consecutivos de esta escala, por lo que es una cantidad suficiente para describir imágenes dando la idea de una gradación continua de grises.
En la figura 13 vemos ocho escalas del blanco al negro. La primera corresponde a los colores que pueden obtenerse en un archivo de 1 bit por píxel. Los píxeles de la imagen sólo pueden ser blanco o negro. La segunda se le asignaron 2 bits por píxel = 4 colores. A la tercera 3 bits… y así sucesivamente. La cantidad de grises aumenta, la diferencia entre los grises adyacentes disminuye hasta hacerse imperceptible. La última, la de 8 bits por píxel, es la paleta usada para las imágenes en “escala de grises”.
Figura 13:
Bits por píxel.
De arriba hacia abajo, escalas de blanco, grises y negro que se obtienen asignando 1, 2, 3, 4, 5, 6, 7 y 8 bits por píxel. Las primeras escalas tienen pocos colores y se ven “franjas”, diferencias visibles entre dos grises adyacentes. En las últimas (con más cantidad de grises = más bits por píxel) no se ven franjas.
Cuando creamos un documento nuevo en Photoshop vemos, en el cuadro de diálogo que aparece, las opciones de la nueva imagen (figura 14). En esta ventana tenemos que definir, además del tamaño y resolución, la profundidad de color del nuevo documento. Las resoluciones disponibles están relacionadas con el Modo de color y son:
• De 1 bit para los Mapas de bits.
• De 8 o 16 bits por canal para las imágenes en Escala de grises o de Color RGB.
• Las últimas versiones de Photoshop soporta profundidades de color de 32 bits por píxel y por canal para las imágenes de alto rango dinámico.
Figura 14:
Cuadro de diálogo al crear un Documento Nuevo.
En esta ventana definimos el tamaño, la resolución, el Modo o Profundidad de color.
- Mapa de bits - 1 bit por píxel (2 colores: blanco y Negro).
- Escala de grises - 8 o 16 bits totales.
- Color RGB - 8 o 16 bits por canal.
- Imágenes de alto rango dinámico - 32 bits por píxel.
En la figura 15 vemos una misma imagen en diferentes profundidades de color.
Figura 15:
Profundidad de color.
La misma imagen en diferentes profundidades de color.
Canales
Las imágenes en color están compuestas por canales; cada canal corresponde a un color primario. Cuando los colores se superponen y mezclan se forman varios millones de colores.
En la figura 16 vemos una imagen en RGB: el panel Canales de Photoshop muestra los canales correspondientes a los tres colores primarios (Rojo, Verde y Azul) y el canal compuesto (RGB), en donde se ve la imagen “a todo color”.
Figura 16:
Canales de color.
Cuadro: Profundidad de color
| Tipo de imagen | Cantidad de bits por píxel | Cantidad de colores | |
| Bitmap | 1 | 2 | 21 |
|
| 2 | 4 | 22 |
|
| 3 | 8 | 23 |
|
| … |
|
|
| Escala de grises | 8 | 256 | 28 |
|
| 16 | 65 536 | 216 |
|
| … |
|
|
| Color RGB | 8 (por canal) = 24 bits totales | 16 777 216 | 224 |
|
| 16 (por canal) = 48 bits totales | 281,5 billones | 248 |
|
| … |
|
|
| Formato Raw | 10 (por canal) = 30 bits totales | 1000 millones | 230 |
|
| 12 (por canal) = 36 bits totales | 68 mil millones | 236 |
|
| 14 (por canal) = 42 bits totales | 4,4 billones | 242 |
|
| 16 (por canal) = 48 bits totales | 281,5 billones | 248 |
Imágenes de alta profundidad de color
Una de los cambios más importantes de las últimas versiones de Photoshop es el manejo de archivos de profundidades de color mayores que los 24 bits por píxel (u 8 bits por canal) de las imágenes en color estándar. Este cambio viene de la mano de los avances de la fotografía digital profesional. Más adelante, en este curso, veremos detenidamente estos temas; ahora sólo vamos a señalar que la versión CS5 de Photoshop permite editar imágenes de 16 y 32 bits por píxel.
Ya vimos que las imágenes de fotografía color estándar (las que se pueden guardar en el popular formato JPG) tienen 8 bits por canal, es decir 24 bits totales y pueden representar una cantidad de colores (16.777.216 millones, o sea 2 elevado a la potencia 24).
La fotografía profesional y los 16 bits por canal
Las imágenes de 16 bits por canal, asociadas a los archivos RAW de las cámaras profesionales de fotografía digital, pueden describir más de 280 billones de colores (2(16 x 3) = 248 = 281.474.976.710.656 colores). Esta enorme cantidad de colores redunda en una gran posibilidad de edición de las imágenes fotográficas. Por ejemplo, una foto con una zona muy clara (un paisaje nevado, por ejemplo), si ha sido tomada a una alta profundidad de color, será posible calibrarla y dar detalles a las zonas más claras. Estos detalles hubieran sido imposibles de recuperar si la foto se hubiera sacado en una profundidad de colores menor.
Photoshop ha venido acompañando muy de cerca a la revolución de la fotografía digital. Su dispositivo de revelado de fotografías de 16 bits por pixel, CameraRaw, se ha vuelto una herramienta indispensable para los fotógrafos profesionales.
Fotografiar lo imposible: 32 bits por canal
Las últimas versiones del programa han incorporado el tratamiento de imágenes de alto rango dinámico (HDR). Se llama rango dinámico a la relación entre las áreas oscuras y claras de una fotografía que una cámara fotográfica puede capturar.
El mundo visible tiene un rango de luminosidad que supera con creces el rango de las imágenes impresas o mostradas en un monitor. El blanco, por ejemplo, de una imagen a ser impresa “es” la ausencia de tinta, el blanco del papel, el color más claro que se puede obtener. En la realidad hay colores mucho más claros, por ejemplo, el blanco del sol.
El ojo humano puede adaptarse a escenas con diferente iluminación. Si estamos en un interior tenuemente iluminado veremos aceptablemente bien el exterior, con sol radiante.
Las cámaras fotográficas y los monitores de computadora sólo pueden capturar o mostrar un gama de niveles de luminosidad fijo, un rango dinámico escaso. Los fotógrafos, y otros profesionales que trabajan con imágenes digitales, deben tomar precauciones al hacer una toma porque trabajan con un rango dinámico limitado.
Las imágenes de alto rango dinámico (HDR por sus siglas en inglés) pueden representar todo el rango dinámico del mundo visible. En Photoshop estas imágenes se almacenan 32 bits por canal, utilizando un recurso matemático llamado coma flotante que aumenta aún más las posibilidades de descripción de colores.
Color indexado, 8 bits = 256 colores
Otro tema interesante cuando estudiamos la Profundidad de color es el Color indexado. Las imágenes de este tipo tienen una profundidad de color de 8 bits, es decir, tiene un máximo de 256 colores. En el modo escala de grises la paleta de 256 colores es, precisamente, una escala de tonos del blanco al negro. En color indexado la paleta contiene 256 colores, elegidos con diversos criterios.
Aunque la paleta de colores es limitada, las imágenes de Color indexado son útiles para diferentes tipos de imágenes y reduce el tamaño del archivo, manteniendo su calidad. Se utiliza en gráficos de colores planos para presentaciones multimedia, páginas web y usos similares.
Cambiando la profundidad de color
La Profundidad de color se corresponde con los diferentes Modos que se encuentran en el menú Imagen > Modo. Los Modos de color están asociados a la cantidad de datos que contiene la imagen y, por consiguiente, al peso del archivo. Mientras más Profundidad de color, más calidad de imagen, más datos y más pesado el archivo.
Si tenemos una imagen en Color RGB, el modo de la mayorías de las fotografías en color, podemos optar a pasarlas a Escala de grises. La imagen perderá datos (quedará en blanco y negro) y el archivo será más liviano.
De escala de grises a bitmap
El menú Imagen > Modo permite realizar cambios en la profundidad de color de las imágenes. En este primer ejemplo convertiremos una imagen de 8 bits por canal, en Escala de grises, la pasaremos a una de 1 bit por píxel o Mapa de bits. Los 256 tonos de gris de la imagen original se transformarán en sólo dos.
Las imágenes de Mapa de bits son en blanco y negro, sin grises. En la jerga gráfica se las denomina “plumas” ya que es la forma ideal de reproducir ilustraciones realizadas con tinta u otras técnicas que no tienen grises. Estas imágenes de un bit por píxel sólo aceptan dos colores (blanco y negro / cero o uno). Aparentemente sus posibilidades no son muchas.
La opción Mapa de bits del menú Modo sólo está disponible cuando tenemos una imagen en Escala de grises. Si quisiéramos pasar una foto en colores a Mapa de bits primero tenemos que pasarla a Escala de grises.
Al pasar una imagen de Escala de grises a Mapa de bits debemos decidir cómo se definirán los tonos grises usando sólo píxeles blancos y negros. El cuadro de diálogo, que se muestra en la figura 17, presenta las siguientes opciones:
• Resolución: Aquí definimos la resolución de la imagen de Mapa de bits. Es conveniente que la resolución de la nueva imagen sea mayor que la del documento en Escala de grises.
a. Umbral del 50%: En esta opción, los píxeles que tienen de cero a 50% de intensidad de negro pasan a ser blancos, y los de 51 al 100%, negros. Si necesitamos tener un control mayor sobre los valores de grises que se convierten en blanco o en negro, antes de pasar a Mapa de bits, conviene ir a Imagen > Ajuste > Umbral. Esta herramienta nos permite elegir el valor a partir del cual se produce la separación.
b. Trama ordenada: En esta opción, los diferentes tonos de gris quedan definidos por una trama de píxeles blancos y negros. La trama es “ordenada”, los puntos de la misma están acomodados en una cuadrícula.
c. Trama aleatoria: Aquí, para definir los diferentes tonos de gris, se apela a una dispersión aleatoria de puntos negros, sin orden ni cuadrícula alguna. Con esta opción se logran efectos más interesantes.
d. Trama de medio tono: Esta variante permite una personalización muy completa de la trama con la que se definirán los medios tonos. Podemos definir la lineatura de la trama o Frecuencia, la cantidad de líneas que tendrá por unidad de medida. En Ángulo se elige la inclinación de la trama. En Forma elegimos la forma del punto de trama. La variedad es grande: Redondo, Diamante, Elipse, Línea, Cuadrado y Cruz.
e. Trama personalizada: En este caso podemos elegir el Motivo que servirá como trama para definir los tonos grises de la imagen. En el ejemplo se ha usado un pequeño rectángulo con la palabra “Tigre” escrita. Los pasos a seguir son los siguientes:
e1. Definir el Motivo a usar. Seleccionamos una imagen. En nuestro caso usamos una palabra que escribimos con la herramienta correspondiente.
e2. Seleccionamos el Motivo con la herramienta de selección rectangular y vamos a Editar > Definir motivo.
e3. El motivo definido se habrá incorporado a la colección de motivos que contiene el cuadro desplegable de la ventana que estamos estudiando. Al ejecutar esta opción la imagen quedará definida con el motivo elegido, que se aclarará u oscurecerá de acuerdo a los tonos de la imagen en escala de grises.
Figura 17:
De Escala de grises a Mapa de bits.
Diferentes resultados de la conversión de una imagen en Escala de grises (8 bits) a Mapa de bits (1 bit por pixel).
Cuadro de diálogo de la conversión a Mapa de bits.
| | | |
| | d) Trama de medio tono | |
Formatos de archivos
Tipos de archivo de las imágenes digitales
El formato es otra de característica de la imagen digital que es necesario tener en cuenta al publicarlas, imprimirlas o almacenarlas.
Los formatos de archivos de imágenes se diferencian en la manera de almacenar la información, en los métodos de compresión de datos y en las características de Photoshop que admiten. La lista que sigue describe los formatos más usuales, sus posibilidades y limitaciones.
Compresión de archivos
Los archivos de imágenes digitales formadas por píxeles pueden ser muy pesados, y el peso de los archivos es una variable crítica para el almacenamiento o la distribución por internet. Hay muchas tecnologías para reducir el tamaño de los archivos de las imágenes de píxeles.
Hay técnicas de compresión sin pérdida de información, que disminuyen el tamaño del archivo sin eliminar datos, es decir, sin modificar la calidad de la imagen. Otras técnicas eliminan datos, reflejándose en la pérdida de calidad de la imagen. Las tecnologías de compresión más usadas son las siguientes:
LZW (Lemple-Zif-Welch): Tecnología de compresión sin pérdida que utilizan los formatos TIFF, PDF, GIF entre otros. Es especialmente aconsejado para imágenes con áreas de colores planos.
JPEG (Joint Photographic Experts Group): Técnica de compresión con pérdida de calidad admitida por los formatos de archivo JPEG, TIFF, PDF y EPS. Recomendada para imágenes fotográficas. Esta tecnología utiliza compresión variable, de modo que, a menor tamaño de archivo se obtiene menor calidad.
CCITT (iniciales en francés del Comité Consultivo Internacional de Telégrafos y Telecodificación). Familia de técnicas de compresión sin pérdidas para imágenes en blanco y negro admitida por los archivos PDF y EPS.
ZIP. Admitida por los formatos PDF y TIFF. Al igual que LZW, es una compresión sin pérdida aconsejada en imágenes con grandes áreas de un solo color.
RLE (Run Length Encoding): Técnica de compresión sin pérdida usada por los formatos de archivo del entorno Windows.
Formatos de archivo
JPEG (.jpg)
Este formato fue desarrollado por The Joint Photographers Experts Group. Es el más popular formato de compresión para fotografías digitales. Nació en los primeros años de Internet para compartir archivos de píxeles que tuvieran bajo peso para que su transmisión no sea demasiado lenta. El formato JPEG comprime con pérdida de información: a menor peso menos calidad.
Una recomendación necesaria para este tipo de formato: cuando guardemos una foto en JPEG, sobre todo si usamos una relación de compresión muy alta, es conveniente conservar la foto original, ya que la calidad de la copia se deteriora demasiado. Para guardar en este formato lo más conveniente es recurrir a la opción Guardar para la Web en donde se puede controlar la relación calidad - peso.
Photoshop (.psd)
Como la mayoría de los programas, Photoshop tiene su formato propio. Este formato nos permite guardar documentos con capas, con máscaras, texto y otros elementos que algunos formatos no admiten. Este formato es compatible con todos los programas de la familia Adobe (Illustrator, InDesign, Premiere, After Effects, etc.). Con otros programas habrá que comprobar la compatibilidad. Una de las ventajas de este formato es que soporta imágenes de alto rango dinámico, de 16 bits y 32 bits por canal.
GIF (.gif)
Son las siglas de Graphics Intercharge Format, formato desarrollado por la empresa Compuserve. Es, junto con el JPG, el formato más usado en la Web, y el apropiado para gráficos de colores planos como logotipos y dibujos. El GIF guarda imágenes de 8 bits, es decir de 256 colores y es uno de los pocos formatos que soportan profundidades de color menores, de 1, 2, 3, 4, 5, 6 y 7 bits por píxel, con la correspondiente cantidad de colores cada uno (2, 4, 8, 16, 32, 64 y 128). Admiten animación y áreas transparentes. Para guardar una imagen en formato GIF es conveniente usar la opción Guardar para la Web.
TIFF (.tif)
Estas son las siglas de Tag Image File Format y es un formato de imagen de uso muy extendido en la industria gráfica. Fue desarrollado por la empresa Aldus, la creadora del programa PageMaker. El objetivo fue crear un formato ampliamente compatible con todas las plataformas. Este formato permite ser comprimido sin pérdida de calidad (LZW o ZIP). El formato TIF generado por Photoshop CS5 permite guardar capas, entre otras prestaciones.
Formato de documento grande (.psb)
El formato de documento grande PSB admite documentos de hasta 300.000 píxeles de alto o de ancho. Desarrollado por Adobe, admite capas, efectos y filtros de Photoshop. También puede usarse en imágenes de alto rango dinámico, de 16 o de 32 bits por canal. Sólo es compatible con las versiones CS del programa.
PNG (.png)
El formato Portable Network Graphics es de uso libre de licencias y se usa especialmente para gráficos web. Permite profundidades de color compatibles tanto con el GIF como con JPG (8 y 24 bits por píxel). Ambos casos admiten áreas transparentes.
PDF (.pdf)
Este formato (Portable Document Format) fue desarrollado por Adobe para intercambiar archivos originados en programas de diseño entre diferentes plataformas: un documento creado en algún programa de Windows, por ejemplo, puede verse en Linux o Mac con sólo tener el visualizador de PDF, llamado Acrobat Reader, distribuido gratuitamente por la empresa Adobe.
RAW, DNG
Son formatos con una gran profundidad de color que contienen la imagen en bruto capturada por el sensor de las cámaras digitales profesionales y semiprofesionales. Estos formatos permite obtener fotografías de gran calidad.
El formato RAW (llamado también RAW de cámara) es el nombre genérico de una multiplicidad de formatos de archivos “crudos de cámara”, el archivo sin procesar que capta el sensor de la cámara digital. Los fabricantes de cámaras digitales, en su mayoría, han asignado extensiones propias a estos formatos:
• CRW y CR2: Formatos propios de las cámaras Canon.
• NEF: Cámaras Nikon.
• RAF: Cámaras Fuji.
• X3F: Cámaras Sigma.
• MRW: Cámaras Minolta, etc.
El formato DNG, formato que puede contener la totalidad de los datos de un RAW de cámara, fue desarrollado por Adobe para ofrecer un estándar de los archivos RAW de cámara. Es un formato de documentación abierta y uso libre, aunque licenciado por Adobe System. Adobe ofrece un programa conversor (llamado DNG converter) que pasa la mayoría de los formatos “RAW de cámara” a DNG.
Photoshop EPS (.eps)
Las siglas EPS significan Postscript encapsulado, siendo el Postscript el lenguaje de programación creado por Adobe que revolucionó la industria gráfica. Este lenguaje es usado tanto por las impresoras láser como por las de preimpresión destinadas al sistema offset.
El formato de archivo EPS puede contener tanto imágenes vectoriales o de píxeles y es compatible con prácticamente todos los programas de diseño gráficos. Admite los más importantes modos de color (Lab, CMYK, RGB, Color indexado, Duotono, Escala de grises y Mapa de bits).
BMP (.bmp)
Es el formato propio de los programas Paint, de Microsoft, distribuido junto con los sistemas operativos DOS y Windows. Permite imágenes de 24 bits (millones de colores) y 8 bits (256 colores). Puede darse a estos archivos una compresión sin pérdida de calidad llamada RLE (Run Length Encoding).
Photo CD (.pcd)
Este formato, desarrollado por Kodak, es usado para almacenar imágenes de alta resolución en discos CDRoms. Comprime las imágenes y nos permite disponer de cinco versiones de la misma en diferentes tamaños: desde 72 K hasta 18 Mb.
Conceptos básicos de color digital
El color es una de las características más importantes de las imágenes digitales. En este capítulo vamos a estudiar los conceptos básicos del color.
El color es un fenómeno de nuestra percepción. Es la respuesta de la vista a los estimulos de las diferentes longitudes de onda de la luz, que luego el cerebro interpreta.
Isaac Newton demostró, en 1666, que la luz del sol, al pasar por un prisma de cristal, se descompone en los colores del espectro visible. Más adelante, los científicos idearon diferentes teorías del color y formas de expresarlo en forma matemática, surgieron así los sistemas de color que actualmente se usan.
Con el advenimiento del diseño asistido por computadora, esas teorías del color tomaron forma y están accesibles en los cuadros de diálogo de los programas de diseño, especialmente en Photoshop.
Si conocemos cómo se crean los colores y la relación que existe entre ellos, podemos lograr una mayor eficacia al trabajar con Photoshop. Para lograr resultados consistentes es útil tener conocimientos básicos de teoría de color.
Colores primarios luz y pigmento: adición y sustracción
Se denomina primarios a los colores que no se pueden obtener con la mezcla de otros colores. A su vez estos tres colores sirven de base para componer el conjunto de colores. Hay dos maneras de definir los colores primarios, de acuerdo sea la forma en que se genera el color:
1. Colores luz
Este conjunto de primarios está compuesto por los llamados colores primarios luz o aditivos y son el rojo, el verde y el azul. Este sistema se utiliza cuando los colores se muestran a partir de fuentes luminosas: las imágenes formadas en monitores de computadora o en pantallas de televisión. Si se mezclan los tres en su máxima intensidad forman el blanco. La total ausencia de estos colores primarios da como resultado el negro.
2. Colores pigmento
Este sistema de colores primarios se usa cuando el color no es luz emitida sino reflejada. Los objetos (naturalmente o pintados con tintas o pigmentos) absorben ciertas longitudes de onda de la luz blanca y reflejan otras. El color de un determinado objeto depende de qué partes de la luz es reflejada.
Para este sistema de colores primarios existen dos modelos:
2a. Los artistas plásticos consideran primarios al conjunto de colores formado por el rojo, el amarillo y el azul. Mezclando pigmentos de éstos colores pueden obtenerse todos los demás tonos. Este modelo corresponde a antiguas teorías de formación de los colores, hoy superadas, pero el modelo continúa siendo útil en el ámbito de las artes plásticas.
2b. Otro conjunto de colores primarios pigmento se compone del magenta, amarillo y cian. Esta es una versión actualizada y más científica del conjunto de colores primarios anterior. Se tratan de los primarios sustractivos y son los empleados por todos los sistemas de impresión con tintas. El sistema CMYK agrega el negro (K) a los tres primarios para lograr sombras y detalles oscuros más precisos.
La total ausencia de estos colores primarios da como resultado el blanco del papel. Si se mezclan en su máxima intensidad, teóricamente deberían dar el color negro.
La figura 22 muestra esquemas de los tres sistemas de colores primarios son los respectivos colores secundarios, esto es, los colores obtenidos por la mezcla de dos primarios. Nótese que entre los sistemas de colores luz y pigmento los primarios de uno de ellos son los secundarios del otro.
Figura 22:
Sistemas de colores primarios.
1. Colores primarios luz: rojo, verde y azul.
2. Colores primarios pigmento.
2a. Colores primarios pigmento según las artes plásticas: Rojo, Azul y Amarillo.
2b. Colores primarios pigmento “científico” o los de Tinta de Impresión: Cyan, Magenta y Amarillo.
El color en números
El ojo humano puede diferenciar varios millones de colores diferentes, pero puede definir con palabras muy pocos y con poca precisión. Esto ha llevado a buscar sistemas de medición que permitan expresar los colores en formas más confiables y li
bres de subjetividad. Esto no pasa solamente con el color. Todas las cosas susceptibles de ser medidas necesitan de un sistema de medida adecuado. Cuando usamos expresiones como bastante lejos, liviano o azul verdoso le damos a nuestro interlocutor una idea aproximada de lo que estamos hablando. Pero cuando se necesita eliminar las ambigüedades, es necesario un sistema de medidas.
Existen muchos sistemas para definir el color. Algunos de ellos sirven para determinadas formas de representar el color: por ejemplo e lsistema RGB (por sus nombres en inglés red, green y blue > rojo, verde y azul) se usa para definir los colores que se crean por medio de luces emitidas por cualquier dispositivo, los monitores de computadora, por ejemplo.
El sistema CMYK (cian, magenta, amarillo y negro), usado en la impresión de papel, está basado en el proceso sustractivo o de colores tinta a los que se agrega un componente para dar mayor énfasis a los negros y colores oscuros, que difícilmente se logran con la suma de los otros tres colores, además de ser fundamental para imprimir la mayoría de los textos.
El círculo cromático
Una forma de representar los colores, usadas desde hace varios siglos, es el círculo cromático. Aquí están representados todos los tonos posibles y la ubicación de cada uno de ellos está definida por cuestiones de orden físico, relacionadas con la longitud de onda de cada color. La secuencia en que se suceden los colores es la misma del arco iris o de la descomposición de la luz blanca por un prisma de cristal.
El círculo cromático permite relacionar a los colores entre sí. A los que se encuentran en lados opuestos del círculo (rojo y verde, en este caso) se los llama complementarios. Tienen entre sí una gran diferencia de tono. Los diseños realizados con este tipo de colores, son vibrantes, atraen la atención y resaltan a la vista.
Otra relación es la de adyacencia: es la relación entre el rojo, el rojo anaranjado y rojo púrpura, por ejemplo.
En la figura 23 vemos una representación del círculo cromático relacionada con los sistemas de primarios luz y pigmento. Vemos que los seis colores primarios ocupan los vértices de un hexágono. El círculo cromático es usado desde hace siglos para establecer relaciones entre los colores y así elegir armonías cromáticas.
Figura 23:
Círculo cromático.
Este gráfico muestra las transiciones entre los colores primarios, describiendo de ese modo todos los tonos posibles. La ubicación relativa de los colores entre sí permite establecer relaciones entre ellos, muy útiles para crear armonías de colores.
Modelos y espacios de color
Se llaman modelos de color de las imágenes digitales a la forma que se describen los colores de las mismas. Los modelos de color más usuales son RGB y CMYK.
Un espacio de color es, a su vez, una variante de un modelo de color determinado, que comprende una gama específica de colores. Por ejemplo, en el modelo de color RGB, hay varios espacios de color: Adobe RGB, sRGB, ProPhoto RGB, etc. que representan gamas particulares de colores que se usan en dispositivos específicos.
Por otra parte, cada dispositivo (un monitor o una impresora) tiene un espacio de color propio: sólo puede reproducir los colores de una determinada gama. Cuando una imagen es mostrada en diferentes monitores o impresa en diferentes impresoras, por ejemplo, sus colores pueden cambiar. Cada dispositivo tiene su propio espacio de color y esto hace que algunos colores no coincidan. La existencia de diferentes espacios de color hace que las imágenes que vemos de una determinada manera en nuestro monitor, imprima diferente en una impresora.
Se llama Gestión del color al conjunto de recursos que garantizan que la mayoría de los colores sean iguales o similares, en los dispositivos (escáneres, monitores e impresoras) que integran el flujo de trabajo.
El color en Photoshop
En este capítulo veremos las ventanas y herramientas relacionadas con los colores que tiene Photoshop. Para comprender algunas de estas herramientas es necesario tener conocimientos básicos de teoría del color.
Color frontal y de fondo
El esquema de dos colores mostrado en la parte inferior del panel de herramientas representa los dos colores que Photoshop tiene disponibles para usar: el color frontal se usa como tinta de pintura, mientras que el color de fondo es el color del “papel”, el que queda cuando usamos la herramienta borrador en la capa fondo. Este esquema de dos colores también se usa para crear degradados de un color a otro o en algunos filtros y efectos especiales.
El color frontal por defecto es el negro y el de fondo el blanco. Para definir estos colores bastará con hacer clic sobre el ícono correspondiente, en la paletas de herramientas. Se abrirá el Selector de color y allí elegiremos el color.
Otras maneras de seleccionar estos colores son:
• Con la herramienta Cuentagotas haciendo clic sobre una imagen. Así se tomará el color frontal. Con Alt + clic elegiremos el color de fondo.
• Haciendo clic sobre una muestra en el panel Muestras de color o eligiendo una mezcla de colores en el panel Color.
Figura 24:
Color frontal y de fondo.
a. Colores por defecto: Negro al frente y Blanco en el fondo. Atajo de teclado: D
b. Rotar los colores. Atajo de teclado: X
c. Color de frente: Color para pintar con pinceles.
d. Color del fondo.
Selector de color de Photoshop
En el Selector de color de Photoshop es un desarrollo gráfico para elegir colores. Los colores se pueden elegir usando alguno de los cuatro modelos de color disponibles: HSB, RGB, Lab y CMYK.
El panel consta esencialmente de un sector a la izquierda donde se visualizan los colores y otro a la derecha donde aparecen los valores numéricos del color elegido en los cuatro modelos de color. La figura 25 muestra las partes que constituyen esta ventana.
Para comprender este panel hay que recordar que, para representar el color en forma gráfica se usa un cuerpo o sólido de tres dimensiones. El Selector de color es una representación gráfica del sólido de color realizada en el plano. Un color determinado se define con tres parámetros. Para representar un color en forma gráfica este panel apela a dos elementos:
1. Un cuadrado (Campo de color) que muestra dos de los parámetros, que corresponde a un corte del sólido de color.
2. Una escala (Regulador de color) en la que se define el tercer parámetro, que corresponde al plano donde se realiza el corte.
Estos elementos gráficos de la izquierda del panel cambian de acuerdo a qué parámetro se usa para ordenarlo.
La casilla de verificación al lado de cada uno de los parámetros (excepto de los colores C, M, Y y K) determina qué parámetro se ubicará en la barra vertical. Los otros dos parámetros formarán el plano (Campo de color) desde donde podremos elegir el color. En la figura 25vemos el selector de color ordenado de acuerdo al parámetro Tono (cuyo casilla de verificación está seleccionada). La variable Tono está desplegada en la barra vertical; contiene todos los tonos del espectro. El cuadro de la izquierda es un gráfico que, en el sentido horizontal, se representa la Saturación y el vertical el Brillo.
En la figura 25 vemos este selector y se explica el significado de cada uno de sus componentes.
Figura 25:
Selector de color de Photoshop
A. Color seleccionado
B. Color nuevo
C. Color original
D. Alerta de fuera de gama de impresión
E. Alerta de un color no compatible con Web
F. Sólo muestra colores compatibles con Web
G. Campo de color
H. Regulador de color
I. Valores de color
J. Acceso a los sistemas de colores
Figura 26:
Esquema del sólido que representa la totalidad de los colores visibles de acuerdo al modelo de color HSB, Tono Saturación y Brillo. Las variables para definir un color son: Tono, (mide el ángulo en que se encuentra el color en el círculo cromático), la saturación y el brillo que se miden en porcentajes.
Biblioteca de colores especiales
El Selector de color de Photoshop permite acceder a una Biblioteca de colores, y así poder elegir colores de múltiples catálogos normalizados de color. A continuación explicamos algunos de ellos:
• Color ANPA (American Newspaper Association): Se utiliza habitualmente en aplicaciones para periódicos.
• Guía de color DIC (Dainippon Ink & Chemicals): Catálogo usado para impresión en Japón.
• Muestras HKS: Sistema normalizado de color usado en Europa.
• PANTONE: Empresa estadounidense, creadora de un sistema de control de color para las artes gráficas. Es el más reconocido y utilizado en nuestro medio. Los catálogos Pantone que se pueden elegir en el Selector de color o en versiones impresas, son varios de acuerdo al tipo de papel sobre el que se imprimirá, si la impresión será en cuatricromía (CMYK) o en tinta plana.
• TOYO Color Finder: Sistema normalizado de color usado en Japón.
• TRUMATCH: Sistema normalizado de color usado en Estados Unidos.
Figura 27:
Biblioteca de colores especiales.
El panel Color
El panel Color, que como todos los paneles se despliega del menú Ventana, permite modificar los colores frontal y de fondo. Para ello el panel cuenta con controles deslizantes o reguladores que pueden modificar los colores frontal y de fondo utilizando distintos modelos de color. Este panel es una versión abreviada de la ventana Selector de color.
Los diferentes modelos de color se eligen desde el menú de opciones del panel, ubicado arriba a la derecha.
En la parte inferior del panel se muestra un pequeño selector de color desde el que se puede elegir también el color. Este panel es común a otros programas Adobe, como Illustrator o InDesign.
Figura 28:
El Panel Color.
a. Color frontal
b. Color de fondo
c. Reguladores
d. Menú desplegable
e. Selector interactivo de color
El panel muestras
El panel Muestras es otra útil herramienta relacionada con el color. Desde este panel pueden obtenerse algunas de las prestaciones que tiene la ventana Selector de color: elegir colores de paletas normalizadas como Pantone.
El panel Muestras de color trae por defecto una paleta de colores que el usuario puede modificar, agregarle colores o cambiarla por otras paletas predeterminadas, como las de los sistemas normalizados de color.
Una de las funciones más utilizadas que tiene este panel es almacenar colores usuales. El usuario puede almacenar sus colores preferidos y tenerlos accesibles en cualquier oportunidad.
Para agregar un color nuevo al panel muestra simplemente se lo elige como color frontal y se hace clic sobre un lugar vacío del pane Muestras. El puntero del ratón toma la forma de un bote de pintura y el color se almacena en el panel.
Para eliminar un color del panel Muestras se puede proceder de dos maneras:
• Se lo arrastra al tacho de basura.
• Se hace clic sobre el color a eliminar manteniendo la tecla Alt presionada. El ícono del ratón cambia a unas tijeras.
