Cefire de Valencia INTRODUCCIÓ A LA CREACIÓ DE MATERIALS DIDÀCTICS MULTIMÈDIA AMB SOFTWARE LLIURE
Teoría de la Imagen digital © Jo.R.C.A.
INTRODUCCIÓ A LA CREACIÓ DE MATERIALS DIDÀCTICS MULTIMÈDIA AMB SOFTWARE LLIURE
1
Elementos Visuales
Imágenes:
Mapa de bits: matriz de puntos que al unirse forman la imagen, se habla también de formatos de trama (raster) Vectoriales: ecuación matemática que representa una imagen y que ofrece una muy alta calidad, ya que permite que sea ampliada hasta el infinito
La imagen vectorial necesita unos pocos bytes, los necesarios para almacenar las tres coordenadas, mientras que la imagen del mapa de bits deberá almacenar todos y cada uno de los píxeles o huecos de la rejilla que conforma el triángulo. Si agrandamos ambas imágenes, la del gráfico vectorial tendrá siempre el mismo tamaño constante, mientras que los píxeles del gráfico del mapa de bits aumentarán el tamaño del archivo.
© Jo.R.C.A.
INTRODUCCIÓ A LA CREACIÓ DE MATERIALS DIDÀCTICS MULTIMÈDIA AMB SOFTWARE LLIURE
2
Formatos de Imágenes Vectoriales:
SVG ( Scalable Vector Graphics) CAD CDR (Corel Draw – Privativo) FT – FH (FreeHand – Privativo) AI (Adobe Ilustrator – privativo) WMF (Windows Meta File)
Mapa de Bits:
© Jo.R.C.A.
Graphics Interchange Format (GIF) Joint Photographics Expert Group (JPEG). Portable Network Graphics (PNG) Tagged Image File Format (TIFF) Portable Document Format (PDF) Windows Bitmap (BMP)
INTRODUCCIÓ A LA CREACIÓ DE MATERIALS DIDÀCTICS MULTIMÈDIA AMB SOFTWARE LLIURE
3
Formatos de Imágenes Imágenes Animadas: rápida sucesión de imágenes estáticas
GIF89a: codificar imágenes múltiples dentro de un archivo. Incluye un máximo de 256
colores y que no soporta audio.
PNM: es una alternativa a los gif's animados SWF: formato contenedor de Flash Macromedia y puede comprender imágenes jpg, gif, png,
vídeos avi, mov, ó imágenes vectoriales propias de este software con capacidad de movimiento
© Jo.R.C.A.
INTRODUCCIÓ A LA CREACIÓ DE MATERIALS DIDÀCTICS MULTIMÈDIA AMB SOFTWARE LLIURE
4
Programas a utilizar
Mapa de bits: −
Vectorial − − −
Inkscape Scribus Dia
Animaciones − −
© Jo.R.C.A.
Gimp
Drawswf Ktoon
INTRODUCCIÓ A LA CREACIÓ DE MATERIALS DIDÀCTICS MULTIMÈDIA AMB SOFTWARE LLIURE
5
Imágenes Bitmap
© Jo.R.C.A.
Pixel: Picture Element (Elemento de Imagen). Tiene tres características distinguibles: forma cuadrada, posición relativa al resto de píxeles de un mapa de bits y profundidad de color (capacidad para almacenar color), que se expresa en bits
INTRODUCCIÓ A LA CREACIÓ DE MATERIALS DIDÀCTICS MULTIMÈDIA AMB SOFTWARE LLIURE
6
Imágenes Bitmap
© Jo.R.C.A.
Tamaño de la imagen: cantidad de píxeles que tiene.
INTRODUCCIÓ A LA CREACIÓ DE MATERIALS DIDÀCTICS MULTIMÈDIA AMB SOFTWARE LLIURE
7
Imágenes Bitmap
© Jo.R.C.A.
Resolución de la imagen: Suele medirse en términos de "pixels por pulgada" (ppi o ppp) y de ella depende tanto la calidad de la representación como el tamaño que ocupa en memoria el archivo gráfico generado
INTRODUCCIÓ A LA CREACIÓ DE MATERIALS DIDÀCTICS MULTIMÈDIA AMB SOFTWARE LLIURE
8
Resolución vs Calidad (datos impresión)
La resolución no es una medida de la calidad de una imagen digital, aunque muy a menudo se utilice para ello; es una medida de nitidez o definición, de forma que cuanto más alta sea, mayor definición y viceversa. La calidad es la conjunción de dos factores: la resolución y el tamaño, y si ambas son elevadas, la calidad también lo será.
© Jo.R.C.A.
INTRODUCCIÓ A LA CREACIÓ DE MATERIALS DIDÀCTICS MULTIMÈDIA AMB SOFTWARE LLIURE
9
Imágenes Bitmap
Profundidad de Color: número de colores que puede contener cada píxel Pofundidad de color 16 bits por pixel
© Jo.R.C.A.
INTRODUCCIÓ A LA CREACIÓ DE MATERIALS DIDÀCTICS MULTIMÈDIA AMB SOFTWARE LLIURE
10
Imágenes Bitmap
Modos de Color: − − − −
Sistema de coordenadas que nos sirve para describir los colores de forma numérica. RGB (rojo, verde y azul) HLS (tono, luminosidad y saturación) CMYK (cian, magenta, amarillo y negro)
En Gimp sólo podemos utilizar los modos RGB, escala de grises (256 niveles de gris) e indexado (número de colores a elegir por el usuario)
© Jo.R.C.A.
INTRODUCCIÓ A LA CREACIÓ DE MATERIALS DIDÀCTICS MULTIMÈDIA AMB SOFTWARE LLIURE
11
Modos de Color (2)
© Jo.R.C.A.
HSB: HSB información que procesa nuestro ojo (tono, saturación y brillo) Tono: Color rojo, azul, .... Saturación: pureza del color (-100& a 100%) Brillo: intensidad de la luz de color (cantidad de negro (-100) o blanco (+100))
INTRODUCCIÓ A LA CREACIÓ DE MATERIALS DIDÀCTICS MULTIMÈDIA AMB SOFTWARE LLIURE
12
Pasamos al Gimp
Ver diapositivas gim1fic_clase4.sxi Abrir el gimp −
© Jo.R.C.A.
procedemos a explicar todas las herramientas del programa
INTRODUCCIÓ A LA CREACIÓ DE MATERIALS DIDÀCTICS MULTIMÈDIA AMB SOFTWARE LLIURE
13