3.4.

Imágenes

Diapo1
La imagen es uno de los elementos básicos de una composi
ción de diseño gráfico. Junto con los textos y en el formato de
página que los delimita, conforman la composición gráfica.
Dejando a un lado aspectos morfológicos o semánticos de la
imagen gráfica, se centrará la atención en las cuestiones
técnicas que afectan a su impresión.

Diapo2
Para integrar las imágenes en el diseño éstas deben ser digi
tales. Las imágenes pueden tener procedencia analógica (fc
tografia analógica, impreso, diapositiva, ilustración, etc.) que
para digitalizarse se tengan que escanear, o bien ser ya
archivos digitales (fotografia digital, ilustración digital en
mapa de bits o vectorial, etc.).

Las imágenes digitales, codificadas mediante código binario.

se pueden dividir en dos grandes grupos en función de su
descripción informática. Imágenes Vectoriales y de Mapa de
Bits.

Diapo3
IMAGENES VECTORIALES
Son imágenes digitales almacenadas mediante formulas
matemáticas que describen su geometría. El resultado es
una serie de objetos gráficos independientes entre ellos que
se definen por puntos en coordenadas, y vectores que unen
estos puntos.

Hay varias maneras de codificar una imagen a partir de

vectores. La más extendida entre los programas y los formatos
de archivo de gráficos vectoriales es la que se basa en las
curvas de Bézier. Los objetos Bézier son segmentos de línea
conectados entre si por nodos o puntos de anclaje que crean
objetos con Los riodos son puntos de anclaje rectas y curvas,
con contornos abiertos o cerrados.

La vectorización es el proceso por el cual una imagen

descrita en un formato gráfico de mapa de bits se convierte
en una imagen vectorial.

Ejercicio: Vectorizar una imagen de mapa de bits. Buscamos

una imagen en internet, abrimos en illustrator > colocar >
click en la imagen > calco de imagen > opciones de
vectorizado.

Sobre las curvas Bezier: Pierre Bezier ideó en 1960 un metodo

de descripción matemática de las curvas que se comenzó a
utilizar con exito en los programas de dibujo técnico.

Ejercicio: Dibujar con la herramienta pluma una línea,

explicar brevemente los nodos y curvaturas.

Diapo 4
IMAGENES DE MAPA DE BITS

Son imágenes digitales almacenadas mediante una matriz

de dos dimensiones (ancho x alto) formada por píxels. La
información se describe punto por punto dividiendo la imagen
en casillas cuadradas que forman una especie de retícula.

Cada casilla de la retícula es un píxel, del que se conoce la

posición y al que se le asigna un valor correspondiente a su
color. El tamaño de la retícula y la cantidad de casillas
deter mina la calidad de la imagen: la resolución. El
número de bits usados para la codificación de color de cada
píxel del gráfico determina el número máximo de colores que
puede tener la imagen: la profundidad de pixel.

La rasterización es el proceso por el cual una imagen

descrita en un formato gráfico vectorial se convierte en un
conjunto de pixels.

Ejercicio: Rasterizar una imagen vectorial. Abrimos illustrator

y dibujamos una forma con la herramienta pluma> objeto>
rasterizar.
Diapo5
La resolución es la cantidad de elementos independientes de
imagen (pixels) que hay por unidad de longitud (cm. o pul
gadas). Se expresa como ppp (píxels por pulgada), ppi
(pixels per inch) o dpi (dots per inch). Cuanta mayor es la
resolución de una imagen, más peso tiene; es decir, más
espacio ocupa en el ordenador.

A veces la resolución de las imágenes también se expresa

indicando la cantidad de píxels que contiene cada lado de la
imagen. Una imagen de 800 x 600 píxels tiene 800 pixels en
su lado horizontal y 600 en el lado vertical, es decir, en toda
su superficie contiene 480.000 píxels (800 x 600 = 480.000).

Cuanto mayor sea el número de pixels por pulgada menor es

el tamaño del pixel y más detalle puede tener la imágen.

Al crear un archivo nuevo en un programa de tratamiento de

imágenes es imprescindible escoger la resolución a la que se
va a trabajar así como el tamaño de la imagen.

Ejercicio: haz que los chavales abran un nuevo archivo en Ph.

y den diferentes resoluciónes al lienzo. con un pincel colerean.
1º lienzo de 10px x 10px resolución 5ppp.
2º con la herramienta lapiz dibujan una forma simple
Diapo 6
LA RESOLUCIÓN OPTIMA
La resolución óptima de una imagen digital es la resolución
que debe tener al tamaño final de reproducción (100%) para
asegurar su correcta impresión. Depende de la lineatura de la
trama en la que se imprima y ésta depende, a su vez, del
sistema de impresión y del tipo de papel que se emplee.

Trabajar con menos resolución que la óptima provoca

problemas de pixelado y trabajar con más resolución de la
cuenta provoca arhcivos innecesariamente pesados.

Para calcular la resolución óptima que debe tener una ima gen
en su tamaño final de reproducción se usa la siguiente fórmula:

Lineatura de la trama x 2 = Resolución óptima

¿que es la lineatura de la trama? Es la cantidad de puntos de

trama que hay pun unidad de longitud.

