Contenidos básicos de multimedia, tipos de ángulos y planos e las imágenes.

2. Multimedia
El término Multimedia en el mundo de la computación
es la forma de presentar información que emplea una combinación de texto,
sonido,
imágenes, vídeo y animación.
Principios básicos
1. Definir el mensaje clave: Saber qué se quiere decir. Para eso es
necesario conocer al cliente y pensar en su mensaje comunicacional.
2. Conocer al público: Buscar qué le puede gustar al público para que
interactúe con el mensaje.
3. Desarrollo o guion: Es el momento de la definición de la Game-play:
funcionalidades, herramientas para llegar a ese concepto.
4. Creación de un prototipo: En multimedia es muy importante la creación
de un prototipo que no es sino una pequeña parte o una selección para
testear la aplicación. De esta manera el cliente ve, ojea, interactúa…
5. Creación del producto: En función de los resultados del testeo del
prototipo, se hace una redefinición y se crea el producto definitivo, el
esquema de la multimedia.

3. Elementos de
la
comunicación
Emisor: Aquél que
transmite la
información (un
individuo, un grupo
o una máquina).
Receptor: Aquél, individual
o colectivamente, que recibe
la información. Puede ser
una máquina.
Código: Conjunto o sistema
de signos que el emisor
utiliza para codificar el
mensaje.
Código: Conjunto o
sistema de signos que el
emisor utiliza para codificar
el mensaje.
Canal: Elemento físico por
donde el emisor transmite la
información y que el receptor
capta por los sentidos
corporales.
Mensaje: La propia
información que el emisor
transmite.
Contexto: Circunstancias
temporales, espaciales y
socioculturales que rodean el
hecho o acto comunicativo y que
permiten comprender el mensaje
en su justa medida.

4. Parámetros que debe considerar en la imagen y
en el sonido digital
Resolución de imagen .- Es el grado de detalle o calidad de una imagen digital ya sea
escaneada, fotografiada o impresa. Este valor se expresa en ppp (píxeles por pulgada) o en inglés
dpi (dots per inch). Cuantos más píxeles contenga una imagen por pulgada lineal, mayor calidad
tendrá.
Profundidad de color.- La profundidad de color se refiere al número de bits necesarios para codificar y guardar
la información de color de cada píxel en una imagen. Un bit es una posición de memoria que puede tener el valor
0 ó 1. Cuanto mayor sea la profundidad de color en bits, la imagen dispondrá de una paleta de colores más
amplia. Se utiliza 1-bit para imágenes en blanco/negro, sin grises (0=color negro, 1= color blanco), 2-bits = 4
colores (00=color negro, 01=color X, 10=color Y, 11=color blanco), 3-bits = 8 colores, ..., 8-bits = 256 colores, ...,
24- bits = 16.7 millones de colores.
Modos de color .- Llamamos modo de color al sistema de coordenadas que nos permiten
describir el color de cada píxel utilizando valores numéricos.

5. Parámetros
de debe
considerarse
en el sonido
digital
Frecuencia de muestreo:
Es la cantidad de muestras de
sonido capturadas en cada
segundo. Su valor puede
oscilar entre 8 Khz (8.000
muestras en cada segundo) y
48 Khz.
Mono / estéreo:
El sonido pude grabarse en
un solo canal (mono) o en
dos (estéreo).
Precisión de las muestras:
Nos indica la escala de bits
que se ha utilizado para
guardar el sonido. Pueden
ser 8 bits (256 valores
posibles) o 16 bits (más de
65.000 valores posibles).

6.  Debemos combinar estos tres parámetros de forma
coherente a los resultados que queramos obtener,
pues tanto la calidad del sonido como el espacio
que ocupe el fichero dependerá de ellos.
 Así, por ejemplo, si queremos conseguir una
calidad estándar de CD deberemos seleccionar una
frecuencia de 44 Khz, una precisión de 16 bits y
calidad estéreo.
 En cambio, si simplemente lo que queremos es
grabar una voz, con 11 Khz, 8 bits y calidad mono
será suficiente.
 Es importante saber escoger los parámetros
