La IMAGEN DIGITAL está formada por datos de código binario y el tipo de datos que las forman determinan su tipo: mapa de bits o vectoriales.

Transcripción

1 modulo 1 Tema 2. Trabajar COn imágenes COnCePTOS básicos de la imagen digital Photoshop es un programa de tratamiento de imágenes digitales y por ello es importante que nos familiaricemos con una serie de conceptos básicos como mapa de bits, píxel, resolución y el color en Photoshop. La IMAGEN DIGITAL está formada por datos de código binario y el tipo de datos que las forman determinan su tipo: mapa de bits o vectoriales. imágenes de mapa de bits Photoshop trabaja con imágenes digitales de mapa de bits que están compuestas por PÍXEL (PICTURE ELEMENT) que es la unidad menor de información en que se puede descomponer una imagen. Las características que definen a los píxeles son: Su forma cuadrada. La posición relativa que ocupan respecto al resto de píxeles que forman un mapa de bits. La profundidad de color, es decir, su capacidad para almacenar el color expresado en bits. Photoshop trabaja con este formato ya que es el apropiado para imágenes como fotografías o ilustraciones pictóricas, en las que hay mucha variedad entre un píxel y los contiguos. Por ello cuanto mayor sea el número de píxel en una imagen, mayor será el tamaño de la imagen. 2.1

2 Truco: Cuando se amplia mucho una imagen digital de mapa de bits (utilizando por ejemplo el zoom en la pantalla de un ordenador), es posible observar los píxeles que componen dicha imagen. Los píxeles aparecen como pequeños cuadrados. imágenes Vectoriales El otro tipo de imágenes digitales son las vectoriales, que están formadas por VECTORES, que con ecuaciones matemática que define una forma: un contorno, un relleno, un vértice... Para crear este tipo de imágenes se utilizan programas de diseño vectorial, como Adobe Illustrator o Macromedia Frenad y son apropiadas para trabajos lineales, ilustraciones, texto y logotipos. La principal ventaja de este tipo de imágenes es su capacidad de ser escalables, ya que únicamente multiplica la fórmula de los vectores que definen la imagen, mientras que en las imágenes de mapa de bits al aumentar su tamaño pierden definición y adquieren un aspecto dentado. Photoshop utiliza los vectores en algunas opciones como el Texto. 2.2

3 resolución La resolución es la densidad de píxeles por pulgada que forman una imagen y se mide en píxeles por pulgada (ppp). El píxel no tiene una medida fija, por tanto el espaciado de los píxeles afecta al tamaño de los mismos y al detalle de la imagen, ya que una imagen de 20x30 píxeles puede ocupar una superficie de 1 o 10 centímetros. El tamaño de archivo de una imagen es proporcional a su resolución, a mayor resolución, mayor cantidad de información debe ser almacenada y ocupa más espacio en disco. Si se mantiene el mismo tamaño de imagen y se aumenta la resolución con Photoshop se crean nuevos píxeles y los interpolan, pudiendo producir un desenfoque de la imagen o una pérdida de datos. Por lo que hay que tener en cuenta que aumentar la resolución produce, por lo general, una imagen de calidad inferior al original. En cambio, reducir la resolución no representa, una pérdida de calidad de la imagen. Tipos de resolución Además de la resolución en las imágenes digitales debemos de tener en cuenta la resolución del los dispositivos de salida y monitor: resolución del monitor Se mide en píxeles por pulgada (ppp) pixels per inch (ppi). Hace referencia al número de elementos de imagen (píxeles) mostrados en un monitor. Los monitores MAC tienen 72 ppp y la mayoría de los de PC 96 ppp. Para realizar ajustes precisos en una imagen digital es necesaria una relación 1:1, que es la representación más fiel de la imagen) 2.3

