16
ADOBE PHOTOSHOP CS5 BÁSICO Unidad Didáctica n.º 1

Adobe Photoshop CS5 Basico UD 1

Embed Size (px)

DESCRIPTION

Introducción

Citation preview

Page 1: Adobe Photoshop CS5 Basico UD 1

ADOBE PHOTOSHOP CS5 BÁSICO

Unidad Didáctica n.º 1

Page 2: Adobe Photoshop CS5 Basico UD 1

Adobe Photoshop CS5 básico Unidad Didáctica n.º 1

Formación sin barreras Pág. 2/16

I La imagen

A) Formato de imágenes

B) Características de la imagen

Resolución y nitidez

C) Tipos de archivos

Uso de la imagen

D) Modos de imagen

Ejercicio de repaso

Page 3: Adobe Photoshop CS5 Basico UD 1

Adobe Photoshop CS5 básico Unidad Didáctica n.º 1

Formación sin barreras Pág. 3/16

I La imagen

A) Formato de imágenes

Adobe Photoshop CS5 es la aplicación de edición gráfica y retoque fotográfico más extendida en el mundo profesional.

Lo primero que debemos conocer es que no todas las imágenes tienen la misma

composición y, por lo tanto, su tratamiento va a ser diferente. Básicamente, podemos catalogar las imágenes según su composición en: imágenes

de mapas de bits o imágenes vectoriales. Imágenes vectoriales Las imágenes vectoriales están compuestas por vectores. Un vector es un elemento matemático que se forma por la unión de dos puntos

denominados nodos y que crean curvas o rectas.

Estas líneas también se denominan curvas Bézier en honor de Pierre Bézier, quien

ideó el método de descripción matemática de las curvas, que se comenzó a utilizar con éxito en los programas de CAD. Estos son programas de diseño lineal muy utilizados para la creación de piezas, mobiliario, interiorismo, etc.

Page 4: Adobe Photoshop CS5 Basico UD 1

Adobe Photoshop CS5 básico Unidad Didáctica n.º 1

Formación sin barreras Pág. 4/16

Como resultado de su composición lineal se trata de imágenes muy limpias, pero sin demasiado detalle (es el propio de los cómics, los logotipos, etc.). También se utilizan como aplicación de texto.

Imágenes de mapas de bits Este tipo de imágenes están compuestas por una red de puntos denominados

píxeles. Los píxeles son la unidad básica de información de la imagen, que nos ofrece la

posición, el color, etc.

Page 5: Adobe Photoshop CS5 Basico UD 1

Adobe Photoshop CS5 básico Unidad Didáctica n.º 1

Formación sin barreras Pág. 5/16

La visión global de esta malla es lo que genera la imagen individual, en la que no se aprecian los píxeles que la forman.

Es una imagen que muestra gran detalle, y por eso se utiliza mucho dentro del campo

de la fotografía, la publicidad, etc.

Page 6: Adobe Photoshop CS5 Basico UD 1

Adobe Photoshop CS5 básico Unidad Didáctica n.º 1

Formación sin barreras Pág. 6/16

Page 7: Adobe Photoshop CS5 Basico UD 1

Adobe Photoshop CS5 básico Unidad Didáctica n.º 1

Formación sin barreras Pág. 7/16

B) Características de la imagen

Como hemos visto en el punto anterior, existen dos tipos de imágenes diferenciadas por su composición vectorial o pixelada.

Esta diferencia hace que tengan características distintas. Imágenes de mapas de bits La base de las imágenes de mapas de bits es el píxel, que se caracteriza por:

Forma cuadrada.

Almacenamiento del color.

Posición relativa: depende de los demás píxeles.

Tamaño relativo: depende del área que debe ocupar.

De esta última característica, el tamaño relativo del píxel es de donde parte el término

resolución. La resolución es el número de píxeles que se encuentran en una unidad de

medida. La unidad más utilizada para medir la resolución es el píxel por pulgada (ppi o ppp). Cuanto mayor sea el número de píxeles por pulgada mayor será la resolución.

Si tenemos pocos píxeles por pulgada, estos se verán, por lo que tendremos una imagen poco nítida y con escaso detalle. Es lo que se denomina imagen de baja calidad, pesan muy poco, pero se ven borrosas.

Page 8: Adobe Photoshop CS5 Basico UD 1

Adobe Photoshop CS5 básico Unidad Didáctica n.º 1

Formación sin barreras Pág. 8/16

Como los píxeles son los que marcan la calidad de la imagen, aquella con una resolución muy baja no se debe agrandar.

Al crecer las dimensiones de la imagen los píxeles van creciendo, pero no aumenta en

cantidad, por lo que cada vez veremos cuadraditos más grandes y con menos nitidez. Si aumentamos la resolución en una imagen de baja calidad, no aumentamos la nitidez,

puesto que los píxeles que sumamos siguen tomando la información de los anteriores y, por lo tanto, no se ve mejor.

Podemos deducir que las imágenes de mapas de bits tienen como problema la

