Page 1

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

Diapositivas de Teoria de Imagen digital  

Diapositivas de imagen digital traspasadas de formato pdf a flash

Read more
Read more
Similar to
Popular now
Just for you