4 resolución de dispositivos de salida Se mide en puntos por pulgada (ppp), dots per inch (dpi). Se refiere a los puntos utilizados por las impresoras para representar las imágenes. Las impresoras de chorro de tinta de sobremesa producen una salida compuesta de pequeños puntos con resoluciones que van desde los 360 hasta los 1440 puntos por pulgada, que no píxeles por pulgada. Las impresoras láser imprimen en una resolución de entre 300 y 600 ppp y las filmadoras producen una imagen de salida de 1200 a 6000 ppp. Profundiza Hay establecidas resoluciones óptimas para cada imagen, dependiendo del fin al que esté destinada dicha imagen: imágenes para pantalla. Las imágenes para monitor, páginas web, presentaciones multimedia, necesitan la resolución de la pantalla: 72 ppp. imágenes para impresión. Comprender la resolución permite predecir el resultado que obtendremos al imprimir una imagen. A una distancia normal de 40 ó 50 cm con una resolución de 150 ppp o menos, se distingue claramente la frontera entre un píxel y el siguiente; por encima de 220 ppp no percibiremos las mejoras en la riqueza del color y en la suavidad de los degradados. Por ello está establecida la referencia habitual de 300 ppp, que nos ofrece un amplio margen de seguridad que podemos permitirnos si no hay problemas de almacenamiento. La impresión offset profesional (libros, revistas...) va de 1200 a 2400 ppp. 2.4

5 Truco Si queremos tener una idea de la calidad real de la imagen, debemos verla al 100% del zoom. Este tamaño de visualización corresponde al comando Vista/Píxeles reales. Este comando hace coincidir cada píxel de la imagen con un píxel de la pantalla, de modo que evitamos el problema que supone que, a no ser que trabajemos con una imagen que tenga la misma resolución que el monitor, la imagen en pantalla aparecerá mayor o menor que su tamaño final de salida. El tamaño final de salida, es decir, al que se imprimirá la imagen, equivale al comando Vista/Tamaño de impresión. dimensiones de la imagen Photoshop nos permitirá modificar tanto el tamaño como la resolución de la imagen, eso si, teniendo siempre en cuenta que estamos modificando una cuadrícula formada por píxeles. Y que el tamaño de estos píxeles depende de la Resolución, es decir del número de píxeles que caben en cada pulgada. Para conocer las medidas exactas de la imagen activa se utiliza el comando Imagen/Tamaño de imagen, que nos permite también cambiar el tamaño de la 2.5

6 Este cuadro ofrece dos datos distintos referidos a las dimensiones de la imagen. Debemos fijarnos en uno u otro según sea el destino final de la imagen, Dimensiones en píxeles para salida en papel o Tamaño de documento para impresión. Ancho y alto en píxeles: nos da el tamaño de la imagen activa en pantalla. Ancho y alto en centímetros: nos da el tamaño de la imagen activa para imprimirla. remuestrear y redimensionar: Existen dos maneras de cambiar el tamaño y la resolución de la imagen, la diferencia entre ellas es la forma en que actúan sobre la cuadrícula de píxeles que ya forma la imagen. Las dos formas son: Remuestrear y Redimensionar. Si se redimensiona en la imagen se utilizan los mismos píxeles que forman la imagen original dispuestos de otra forma (distinto número de filas y columnas). Por el contrario, si se remuestrea en la imagen se añadirán nuevos píxeles a la misma para crear un rectángulo mayor o se eliminarán para crear una imagen más pequeña, es la opción que está activa de forma predeterminada. Así, si se aumenta el tamaño o la resolución de la imagen con la casilla de Remuestrear activada, Photoshop creará nuevos píxeles donde antes no los había. Y si reducimos su tamaño, también se reducirá el número de píxeles que la forman. Hay diferentes métodos para realizar el remuestreo: Interpolación por aproximación: es el método más rápido pero los resultados son muy pobres. Bilineal: este método reduce el efecto de desenfoque y elimina el borde pixelado (dentado) que aparece cuando se aumenta o reduce la resolución. Bicúbica: es el método predeterminado y el más idóneo para las fotografías y los trabajos de alta definición y contraste. Proporciona tonos suaves y un desenfoque que puede eliminarse, casi en su totalidad con un filtro de enfoque. 2.6