escala a mayor, puesto que pierden nitidez. Algo que no pasa con la escala a menor, puesto que los píxeles siguen manteniendo la información.

De ahí que en función del tamaño que queramos para una imagen impresa es

importante determinar la resolución para que esta se vea con nitidez. Para imágenes que se van a imprimir en papel, como periódicos o libros, la resolución

adecuada es de 300-350 ppi. Sin embargo, si la imagen es para pantalla, la resolución adecuada sería de 72 ppi, puesto que los dispositivos de pantalla estándar leen en esa resolución.

Aunque aumentáramos la resolución de la imagen no se vería mejor, pero sí pesaría

más con lo que tardaría más en aparecer por pantalla. De nada sirve una resolución muy alta para un sistema de impresión más bajo, solo

hace que la imagen pese más y el proceso sea muy lento.

Page 9: Adobe Photoshop CS5 Basico UD 1

Adobe Photoshop CS5 básico Unidad Didáctica n.º 1

Formación sin barreras Pág. 9/16

El peso es otro de los defectos de las imágenes de mapas de bits, por lo que veremos que hay formatos que comprimen la imagen para que esta pese menos.

La nitidez de la imagen sería la forma final de visionado o impresión de la misma,

que va a depender de aspectos como la resolución, el modo de color, el soporte en el que se ejecute, etc.

Imágenes vectoriales Ya sabemos que la imagen vectorial está compuesta por vectores que a su vez se

crean a partir de cálculos matemáticos. Esta forma de creación matemática hace que las imágenes vectoriales no tengan

ningún problema en la escala, puesto que se recalcula cada uno de los vectores y el resultado final conserva la nitidez.

Por lo tanto, en este sentido, parece que dan un mejor resultado que los mapas de bits.

Sin embargo, son imágenes mucho menos detalladas, puesto que no ofrecen tanta información de color, posición, etc.

Como consecuencia de dar menos detalle, también pesan menos y se pueden imprimir

con impresoras y soportes más básicos. Otra ventaja de este tipo de imágenes es que su edición es mucho más sencilla e

independiente por elementos. Esto significa que son siempre editables, y en ellas podemos incluir imágenes de mapas de bits.

Page 10: Adobe Photoshop CS5 Basico UD 1

Adobe Photoshop CS5 básico Unidad Didáctica n.º 1

Formación sin barreras Pág. 10/16

Page 11: Adobe Photoshop CS5 Basico UD 1

Adobe Photoshop CS5 básico Unidad Didáctica n.º 1

Formación sin barreras Pág. 11/16

C) Tipos de archivos

Una vez catalogados los tipos de imágenes, pasamos a ver las clases de archivos en los que se almacenan dichas imágenes y en qué ocasiones se suelen utilizar.

Imágenes de mapas de bits

*.jpg: es un tipo de imagen con una gama de colores muy amplia, que pesa muy poco

y se utiliza, sobre todo, para imágenes sólidas en el mundo de la web. *.gif: la característica principal es que se puede utilizar la ausencia de color

(transparente), aunque la gama se reduce mucho y proporciona menos detalle. Por otro lado, pesa muy poco porque es un formato comprimido que utiliza una gama de 256 colores. De esta manera, también se utiliza mucho dentro de la web, sobre todo para imágenes en movimiento o con fondos transparentes.

*.png: es un formato de imagen que nació con el programa Fireworks. Se trata de un

formato que intenta compatibilizar los elementos más eficaces de las imágenes .jpg y .gif. Se utiliza mucho dentro del entorno web.

*.bmp (bit map): es el formato propio de las imágenes de Windows. Es un formato que

pesa mucho y está en retroceso por su mala utilización para la web. *.tiff: es un formato estándar de imágenes de mapas de bits de color verdadero. Es el

más utilizado en papel y artes gráficas. A esto hay que añadir que es el que suelen generar los escáneres a nivel usuario.

*.raw: es el formato utilizado para la fotografía digital. La característica es que recoge

la imagen primaria del objetivo sin hacer ningún tipo de compresión y, por lo tanto, no hay ninguna pérdida. Se puede trabajar directamente en la imagen original. El peso de estas imágenes es muy alto. Además, cada fabricante utiliza extensiones propias, por lo que podemos encontrarnos las siguientes: .crw, .mrw, .nel, .raw o .orw.

*.pict: es un formato propio del entorno Mac utilizado mucho para la transferencia de

archivos gráficos dentro de este entorno. Cuando se genera un pantallazo en Mac, se crea un archivo con este formato.

*.psd: es el formato original de Adobe Photoshop. Nos permite mantener los cambios

realizados en la imagen como capas, trazados, etc.

Page 12: Adobe Photoshop CS5 Basico UD 1

Adobe Photoshop CS5 básico Unidad Didáctica n.º 1

Formación sin barreras Pág. 12/16

Imágenes vectoriales Almacenan imágenes que se han creado sobre la base de vectores o trazados. *.cdr: uno de los primeros formatos vectoriales que aparecieron en el mercado.

Pertenece al programa de edición gráfica Corel Draw.

