Herramientas Multimedia

V – A/B
Ing. Manuel Altamirano Toledo
 Herramientas Multimedia

Logro de la Al finalizar la unidad, utiliza

creativamente software
Unidad 02 especializado.
 Edición de Imágenes y Gráficos

Logro de la Al finalizar la sesión, Conoce como

se realiza la edición de imágenes y
Sesión 02 gráficos mediante técnicas
profesionales.
Agenda
Sesión 02
1. Imágenes Vectoriales
2. Imágenes de Mapa de Bits
3. Resolución de Imágenes
4. Transparencia
5. Capas
6. Formatos de Imagen

Ing. Manuel Altamirano

 Imagenes
Vectoriales
Las imágenes vectoriales están formadas por vectores,
que son objetos formados matemáticamente. Estos
vectores están definidos por su posición, color, etc.
Las imágenes vectoriales tienen la ventaja de que pueden
ser ampliadas o reducidas sin perder calidad. Su
visibilidad es la misma en pantalla o en formato impreso
independientemente del tamaño. 
Este formato de imagen se emplea principalmente en
gráficos, tipografías, diseño publicitario o videojuegos.
La desventaja es que este formato no permite representar
con realismo imágenes complejas como una fotografía.
Veamos un ejemplo:

Ing. Manuel Altamirano

Imagenes Mapas
de Bits
Las imágenes de mapa de bits, son conocidas también
como matriciales, bitmap, o ráster. Están formadas por
una matriz de puntos de color llamados pixels.Al estar
formadas por puntos, una mayor cantidad de puntos
indica una mayor calidad de imagen.

Veamos un ejemplo:

Ing. Manuel Altamirano

Resolución de
Imagenes
La calidad de una imagen de mapa de bits se mide mediante su resolución, es de decir, su tamaño en
píxeles (puntos de color).

Las imagenes con un mayor número de ppp (pixel por pulgada) permitirán ampliar la imagen con menor
pérdida de calidad, mientras que una con menos ppp aparecerá completamente pixelada en cuanto
intentemos ampliarla.

Para tener una referecia, podemos decir que una calidad baja equivale por ejemplo a 72px, calidad media
150px y alta calidad 300px. En el enlace que hay en "Para saber más" encontrarás varios ejemplos.

Atención, no se debe confundir Píxeles por Pulgada (en inglés pixels per inch, ppi) con Puntos por Pulgada
(en inglés dot per inch, dpi). Los Puntos por pulgada es una medida de impresión. Es una confusión
habitual, ya que en castellano la abreviatura es la misma (ppi).

Ing. Manuel Altamirano

Transparencia
Otro concepto ligado a la imagen digital es la transparencia. Las imágenes con un fondo blanco y aquellas
con un fondo transparente a menudo parecen iguales, pero no lo son. Cuando colocamos la imagen sobre
un fondo de color, apreciamos la diferencia.

Ing. Manuel Altamirano

Capas
Las capas en una imagen son simplemente imágenes superpuestas. La mayor ventaja de usar imágenes o
partes de una imagen colocadas en distintas capas es que podemos manejar cada una de manera
independiente, mostrando u ocultando la capa, cambiando el número de colores, etc. Podemos imaginar
las capas como láminas de acetato transparente, iguales a las que se utilizaban hace tiempo para hacer
presentaciones.

Ing. Manuel Altamirano

Formatos de Imagen
En el siguiente cuadro podemos ver las características de algunos de los formatos más utilizados. Vamos a
comentarlos uno a uno.

BMP: Es el formato de mapa de bits original. Su capacidad de compresión es muy limitada, y por tanto tiende a
ser muy pesado. Apenas se utiliza hoy día.

GIF: Su principal característica es que permite guardar varios "frames" o imágenes en el archivo creando un
efecto animado. Permite compresión y transparencia, lo que lo hace útil para utilizarlo en la web. Actualmente
está siendo sustituído por png.

JPEG: Permite un grado de compresión ajustable, perdiendo calidad a medida que se aumenta la compresión por
tanto se baja su peso en kilobytes. No permite transparencias.

PNG: Permite compresión sin pérdida, y uso de transparencias, lo que lo hace un buen "heredero" del gif como
formato web.

PSP/PSD: PSP es el formato nativo de Paint Shop Pro y PSD es el formato nativo de Photoshop. Ambos permiten
trabajar con capas.

Ing. Manuel Altamirano

Formatos de Imagen
Es fundamental guardar un archivo en el formato nativo de nuestro editor de imágenes (psp si utilizamos
PaintShop Pro) ya que es el único formato que nos permitirá trabajar con capas. Si queremos utilizar la
imagen en la web, podemos guardar una copia en formato png, que será el que mejor se adapte para ese
propósito. El formato jpg es el que permite una mayor compresión de la imagen, pero a costa de cierta
pérdida de calidad.