7 Photoshop CS3 ofrece dos versiones para este método de interpolación: Bicúbica más suavizada: aumenta el efecto suavizado de la Bicúbica normal. Bicúbica más enfocada: reduce el ligero desenfoque que produce la Bicúbica. Tamaño del lienzo Tamaño de lienzo modifica las medidas del lienzo, añadiendo espacio vacío a la imagen sin modificar la imagen, a diferencia de la opción Tamaño de imagen modifica el contenido de la imagen a las nuevas dimensiones por lo que la imagen se distorsiona. Introducir las dimensiones finales deseadas para el lienzo, la Anchura y Altura, y elegir la unidad de medida que se desee o, seleccionar la opción Relativa e introducir la cantidad en la que se quiere aumentar o disminuir el tamaño del lienzo. Si se introduce un número negativo disminuirá el tamaño del lienzo. En Ancla, hacer clic en un cuadro para indicar en qué parte del nuevo lienzo se quiere colocar la imagen existente. Finalmente, elegir una opción del menú Color de extensión de lienzo, este no está disponible si la imagen no contiene una capa de fondo. 2.7

8 el COlOr El color es luz. Es una cualidad de la luz reflejada por las superficies entintadas y no entinadas y la teoría del color distingue dos tipos de colores: Colores aditivos y substractivos. Los colores aditivos o luz, con los que trabajan los monitores con los que visualizamos las imágenes digitales con Photoshop, son el los que la luz blanca es una combinación de todos los colores del espectro, que puede descomponerse en tres colores primarios: Rojo, Verde y Azul por eso se conocen también como colores RGB (Red, Green, Blue). Cuando dos de estos colores primarios se ADICIONAN o SUPERPONEN, se producen los colores secundarios: amarillo, cian y magenta; que también son los primarios del Sistema substractivo o pigmento que son los que se utilizan para imprimir. 2.8

9 Profundidad de Color La profundidad de bit, resolución de bit o profundidad de color es la información almacenada para describir cada píxel de una imagen. En la cual se define la capacidad de cada píxel de la imagen para almacenar color y se expresa en bits (que es la unidad de información más pequeña que reconoce un ordenador en dígitos del código binario: 1/0). La precisión y variedad de los valores tonales está en función de la cantidad de bits por píxel: 1 BIT por píxel blanco y negro (sólo 2 valores posibles 21 =2). 8 bits por píxel 256 colores (2 8 =256). 24 bits por píxel millones de colores ( ) es el denominado TRUE COLOR/ COLOR REAL. 2.9

10 modos y gamas de Color Según sea el método de creación de colores se podrán representar un mayor o menor espectro de colores: modo rgb Son las iniciales de los tres colores que lo forman (Red, Green, Blue). Es el modo de color habitual en todos los dispositivos de entrada y visualización de imagen (escáneres, vídeo, cámaras, monitores, proyectores, etc.). Es el modo de color que produce la representación en pantalla más precisa de los colores de las imágenes. Este modo asigna a cada píxel de la imagen un valor de intensidad comprendido entre 0 (negro) y 255 (blanco). Los colores RGB utilizan tres canales para producir hasta 16,7 millones de colores. Los tres canales se convierten en 24 (3 x 8) bits de información de color por píxel. Las imágenes de 16 bits por canal tienen 48 bits por píxel y por tanto, un mayor número de colores. modo CmYK Son las iniciales de los cuatro colores que lo forman Cian, Magenta, Amarillo (Yellow) y Negro (de Keay, color clave), son los colores usados en la impresión o colores pigmento. Este modo asigna a cada píxel de la imagen un valor de porcentaje para cada una de las tintas de cuatricromía: los colores claros tienen un porcentaje pequeño de tinta y los oscuros un porcentaje mayor. modo lab Es un estándar internacional para medir el color. Tiene un componente de luminosidad (l) que se mide entre 0 y 100, y dos componentes cromáticos: a (eje verde-rojo) y b (eje azul-amarillo) comprendidos entre +120 y

