VídeoConferencia 1 Creación Recursos Máster InnovaTE

Módulo II: Diseño de Contenidos Digitales (15 ECTS)
Facultad de Magisterio y Ciencias de la Educación
Creación de Contenidos Digitales
(6 ECTS)
Soledad Gómez García

Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Formación de una imagen
radiación
Superficie reflectante
Objeto
sensor
cámara
Fuente de luz

http://brightbytes.com/cosite/lost_us.html
Cámara pin-hole

Formación de una imagen Cámara pin-hole

Parámetros de captación
números f/
distancia de enfoque
distancias de profundidad
de campo

• Lámina opaca con orificio que permite el paso de la luz
• De apertura regulable, permite controlar la cantidad de luz que incide en el material fotosensible
• Función similar a la pupila del ojo
• Números f/:
1.4 2 2.8 4 5.6 8 11 16 22
…
F = distancia focal
d = diámetro apertura
Diafragma

Diafragma

Distancia focal

Profundidad de campo
Rango de distancias reproducidas en una
fotografía donde la imagen es aceptablemente
nítida comparada con el plano más nítido de la
misma

Mayor apertura diafragma menor profundidad
de campo

Plano enfocado más lejano, mayor
profundidad de campo

Mayor distancia focal, menor
profundidad de campo

Resumen: Parámetros de Captación
Ver vídeo ubicado justo después de la VídeoConferencia

Elemetos psicofísicos de la visión
Similitud ojo-cámara

Elemetos psicofísicos de la
visión
Estructura de la retina
• Bastones: B/N, mayor sensibilidad, mayor densidad
• Conos: Color, menor sensibilidad, menor densidad

Concepto y tipos de imagen
Píxel
Mpixeles
N pixeles
M x N pixeles

Resolución y tamaño

Niveles
24
816128
3264
256

RGB

Falso color

Más dimensiones
1000

Resumen: Imagen Digital
Ver vídeos ubicado justo después de la VídeoConferencia

Formatos de Imagen
BMP Desarrollado para aplicaciones Windows.
No sufre pérdidas de calidad.
El archivo tiene un tamaño muy grande.
GIF Imagen en formato con pérdidas. Reduce la paleta de colores a 256
colores como máximo (profundidad de color de 8 bits).
Formato idóneo para publicar dibujos en la web. Admite trasparencia de
fondo.
No 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.

Formatos de Imagen
JPG
JPEG A diferencia del formato GIF, admite una paleta de hasta 16 millones de
colores.
Recomendado para publicar imágenes en la web.
La compresión JPEG puede suponer cierta pérdida de calidad en la
imagen. Es recomendable utilizar una calidad del 60-90 % del original.
Las cámaras digitales suelen almacenar directamente las imágenes en
formato JPEG con máxima calidad y sin compresión.

Formatos de Imagen
TIFF
TIF
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.
Es ideal para archivar archivos originales.
Produce archivos muy grandes.
PNG Formato 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.

Imagen vectorial vs bitmap

Audio Digital: Frecuencia y tono
Podemos caracterizar un sonido digital en base a tres conceptos básicos:
Tono, Intensidad y el Timbre.
El tono se relaciona con la
frecuencia. Cuanto mayor
frecuencia tiene la onda del sonido,
más agudo es el tono.

Audio Digital: Amplitud e Intensidad
La amplitud es la diferencia entre
las presiones máximas y mínimas
de la onda.
La figura muestra dos ondas de la
misma frecuencia pero de distinta
amplitud.

Audio Digital: Amplitud e Intensidad
La intensidad depende del
cuadrado de la amplitud y de ella
depende el volumen del sonido

Audio Digital: Margen Dinámico
Diferencia entre los valores mínimos y máximos en dB que un sistema
puede producir.
Por ejemplo, cuando gritamos muy enfadados nuestra voz puede alcanzar
los 40 dB mientras que cuando susurramos al oído baja a 10 dB, podemos
decir que la dinámica de nuestra voz es de 40 – 10 = 30 dB.

Audio Digital: Timbre
Permite diferenciar un sonido de = frecuencia.
Por ejemplo dos instrumentos pueden emitir un
sonido a = frecuencia y los percivimos diferente
aunque ambos tengan el mismo tono.
Lo que les hace diferentes es el timbre que tiene
relación con envolvente del sonido
Sonido se compone por Frec principal =tono
y también se compone de armónicos

Formatos de Audio
WAV Desarrollado para aplicaciones Windows.
Audio sin pérdidas
El archivo tiene un tamaño muy grande.
Mp3
Ogg
Aac
Alta compresión a la vez que calidad (tiene pérdidas pero en función del
nivel de compresión pueden ser no apreciables para el oido)

