ADOBE PHOTOSHOP CS5 BSICO

Unidad Didctica n. 1

Adobe Photoshop CS5 bsico

Unidad Didctica n. 1

La imagen
A) Formato de imgenes
B) Caractersticas de la imagen
Resolucin y nitidez
C) Tipos de archivos
Uso de la imagen
D) Modos de imagen

Ejercicio de repaso

Formacin sin barreras

Pg. 2/16

Adobe Photoshop CS5 bsico

Unidad Didctica n. 1

La imagen
A) Formato de imgenes

Adobe Photoshop CS5 es la aplicacin de edicin grfica y retoque fotogrfico ms

extendida en el mundo profesional.
Lo primero que debemos conocer es que no todas las imgenes tienen la misma
composicin y, por lo tanto, su tratamiento va a ser diferente.
Bsicamente, podemos catalogar las imgenes segn su composicin en: imgenes
de mapas de bits o imgenes vectoriales.
Imgenes vectoriales
Las imgenes vectoriales estn compuestas por vectores.
Un vector es un elemento matemtico que se forma por la unin de dos puntos
denominados nodos y que crean curvas o rectas.

Estas lneas tambin se denominan curvas Bzier en honor de Pierre Bzier, quien
ide el mtodo de descripcin matemtica de las curvas, que se comenz a utilizar con xito en
los programas de CAD. Estos son programas de diseo lineal muy utilizados para la creacin
de piezas, mobiliario, interiorismo, etc.

Formacin sin barreras

Pg. 3/16

Adobe Photoshop CS5 bsico

Unidad Didctica n. 1

Como resultado de su composicin lineal se trata de imgenes muy limpias, pero sin
demasiado detalle (es el propio de los cmics, los logotipos, etc.). Tambin se utilizan como
aplicacin de texto.

Imgenes de mapas de bits

Este tipo de imgenes estn compuestas por una red de puntos denominados
pxeles.
Los pxeles son la unidad bsica de informacin de la imagen, que nos ofrece la
posicin, el color, etc.

Formacin sin barreras

Pg. 4/16

Adobe Photoshop CS5 bsico

Unidad Didctica n. 1

La visin global de esta malla es lo que genera la imagen individual, en la que no se

aprecian los pxeles que la forman.
Es una imagen que muestra gran detalle, y por eso se utiliza mucho dentro del campo
de la fotografa, la publicidad, etc.

Formacin sin barreras

Pg. 5/16

Adobe Photoshop CS5 bsico

Formacin sin barreras

Unidad Didctica n. 1

Pg. 6/16

Adobe Photoshop CS5 bsico

Unidad Didctica n. 1

B) Caractersticas de la imagen
Como hemos visto en el punto anterior, existen dos tipos de imgenes diferenciadas
por su composicin vectorial o pixelada.
Esta diferencia hace que tengan caractersticas distintas.
Imgenes de mapas de bits
La base de las imgenes de mapas de bits es el pxel, que se caracteriza por:

Forma cuadrada.

Almacenamiento del color.

Posicin relativa: depende de los dems pxeles.

Tamao relativo: depende del rea que debe ocupar.

De esta ltima caracterstica, el tamao relativo del pxel es de donde parte el trmino
resolucin.
La resolucin es el nmero de pxeles que se encuentran en una unidad de
medida. La unidad ms utilizada para medir la resolucin es el pxel por pulgada (ppi o ppp).
Cuanto mayor sea el nmero de pxeles por pulgada mayor ser la resolucin.

Si tenemos pocos pxeles por pulgada, estos se vern, por lo que tendremos una
imagen poco ntida y con escaso detalle. Es lo que se denomina imagen de baja calidad, pesan
muy poco, pero se ven borrosas.

Formacin sin barreras

Pg. 7/16

Adobe Photoshop CS5 bsico

Unidad Didctica n. 1

Como los pxeles son los que marcan la calidad de la imagen, aquella con una
resolucin muy baja no se debe agrandar.
Al crecer las dimensiones de la imagen los pxeles van creciendo, pero no aumenta en
cantidad, por lo que cada vez veremos cuadraditos ms grandes y con menos nitidez.
Si aumentamos la resolucin en una imagen de baja calidad, no aumentamos la nitidez,
puesto que los pxeles que sumamos siguen tomando la informacin de los anteriores y, por lo
tanto, no se ve mejor.
Podemos deducir que las imgenes 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 pxeles siguen manteniendo la informacin.

De ah que en funcin del tamao que queramos para una imagen impresa es
importante determinar la resolucin para que esta se vea con nitidez.
Para imgenes que se van a imprimir en papel, como peridicos o libros, la resolucin
adecuada es de 300-350 ppi. Sin embargo, si la imagen es para pantalla, la resolucin
adecuada sera de 72 ppi, puesto que los dispositivos de pantalla estndar leen en esa
resolucin.
Aunque aumentramos la resolucin de la imagen no se vera mejor, pero s pesara
ms con lo que tardara ms en aparecer por pantalla.
De nada sirve una resolucin muy alta para un sistema de impresin ms bajo, solo
hace que la imagen pese ms y el proceso sea muy lento.

Formacin sin barreras

Pg. 8/16

Adobe Photoshop CS5 bsico