11 modo mapa de bits La información de color del píxel se restringe a un sólo bit: puede utilizar uno de estos dos valores 1 (blanco) ó 0 (negro) para representar los píxeles de la imagen. modo escala de grises Este modo de color utiliza un único canal: el negro, limitado a 256 tonos de gris ya que cada píxel tiene un valor de gris entre 0 (negro) y 255 (blanco). los Canales Los canales son como acetatos que contienen la información de cada color de una imagen. El número de canales de una imagen depende del modo de color con el que estemos trabajando. Por ejemplo, una imagen en RGB poseerá cuatro canales, uno para cada intensidad de color (rojo, verde y azul) y un canal en el que se agrupan todos los colores para poder editar y modificar la imagen. 2.11

12 La paleta de Canales se encarga de mostrar los diferentes canales de una imagen de tipo RGB, CMYK y Color Lab, en las que podemos observar la proporción de cada color que poseen para facilitar las operaciones de modificación y creación de los mismos. el Selector de color A través del cuadro de color frontal o de fondo de la caja de herramientas, podemos seleccionar los colores tanto de forma visual como numérica. 2.12

13 El cuadro de mayores dimensiones muestra la gama de tonalidades más cercanas al color que teníamos seleccionado originalmente. Para escoger un color sólo tenemos que hacer clic en el cuadro sobre la tonalidad que deseemos. La barra vertical muestra la gama de colores a elegir. Si movemos el marcador de flechas arriba o abajo, las tonalidades de color irán variando hacia aquéllas en las que nos situemos en la barra. El cuadro ubicado a la derecha de la barra visualiza el color que hemos seleccionado (arriba) y el que poseíamos originalmente (abajo). Los campos HSB, CMYK, RGB y LAB muestran los valores del tono escogido en cada modo de color. Podemos definir un color escribiendo los valores en los campos teniendo en cuenta los límites numéricos máximos y mínimos de cada modo. Eligiendo un color de esta manera nos aseguramos que estamos trabajando exactamente con el mismo color, de manera que cuando lo volvamos a necesitar sólo tendremos que introducir los valores numéricos correspondientes a ese color concreto. La casilla Sólo colores Web, restringimos la tonalidad y gama a los colores compatibles utilizados en las páginas Web. El botón Personalizar sirve para acceder a una serie de catálogos de colores personalizados de los que podemos escoger el que necesitemos. 2.13

14 recuerda: Un píxel es la unidad mínima de la que se compone la pantalla de nuestro monitor. En Photoshop, también se denomina píxel a cada cuadro de color que forma una imagen. La Resolución de una imagen es el número de píxeles por pulgada (ppp) y es el elemento que permite establecer una relación entre los píxeles que forman la imagen digital y una medida que permita trasladar las imágenes un tamaño determinado. La resolución de pantalla es de 72 ppp, es decir, contiene 72x72 píxeles por cada pulgada cuadrada. Es también la resolución para Web. La resolución óptima para impresión es de 300 ppp. Las dimensiones en píxeles controlan el número de píxeles contenidos a lo largo y ancho de la imagen o mapa de bits y, además, determinan el tamaño de visualización del archivo en proporción a la resolución de la pantalla del monitor. La resolución, en cambio, controla el número de píxeles que hay por cada pulgada de imagen y se encuentra estrechamente ligada al resultado de la impresión de la misma. Ambos conceptos pueden ser modificados conjuntamente o de manera independiente en la aplicación. Los vectores se basan en operaciones matemáticas de puntos, líneas y curvas, por tanto, no les afecta la resolución de la imagen. El tamaño o peso de una imagen se mide por el número de bytes y el total de éstos dependerá de las dimensiones de la misma, la resolución y la información de colores del archivo. Los modos de color son métodos numéricos que se utilizan para describir colores. Disponemos de una gama de modos de color que utilizaremos atendiendo a la finalidad de cada imagen. Estos modos son: el RGB, CMYK, Escala de grises, Color Lab y Mapa de bits. Los monitores de los ordenadores son máquinas RGB y por ello éste es el modo de color en que se modifican las imágenes digitales con Photoshop. 2.14

15 La profundidad de color es la capacidad del píxel para almacenar información de color. La más común es de 8 bits por canal (en RGB = 8 bits x 3 canales = 24 bits por píxel). El número de canales de una imagen depende del modo de color con el que estemos trabajando. Photoshop nos permite configurar el color mediante la herramienta Ajustes de color. 2.15