Diapo 7
FACTOR DE REPRODUCCIÓN
Al manejar la resolución de una imagen no se puede olvidar
si la imagen original (obtenida mediante el dispositivo de en
trada que sea) se va a ampliar o reducir en la composición
final.

Si una imagen se amplia al doble de su tamaño original

precisa el doble de su resolución óptima, mientras que si una
imagen se va a reducir a la mitad de su tamaño original
precisa la mitad de su resolución óptima al ser captada.

por ejemplo Una imagen de 4 pixels por pulgada al ser

ampliada al doble de su tamaño tendrá la mitad de su
resolución: 2 pixels por pulgada. Los pixels se verán más
grandes

Diapo 8
REMUESTREO E INTERPOLACIóN

El remuestreo consiste en alterar la cantidad de datos de la

imagen al cambiar las dimensiones en píxels o la resolución
de la misma.
Al disminuir la resolución (reducir el número de píxels), se
borra información de la imagen. Si aumenta la resolución,
(aumenta la cantidad de píxels), se añaden nuevos pixel, lo
que se conoce por interpolación.
Ejercicio remuestreo de imagen

Abrimos imagen skater-.jpg

Imagen > tamaño de imagen. Aquí enseñamos el panel.

Quitamos Remuestrear y cambiamos la resolución a 300ppp

observamos que el tamaño y el peso del archivo cambia pero

la imagen se muestra igual YA QUE TIENE LA MISMA
INFORMACIÓN Y CANTIDAD DE PIXELES POR
PULGADA

¿qué pasa si dejamos remuestreo?

Si le damos menor resolcuión de 72 ppp

> QUE PIERDO INFORMACIÓN. Y luego no podré volver a
recuperarla.

Si le damos mayor resolución de 300pp

SE INVENTA LOS PIXELES. por ello no es buena opción si
se quiere obtener una imagen de gran calidad.
DIAPO9

PROFUNDIDAD DE PíXEL (MAPA DE BITS)

La cantidad de colores que puede tener una imagen en

mapa de bits la determina la cantidad de información
utilizada para representar cada pixel de la imagen. A esta
información se la conoce como profundidad de color del
píxel o profundidad del píxel.

Las posibilidades de codificar información de color dependen

del número de bits que se dedican a describir cada píxel de
la imagen. Una imagen que disponga de un número de bits
más alto tiene más posibilidades cromáticas y a su vez tiene
más peso, es decir, ocupa más memoria de almacenamiento en
el ordenador.

Según la profundidad del píxel se puede clasificar las imáge

nes en:

Monocromáticas, de línea o pluma.

Imágenes de un solo color. El valor de cada píxel solamente
puede tener valor de lleno o vacío (1 bit por píxel)

Escala de grises
Son imágenes en blanco y negro con gradaciones tonales que
pasan por distintos tonos de gris. El valor de cada píxe varía
gradualmente en 256 intensidades de grises, desde e pogre
basta llegar al blanco (8 bits por píxel).

Duotono
Son imágenes que utilizan dos colores. El valor del pixel res
ponde a la combinación de los 256 tonos de cada uno de los 2
canales que componen la imagen. (8 bits por pixel x 2
canales= 16 bits por pixel)

Color RGB
Son imágenes que utilizan 3 canales para su descripción. El
valor de cada pixel responde de la combinación de los 256
tonos de cada uno de los 3 canales (R, Gy B) que componen la
imagen. (8 bits por píxel x 3 canales = 24 bits por pixel)

Color CMYK

El valor de cada píxel responde de la combinación de los 256

tonos de cada uno de los cuatro canales (C, M, Y y K) que
componen la imagen. (8 bits por píxel x 4 canales = 32 bits
por píxel

El canal alfa es un canal adi cional que añade informa ción

acerca de la transparen cia de la imagen.

DIAPO10
FORMATOS DE IMAGEN DIGITAL
Los formatos de imagen se pueden clasificar mediante
distintos parámetros.

1.- Según la descripción informática:

Vectoriales: utilizan curvas de Bézier.
Mapa de bits: la describen mediante píxels.
Metaficheros: combinan imágenes vectoriales, mapa de
bits y tipografía.

2.- Según la compatibilidad con diversas aplicaciones:

Nativos o propios: solamente se usan en una
aplicación.
Compatibles: se pueden usar en más de una aplicación.

3.- Según la compresión de la información:

Sin compresión: no tienen ningún tipo de compresión.
Comprimidos: se les ha aplicado algún tipo de
compresión para disminuir su peso, es decir, el espacio
que ocupa en el ordenador.
1. Sin pérdida: la compresión no provoca la pérdida de
 información.
2. Con pérdida: la compresión provoca la pérdida de
información.

DIAPO 11

FORMATOS MÁS FRECUENTES

Comentar pantalla

EJERCICIO SKATER

Un cliente que soy yo quiero preparar esta foto para hacer

postales y ponerlo en mi tienda. Voy a reproducir 100
ejemplares de 12 cm de alto 18 de ancho a 300ppp. Prepararé
el archivo para impresión en CMYK y lo guardaré en un
formato compatible para imprimir sin compresión ni pérdida.
<<<< TIFF

y además lo voy a poner como cabecera de mi tienda online

así que necesito también la imagen a un tamaño de 1024
pixeles de anchura y lo guardaré con un formato de mapa de
bits compatible con compresión pero sin pérdida <<<< PNG