Tipo Compresión
Transparencia Capas Animación Soporte Internet

 BMP  No  No  No  No No

 Sí
 GIF  Sí  No  Sí Sí

 JPEG  No  Sí  No  No Sí

 PNG  Sí  Sí  No  No Sí
 PSP/PSD  Sí  Sí  Sí  No No

Ing. Manuel Altamirano

 Proceso Digital
Los gráficos de computadora se dividen en dos
categorías principales: gráficos vectoriales e imágenes
de mapa de bits. Comprender la diferencia entre
ambos facilita la creación, edición e importación de
ilustraciones.

En Illustrator, el tipo de imagen gráfica puede influir

considerablemente en el flujo de trabajo. Por ejemplo,
algunos formatos de archivo sólo admiten imágenes
de mapa de bits y otros sólo admiten gráficos
vectoriales. Los tipos de imagen gráfica resultan
especialmente importantes al importar o exportar
imágenes gráficas en Illustrator. Las imágenes de
mapa de bits enlazadas no se pueden editar en
Illustrator. Los formatos gráficos también afectan al
modo en que se aplican los comandos y los filtros
sobre las imágenes; algunos filtros de Illustrator sólo
funcionan con imágenes de mapa de bits.

Ing. Manuel Altamirano

Programas
Ilustracion
Coma ya mencionamos anteriormente;
en la actualidad existen varios
softwares para el dibujo e ilustración
por computadora, los cuales trabajan
por medio de vectores, entre estos
destacan tres principalmente; Illustrator
y CorelDraw.

CRD Corel Draw

AI Illustrator

EPS Formato de Vectorial

Ing. Manuel Altamirano

Dimensiones por
Pixeles
El número de píxeles que constituyen la altura y la
anchura de una imagen de mapa de bits. El tamaño
de una imagen en pantalla se determina por las
dimensiones de los píxeles de la imagen y el tamaño
y ajustes del monitor. El tamaño de un archivo de
imagen es proporcional a las dimensiones de sus
píxeles.
Un monitor normal de 21 pulgadas muestra 1.152
píxeles horizontalmente y 870 verticalmente. Una
imagen con dimensiones de píxeles de 1.152 por 870
llenaría esta pequeña pantalla.

Ing. Manuel Altamirano

 Resolución de
Imagen
El número de píxeles mostrados por unidad de longitud impresa de una imagen, se mide normalmente en
píxeles por pulgada (ppp). Una imagen de alta resolución contiene más píxeles y, por consiguiente, más
pequeños, que una imagen de las mismas dimensiones pero de baja resolución. Por ejemplo, una imagen de
1 por 1 pulgada con una resolución de 72 ppp contiene un total de 5.184 píxeles (72 píxeles de ancho por 72
de alto = 5.184). La misma imagen con una resolución de 300 ppp contendría un total de 90.000 píxeles.
Las imágenes de alta resolución, al utilizar más píxeles para representar cada unidad de área, normalmente
reproducen más detalles y transiciones de color más sutiles que las imágenes de baja resolución cuando se
imprimen. Sin embargo, cuando una imagen se ha escaneado o creado a una resolución baja, incrementar la
resolución no suele mejorar la calidad de la imagen, ya que se extiende la información de píxeles original a
un número mayor de píxeles.

Ing. Manuel Altamirano

Ing. Manuel Altamirano
 Resolución de
Monitor
El número de píxeles o puntos mostrados por unidad
de longitud en el monitor, normalmente medidos en
puntos por pulgada (dpi, del inglés dots per inch). La
resolución del monitor depende del tamaño del mismo
y de su ajuste de píxeles. Un monitor de PC o Mac OS
puede oscilar entre 60 y 133 dpi. Comprender la
resolución del monitor facilita la explicación de la
diferencia entre el tamaño de visualización en pantalla
de una imagen y su tamaño impreso.

Ing. Manuel Altamirano

 Resolución de
Impresora
El número de puntos de tinta por pulgada (dpi)
producido por un sistema de exposición o impresora
láser. Para obtener los mejores resultados, utilice una
resolución de imagen proporcional, aunque no la
misma, a la resolución de la impresora. La mayoría de
las impresoras láser tienen una resolución de salida de
600 a 1.200 dpi y producen resultados óptimos con
imágenes entre 72 ppp y 185 ppp.
Los sistemas de exposición de alta calidad imprimen a
1.200 dpi o más y producen resultados óptimos con
imágenes de 200 ppp a 350 ppp.

Ing. Manuel Altamirano

 Rasterización

Proceso de codificación de datos espaciales cuyo resultado es la incorporación de la información a

una estructura de datos raster.
En Dibujo por computadora la podemos definir como; convertir las entidades de dibujo vectorial en
imágenes de mapa de bits, se puede elegir la resolución, y el modo de color RGB o CMYK .
Además crea una máscara automática para que se vean los objetos que haya detrás .

Ing. Manuel Altamirano

Ing. Manuel Altamirano