REFLEXIONES SOBRE CONTENIDOS IMAGEN
Y AUDIO DIGITAL

¿Qué sabemos sobre….?
JUGAMOS Y REPASAMOS
• Accede a http://kahoot.it
• Escribe el código que la profesora te
• Indicará en el chat

EDITORES DE IMAGEN BITMAP ONLINE

Editores de Imagen digital online
Revisión aplicaciones web: http://ounae.com/mejores-editores-fotos-
online-gratis/

EDICIÓN DE IMAGEN VECTORIAL CON
INKSCAPE

¿Qué vamos a hacer ?
• Familiarizarnos con una herramienta libre de creación de
imágenes vectoriales.
• Practicar diferentes funciones mediante la creación de logos y gráficos

InkScape
• Creado en 2003 (Sodipodi). Software libre bajo licencia
• GPL
• Herramienta profesional de creación de gráficos vectoriales:
• Potente, cómoda, fácil de usar.
• Multiplataforma (Windows, GNU y MacOS)

Enlaces de Interés
Webgrafía
Página Oficial : http://www.inkscape.org
Planeta Inkscape: http://planet.inkscape.org
Inkscape tutoriales: http://inkscapetutorials.wordpress.com
Recursos em BLOG de María de Molina:
http://mariademolina.blogspot.com.es/search/label/Inkscape
Tutoriales para crear objetos realistas con InkScape:
http://cursorlibre.com/tutoriales/580-4-tutoriales-para-crear-objetos-
realistas-en-inkscape/

Enlaces de Interés
Bibliografía
Inkscape logo a logo:
http://joaclintistgud.files.wordpress.com/2011/04/logo_a_logo_
segunda_edicion.pdf

Practicamos
• Conocer el programa en base a distintas prácticas:
• Trabajo con capas
• Aplicar texturas a objetos
• Aplicar degradados para diseño de objetos más «realistas»

Tareas asociadas a la sesión
Tarea Imgen Vectorial 1:
Has recibido el encargo de diseñar el logotipo de tu centro educativo
(puede ser un centro real, un centro educativo ficticio)
Diseña una propuesta de Logo con InkScape y sube dicho logo en
plataforma, a la tarea Tarea Imagen Vectorial 1 que se encuentra en el
bloque de imagen digital

Tarea-Concurso Imgen Vectorial 2:
El calendario del Máster InnovaTE, disponible en la información general, dispone de dibujos vectoriales que representan
los meses del año.Con objeto de hacerte partícipe en la realización del siguiente calendario te pedimos diseñes una
imagen vectorial que represente un mes del año.
Accede a la consulta disponible en plataforma y selecciona el mes que elijes para realizar tu trabajo. Cada mes podrá ser
elegido por un máximo de cinco personas.
Debes de realizar el diseño en base a las siguientes directrices:
1. La imagen ha de ser vectorial y llevar el nombre del mes abajo a la izquierda
2. La imagen debe representar el mes del año elegido (Sirvan las ilustraciones del calendario de este curso académico
como Inspiración ) en base a diferentes iconos que pueden ser: árboles, frutas, playa, nieve, hojas en el suelo, flores,
etc..
3. Un pequeño jurado formado por profesorado del Máter elejirá el mejor diseño para cada mes y será incluido en el
calendario del curso siguiente reconociendo su autoría.

Tarea 3 (Voluntaria)
Has recibido el encargo de realizar diferentes insignias con diseños que se puedan asociar con distintas
capacidades que tus alumnos hayan adquirido/mejorado a lo largo del curso (capacidad de trabajo en
grupo, resiliencia, esfuerzo, etc...). La idea es crear chapas con dichas insignias para entregar a los
alumnos como regalo final de curso en función de sus logros.
Realiza al menos una propuesta de diseño y sube dicha propuesta a plataforma en la tarea Tare
Imagen Vectorial 3 que se encuentra en el bloque de imagen digital
Veamos algunos ejemplos que ilustran habilidades tales como: resiliencia, esfuerzo, actitud positiva,
etc...

VídeoConferencia 1 Creación Recursos Máster InnovaTE

Recommandé

Recommandé

Contenu connexe

Similaire à VídeoConferencia 1 Creación Recursos Máster InnovaTE

Similaire à VídeoConferencia 1 Creación Recursos Máster InnovaTE (20)

Dernier

Dernier (20)

VídeoConferencia 1 Creación Recursos Máster InnovaTE

Notes de l'éditeur