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

1. 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

2. IMAGEN DIGITAL

3. 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

4. Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Formación de una imagen

5. Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Formación de una imagen
http://brightbytes.com/cosite/lost_us.html
Cámara pin-hole

6. Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Formación de una imagen Cámara pin-hole

7. Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Formación de una imagen

8. Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Parámetros de captación
números f/
distancia de enfoque
distancias de profundidad
de campo

9. Parámetros de captación
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
• 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

10. Parámetros de captación
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Diafragma

11. Parámetros de captación
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Distancia focal

12. Parámetros de captación
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
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

13. Parámetros de captación
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Profundidad de campo
Mayor apertura diafragma menor profundidad
de campo

14. Parámetros de captación
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Profundidad de campo
Plano enfocado más lejano, mayor
profundidad de campo

15. Parámetros de captación
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Profundidad de campo
Mayor distancia focal, menor
profundidad de campo

16. Resumen: Parámetros de Captación
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Ver vídeo ubicado justo después de la VídeoConferencia

17. Elemetos psicofísicos de la visión
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Similitud ojo-cámara

18. Elemetos psicofísicos de la
visión
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Estructura de la retina
• Bastones: B/N, mayor sensibilidad, mayor densidad
• Conos: Color, menor sensibilidad, menor densidad

19. Concepto y tipos de imagen
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Píxel
Mpixeles
N pixeles
M x N pixeles

20. Concepto y tipos de imagen
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Resolución y tamaño

21. Concepto y tipos de imagen
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Resolución y tamaño

22. Concepto y tipos de imagen
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Niveles
24
816128
3264
256

23. Concepto y tipos de imagen
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
RGB

24. Concepto y tipos de imagen
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Falso color

25. Concepto y tipos de imagen
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Más dimensiones
1000

26. Resumen: Imagen Digital
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
Ver vídeos ubicado justo después de la VídeoConferencia

27. Formatos de Imagen
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
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.

28. Formatos de Imagen
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
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.

29. Formatos de Imagen
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
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.

30. Módulo II: Diseño de Contenidos Digitales (15 ECTS)
Creación de recursos digitales (6ECTS)
Imagen vectorial vs bitmap

31. AUDIO DIGITAL

32. Audio Digital: Frecuencia y tono
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
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.

33. Audio Digital: Amplitud e Intensidad
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
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.

34. Audio Digital: Amplitud e Intensidad
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
La intensidad depende del
cuadrado de la amplitud y de ella
depende el volumen del sonido

35. Audio Digital: Margen Dinámico
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
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.

36. Audio Digital: Timbre
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
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

37. Formatos de Audio
Módulo II: DISEÑO DE CONTENIDOS DIGITALES (15ECTS)
Creación de recursos digitales (6ECTS)
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)

38. REFLEXIONES SOBRE CONTENIDOS IMAGEN
Y AUDIO DIGITAL

39. Módulo II: Diseño de Contenidos Digitales (15 ECTS)
Creación de recursos digitales (6ECTS)
¿Qué sabemos sobre….?
JUGAMOS Y REPASAMOS
• Accede a http://kahoot.it
• Escribe el código que la profesora te
• Indicará en el chat

40. EDITORES DE IMAGEN BITMAP ONLINE

41. Editores de Imagen digital online
Revisión aplicaciones web: http://ounae.com/mejores-editores-fotos-
online-gratis/
Módulo II: Diseño de Contenidos Digitales (15 ECTS)
Creación de recursos digitales (6ECTS)

42. EDICIÓN DE IMAGEN VECTORIAL CON
INKSCAPE

43. ¿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
Módulo II: Diseño de Contenidos Digitales (15 ECTS)
Creación de recursos digitales (6ECTS)

44. 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)
Módulo II: Diseño de Contenidos Digitales (15 ECTS)
Creación de recursos digitales (6ECTS)

45. 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/
Módulo II: Diseño de Contenidos Digitales (15 ECTS)
Creación de recursos digitales (6ECTS)

46. Enlaces de Interés
Módulo II: Diseño de Contenidos Digitales (15 ECTS)
Creación de recursos digitales (6ECTS)
Bibliografía
Inkscape logo a logo:
http://joaclintistgud.files.wordpress.com/2011/04/logo_a_logo_
segunda_edicion.pdf

47. PRACTICAMOS

48. 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»
Módulo II: Diseño de Contenidos Digitales (15 ECTS)
Creación de recursos digitales (6ECTS)

49. Tareas asociadas a la sesión
Módulo II: Diseño de Contenidos Digitales (15 ECTS)
Creación de recursos digitales (6ECTS)
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

50. Tareas asociadas a la sesión
Módulo II: Diseño de Contenidos Digitales (15 ECTS)
Creación de recursos digitales (6ECTS)
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.

51. Tareas asociadas a la sesión
Módulo II: Diseño de Contenidos Digitales (15 ECTS)
Creación de recursos digitales (6ECTS)
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...

52. 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