adecuados en cada caso, pues la calidad CD
ocupa unas 10 ó 12 veces más espacio en el
disco duro que la calidad voz.

7. Herramientas para a edición de imágenes y
sonido.
EDITORES ONLINE DE IMÁGENES
Editor online de fotografías
similar a photoshopEnlace a
artículo
Editor online de fotografías
similar a photoshop
Editor de fotos online

9. Pixel
La palabra píxel surgió hace años como acrónimo del concepto en inglés
"Picture Element", que en castellano significa elemento de imagen, y
consiste básicamente en la más pequeña unidad homogénea en color que
compone la imagen digital.
.

10. Resolución de imagen
La resolución de la imagen, es la cantidad de píxeles. La resolución se utiliza
también para clasificar casi todos los dispositivos relacionados con las imagen
digital ya sean pantallas de ordenador o televisión, impresoras, escáneres,
cámaras, etc.
La resolución expresa el número de píxeles que
forman una imagen de mapa de bits. La calidad de
una imagen, también depende de la resolución
que tenga el dispositivo que la capta.
El número de píxeles
que contenga una imagen dependen de cuántos
píxeles utilice el sensor CCD de la cámara para
captar la imagen.

11. Profundidad de color
Cuando se habla de profundidad de color, el concepto se refiere
puntualmente a la forma de codificación de cada uno de los pixeles que
conforman una imagen, y que en definitiva brinda la posibilidad de lograr una
completa gama de
tonalidades.
Para ello, en las imágenes de mapa
de bits cada uno de los pixeles es
Codificado individualmente por
intermedio de un conjunto de bits de
longitud determinada.