Unidad Didctica n. 1

El peso es otro de los defectos de las imgenes 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 sera la forma final de visionado o impresin de la misma,
que va a depender de aspectos como la resolucin, el modo de color, el soporte en el que se
ejecute, etc.
Imgenes vectoriales
Ya sabemos que la imagen vectorial est compuesta por vectores que a su vez se
crean a partir de clculos matemticos.
Esta forma de creacin matemtica hace que las imgenes vectoriales no tengan
ningn 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 imgenes mucho menos detalladas, puesto que no ofrecen tanta informacin
de color, posicin, etc.
Como consecuencia de dar menos detalle, tambin pesan menos y se pueden imprimir
con impresoras y soportes ms bsicos.
Otra ventaja de este tipo de imgenes es que su edicin es mucho ms sencilla e
independiente por elementos. Esto significa que son siempre editables, y en ellas podemos
incluir imgenes de mapas de bits.

Formacin sin barreras

Pg. 9/16

Adobe Photoshop CS5 bsico

Formacin sin barreras

Unidad Didctica n. 1

Pg. 10/16

Adobe Photoshop CS5 bsico

Unidad Didctica n. 1

C) Tipos de archivos
Una vez catalogados los tipos de imgenes, pasamos a ver las clases de archivos en
los que se almacenan dichas imgenes y en qu ocasiones se suelen utilizar.
Imgenes 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 imgenes slidas en el mundo de la web.
*.gif: la caracterstica 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, tambin se utiliza mucho dentro de la web, sobre todo para imgenes 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 ms eficaces de las imgenes .jpg y .gif. Se
utiliza mucho dentro del entorno web.
*.bmp (bit map): es el formato propio de las imgenes de Windows. Es un formato que
pesa mucho y est en retroceso por su mala utilizacin para la web.
*.tiff: es un formato estndar de imgenes de mapas de bits de color verdadero. Es el
ms utilizado en papel y artes grficas. A esto hay que aadir que es el que suelen generar los
escneres a nivel usuario.
*.raw: es el formato utilizado para la fotografa digital. La caracterstica es que recoge
la imagen primaria del objetivo sin hacer ningn tipo de compresin y, por lo tanto, no hay
ninguna prdida. Se puede trabajar directamente en la imagen original. El peso de estas
imgenes es muy alto. Adems, 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 grficos 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.

Formacin sin barreras

Pg. 11/16

Adobe Photoshop CS5 bsico

Unidad Didctica n. 1

Imgenes vectoriales
Almacenan imgenes 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 edicin grfica 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 ao
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
estndar Adobe Illustrator.
*.eps: se trata de un archivo PostScript encapsulado (EPS) que puede contener tanto
grficos vectoriales como de mapas de bits, y lo admiten prcticamente todos los programas de
grficos. Sera el formato que se utiliza como comodn por las diferentes aplicaciones grficas
vectoriales.

Formacin sin barreras

Pg. 12/16

Adobe Photoshop CS5 bsico

Unidad Didctica n. 1

D) Modos de imagen
Las imgenes se crean a partir de la combinacin de diferentes colores que generan
una gama. Esta gama es la que va a producir que los grficos tengan mayor o menor detalle y
el aspecto final que nos ofrezcan.
No es lo mismo ver una fotografa en color que en blanco y negro. Un modo de color
son los colores y la forma de combinacin que se establece para generar la composicin final
de la imagen. De esta manera, se pueden establecer diferentes modos de color segn la
combinacin 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 combinacin de colores.

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

imgenes en artes grficas, porque son las que utilizan las impresoras y los sistemas de
imprenta con tipos como .tiff, .psd, etc. A esto hay que aadir que proporcionan ms cantidad
de matices por el mayor nmero de colores que se pueden establecer.

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

Formacin sin barreras

Pg. 13/16

Adobe Photoshop CS5 bsico

Unidad Didctica n. 1

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
compresin 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 ms
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 imgenes en escala de grises monotonos,
duotonos (dos colores), tritonos (tres colores) y cuadritonos (cuatro colores) utilizando de dos a
cuatro tintas personalizadas.

Formacin sin barreras

Pg. 14/16

Adobe Photoshop CS5 bsico

Unidad Didctica n. 1

Los monotonos son imgenes en escala de grises impresas con una tinta nica
diferente del negro; los duotonos, tritonos y cuadritonos son imgenes en escala de grises
impresas con dos, tres y cuatro tintas.
En este tipo de imgenes, las tintas de color se utilizan para reproducir distintos niveles
de gris, ms que para reproducir colores diferentes.

Color Lab: est formado por tres componentes:

Un componente de luminosidad (L) que vara 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 imgenes multicanal se
utilizan en impresin especializada.

Formacin sin barreras

Pg. 15/16

Adobe Photoshop CS5 bsico

Unidad Didctica n. 1

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 pxeles de una imagen.
En la seccin Utilidades encontraris bibliografa disponible para
el curso Adobe Photoshop CS5 bsico.
EJERCICIO PRCTICO DE REPASO.
EJERCICIOS TUTORIZADOS.
Ejercicio prctico de repaso y tutorizados de la Unidad didctica 01
(disponibles en la seccin Trabajos).

Formacin sin barreras

Pg. 16/16