*.ai: es el tipo de archivo de imagen vectorial de Adobe Illustrator. *.fh: es el tipo de archivo de imagen vectorial de Macromedia Freehand. En el año

2005 Macromedia fue absorbida por Adobe, con lo que el futuro de este programa no se conoce. En realidad, la tendencia del mercado es dejar únicamente como programa vectorial estándar Adobe Illustrator.

*.eps: se trata de un archivo PostScript encapsulado (EPS) que puede contener tanto

gráficos vectoriales como de mapas de bits, y lo admiten prácticamente todos los programas de gráficos. Sería el formato que se utiliza como comodín por las diferentes aplicaciones gráficas vectoriales.

Page 13: Adobe Photoshop CS5 Basico UD 1

Adobe Photoshop CS5 básico Unidad Didáctica n.º 1

Formación sin barreras Pág. 13/16

D) Modos de imagen

Las imágenes se crean a partir de la combinación de diferentes colores que generan una gama. Esta gama es la que va a producir que los gráficos tengan mayor o menor detalle y el aspecto final que nos ofrezcan.

No es lo mismo ver una fotografía en color que en blanco y negro. Un modo de color

son los colores y la forma de combinación que se establece para generar la composición final de la imagen. De esta manera, se pueden establecer diferentes modos de color según la combinación de haces de luz.

RGB-RVZ: se combinan rojo, verde y azul. Es el utilizado para el formato de imagen

*.jpg, porque se utiliza en web y las pantallas tienen ese sistema de combinación de colores.

CMYK-CMAN: se combinan cian, magenta, amarillo y negro. Se utiliza para las

imágenes en artes gráficas, porque son las que utilizan las impresoras y los sistemas de imprenta con tipos como .tiff, .psd, etc. A esto hay que añadir que proporcionan más cantidad de matices por el mayor número de colores que se pueden establecer.

Escala de grises: se estructura por la combinación de 256 tonalidades de gris que van desde el blanco (valor 0) al negro (valor 255). Erróneamente, y de manera coloquial, lo denominan blanco y negro.

Page 14: Adobe Photoshop CS5 Basico UD 1

Adobe Photoshop CS5 básico Unidad Didáctica n.º 1

Formación sin barreras Pág. 14/16

Indexado: utiliza una gama de 256 colores fijos, por lo que su detalle se deteriora. Sin

embargo, se puede utilizar la ausencia de color (en el resto de modos no se puede hacer) y su compresión es muy alta, por lo que pesa muy poco.

Photoshop permite utilizar diferentes tablas de colores para poder generar este

formato: desde el local, que utiliza los colores de la propia imagen, hasta el web, que usa solo los colores que mejor identifican la pantalla.

Si alguno de los colores originales no está recogido en la tabla, se sustituye por el más

parecido, aunque de todas formas se pierde calidad. Es propio del formato *.gif, muy utilizado en la web.

Duotono: este modo nos va a permitir crear imágenes en escala de grises monotonos,

duotonos (dos colores), tritonos (tres colores) y cuadritonos (cuatro colores) utilizando de dos a cuatro tintas personalizadas.

Page 15: Adobe Photoshop CS5 Basico UD 1

Adobe Photoshop CS5 básico Unidad Didáctica n.º 1

Formación sin barreras Pág. 15/16

Los monotonos son imágenes en escala de grises impresas con una tinta única diferente del negro; los duotonos, tritonos y cuadritonos son imágenes en escala de grises impresas con dos, tres y cuatro tintas.

En este tipo de imágenes, las tintas de color se utilizan para reproducir distintos niveles

de gris, más que para reproducir colores diferentes.

Color Lab: está formado por tres componentes:

‒ Un componente de luminosidad (L) que varía entre 0 y 100.

‒ Un componente a (verde-rojo), que en la paleta de Photoshop puede estar comprendido entre +127 y ‒128.

‒ Un componente b (azul-amarillo), que en la paleta de Photoshop puede estar

comprendido entre +127 y ‒128. Es el modelo de color intermedio que utiliza Photoshop al convertir un modo de color a

otro.

Multicanal: utiliza 256 niveles de gris en cada canal. Las imágenes multicanal se

utilizan en impresión especializada.

Page 16: Adobe Photoshop CS5 Basico UD 1

Adobe Photoshop CS5 básico Unidad Didáctica n.º 1

Formación sin barreras Pág. 16/16

Al convertir una imagen CMYK a multicanal crea canales de tinta plana cian, magenta, amarilla y negra. Si convertimos una imagen RGB a multicanal, se crean canales de tinta plana cian, magenta y amarilla.

Mapas de bits: este modo utiliza uno de los dos valores de color: bien el blanco, bien

el negro para representar los píxeles de una imagen.

En la sección “Utilidades” encontraréis bibliografía disponible para el curso Adobe Photoshop CS5 básico.

EJERCICIO PRÁCTICO DE REPASO.

EJERCICIOS TUTORIZADOS.

Ejercicio práctico de repaso y tutorizados de la Unidad didáctica 01 (disponibles en la sección “Trabajos”).