12. Modos de color
Es el contenedor donde colocamos la información sobre cada píxel de
una imagen. Así, podemos guardar una cantidad pequeña de datos
de color en un contenedor muy grande, pero no podremos almacenar
una gran cantidad de datos de color en un contenedor muy pequeño.
El modo de color determina el modelo de color que se utiliza para
mostrar en pantalla e imprimir las imágenes
Modelos más frecuentes
 HSB (hue,saturation, brightness, tono,
saturación, brillo.
 RGB (red, green, blue, rojo, verde, azul).
 CMYK(cyan, magenta, yellow, black, cian,
magenta, amarillo, negro).
 CIE Lab.

13. Modo monocromático. Se corresponde con una profundidad de color de 1 bit. La imagen
está formada por píxeles blancos o píxeles negros puros.
Modo Escala de Grises. Maneja el canal negro y permite 256 tonos de gris entre el blanco
y negro puros.
Modo Color indexado. Utiliza un canal de color indexado de 8 bits pudiendo obtener con
ello hasta un máximo de 256 colores (28)
Modo RGB. Cada color se forma por combinación de tres canales. Cada canal se
corresponde con un color primario: Red (rojo), Green (verde), y Blue (azul). Asigna un valor
de intensidad a cada color que oscila entre 0 y 255. De la combinación surgen hasta 16,7
millones de colores. Ejemplo: El valor R:255, G:0, B:0 representa al color rojo puro.
Modo HSB. Cada color surge de los valores de estos tres parámetros: Hue (Tono) que es el
valor del color: rojo, azul, verde, etc. En GIMP se expresa en grados y oscila entre 0 y
360. Saturation (Saturación) que se refiere a la pureza del color y va del 0% al
100%. Brightness (Brillo) referencia la intensidad de luz del color, es decir, la cantidad de
negro o blanco que contiene estando su valor entre 0 (negro) y 100 (blanco).
Modo CMYK. Cada color se forma por combinación de cuatro canales. Cada canal se
corresponde con un color primario de impresión: Cyan (Ciano), Magent (Magenta), Yellow
(Amarillo) y BlacK (Negro). Cada canal puede tener como valor entre 0 y 255. Se trata de
imágenes con una profundidad de color de 32 bits.

14. Tratamiento de imágenes para el diseño web
 Existen diversos programas de tratamiento de imágenes, también
llamados de diseño gráfico. Con estos programas podemos retocar una
imagen, recortar un trozo de la misma, variar los tonos de color,
convertirla a blanco y negro, reducirla, etc.
Por lo tanto antes de colgar una imagen en la web, una de las cosas que
debemos hacer es mirar si podemos mejorar la imagen mediante algunos
pequeños retoques. A veces un cambio en el contraste o en el brillo, o
recortando la imagen en el trozo que nos interesa, puede suponer una
importante mejora de la imagen.
Antes de comenzar debemos saber que existen dos formatos que
podemos usar en la web: GIF y JPG. Si nuestra imagen se haya en otro
formato, tendremos que transformarla a uno de éstos. Podremos
identificar el formato de una imagen comprobando su extensión. Es
importante que el tamaño de la imagen (la cantidad de espacio o
memoria que ocupa) sea la mínima posible ya que así la carga de la
página será más ágil.

15.  Antes de comenzar debemos saber que existen dos formatos que
podemos usar en la web: GIF y JPG. Si nuestra imagen se haya en
otro formato, tendremos que transformarla a uno de éstos.
Podremos identificar el formato de una imagen comprobando su
extensión. Es importante que el tamaño de la imagen (la cantidad
de espacio o memoria que ocupa) sea la mínima posible ya que así
la carga de la página será más ágil.
 XnView
 El Explorador de imágenes
 El Visor de imágenes

16. Formatos, características y extensiones de mapa de bits
BMP (Bitmap = Mapa de
bits)
•Ha sido muy utilizado
porque fue desarrollado para
aplicaciones Windows.
•La imagen se forma
mediante una parrilla de
píxeles.
•El formato BMP no sufre
pérdidas de calidad y por
tanto resulta adecuado para
guardar imágenes que se
desean manipular
posteriormente.
•Ventaja: Guarda gran
cantidad de información de
la imagen
•Inconveniente: El archivo
tiene un tamaño muy
grande.
GIF (Graphics Interchange
Format = Formato de
Intercambio Gráfico)
•Ha sido diseñado
específicamente para
comprimir imágenes digitales.
•Reduce la paleta de colores a
256 colores como máximo
(profundidad de color de 8
bits).
•Admite gamas de menor
número de colores y esto
permite optimizar el tamaño
del archivo que contiene la
imagen.
•Ventaja: Es un formato idóneo
para publicar dibujos en la
web.
•Inconveniente: No es
recomendable para fotografías
de cierta calidad ni originales
ya que el color real o
verdadero utiliza una paleta
de más de 256 colores.
JPG-JPEG (Joint
Photographic Experts Group =
Grupo de Expertos
Fotográficos Unidos)
- A diferencia del formato GIF,
admite una paleta de hasta 16
millones de colores.
- Es el formato más común junto
con el GIF para publicar
imágenes en la web.
- La compresión JPEG puede
suponer cierta pérdida de calidad
en la imagen. En la mayoría de
los casos esta pérdida se puede
asumir porque permite reducir el
tamaño del archivo y su
visualización es aceptable. Es
recomendable utilizar una
calidad del 60-90 % del original.
TIF-TIFF (Tagged Image File
Format = Formato de
Archivo de Imagen
Etiquetada)
- Almacena imágenes de una
calidad excelente.
- Utiliza cualquier
profundidad de color de 1 a
32 bits.
- Es el formato ideal para
editar o imprimir una imagen.
- Ventaja: Es ideal para
archivar archivos originales.
- Inconveniente: Produce
archivos muy grandes.
PNG (Portable Network
Graphic = Gráfico portable
para la red)
- Es un formato de reciente
difusión alternativo al GIF.
- Tiene una tasa de
compresión superior al
formato GIF (+10%)
- Admite la posibilidad de
emplear un número de
colores superior a los 256 que
impone el GIF.
-Debido a su reciente
aparición sólo es soportado
en navegadores modernos
como IE 4 o superior.

17. EXTENSIONES PARA MAPA DE BITS
 .bmp – Paint
 .xcf – Gimp
 .tif/tiff – edición de alta calidad
 .JEPG – archivos comprimidos (Internet)
 .GIF – compresión y animación
 .PNG – archivos comprimidos (Internet)
 .pict/pat – Lo usa Mac (Apple)
 .Psd - Photoshop

18.  LA IMAGEN VECTORIAL
Las imágenes vectoriales son gráficos formados a
base de curvas y líneas a través de elementos
geométricos definidos como vectores.
La gran ventaja de las imágenes vectoriales es que
no sufren pérdida de resolución al producirse una
ampliación de los mismos. Se utiliza mucho para
trabajos de rotulación, rótulos, iconos, dibujos,
logotipos de empresa etc. Esta clase de imagen
tiene poco peso como archivo informático.
Ejemplo de imagen vectorial, en donde vemos
que al ampliar no se pierde calidad.

19. Formatos de imágenes Vectoriales

21. EXTENSIONES PARA IMÁGENES VECTORIALES
 Son fórmulas matemáticas.
 .cdr – Corel Draw
 .ai – Adobe Ilustrator
 .dx/dwg – QCAD/AUTOCAD
 .skp – sketup (flash)
 .swp – macromedia flash

22. Actividad 1,2
Mediante la utilización de una cámara digital, va a tomar
una fotografía con un paisaje de un sitio turístico de su
localidad y otras fotografías utilizando los diferentes planos
y tipos de ángulos (normal, picado, contrapicado, nadir,
cenital).
Ángulos de imágenes
Normal : se sitúa la cámara a la
altura de los ojos

23. Picado: situamos la cara encima
de los que queremos fotografiar
Contrapicado: situamos la cara
justo debajo lo que se quiere
fotografiar.

24. Cenital: situamos la cámara
justo encima.
Nadir: ponemos la cámara
justo debajo de lo que se
quiere capturar.

25. Tipos de planos
Planos cortos:
 Plano de detalle: se fija
la atención en algo
concreto.
 Primer plano: muestra la
cabeza de una persona o
animal.

26. Planos intermedios:
 Planos medio: muestra a la persona
de la cintura para arriba
 Planos Americano: muestra a la persona
de la rodillas para arriba

27.  Planos Americano: aparece el
personaje entero
Planos panorámicos:
 Planos general: aparece un paisaje
sin un personaje.

28.  http://www.maestrosdelweb.com/multime/
 https://tproduccionmultimedia.wordpress.com/6-%C2%BFcuales-son-los-pasos-para-
crear-multimedia/
 http://recursos.cnice.mec.es/lengua/profesores/eso1/t1/teoria_1.htm
 http://www.ite.educacion.es/formacion/materiales/107/cd/imagen/pdf/imagen01.pdf
 http://tecnologiaedu.us.es/cursos/29/html/cursos/cursosonido/ventanitas/vent1-3-3.htm
 http://ticteando.org/audiovisuales/#.WfPDelvWyUk
 https://www.informatica-hoy.com.ar/aprender-informatica/Que-son-los-pixeles.php
 http://www.digitalfotored.com/imagendigital/numeropixeles.htm
 https://www.ecured.cu/Modo_de_color
 http://aprende-web.net/comple/imagen/imagen1.php
 https://si.ua.es/es/vuala/documentos/pdf/tutorial-de-xnview.pdf

29.  http://www.ite.educacion.es/formacion/materiales/107/cd/imagen/imagen0105.ht
ml
 https://es.slideshare.net/CeliaFM27/introduccin-a-la-imagen-
digital?from_action=save
 http://es.ccm.net/contents/736-imagenes-vectoriales-y-de-mapa-de-bits
 http://www.imh.eus/es/comunicacion/dokumentazio-irekia/manuales/curso-de-
tratamiento-de-imagenes-con-gimp/formatos-de-imagenes/formatos-vectoriales-y-
mapa-de-bits
 http://www.proyectoautodidacta.com/comics/formatos-de-imagen-imagenes-
vectoriales/

30. Realizado por:
Verónica Jaramillo
Gracias