Actividad A1. Completar el vídeo con unos créditos
Para finalizar los ejercicios realizados anteriormente, incorpore ahora unos créditos (mediante el filtro de vídeo Texto) al final de la secuencia, donde se incluya el nombre de los miembros del grupo que realizan la práctica, así como el del programa de edición de vídeo y versión utilizado. Genere dos versiones diferentes de su vídeo, mediante la opción Exportar: una a plena resolución, en formato MP4 (vídeo H.264, audio aac) y otra en formato WEBM (codec de vídeolibvpx y audio Vorbis) con resolución reducida. Cada uno de los ficheros no debe superar los 20MB de tamaño. Si es necesario, disminuya el bitrate en las opciones del codec para conseguirlo. En su porfolio, ponga un enlace a ambos archivos.
En la versión descargada para dispositivos iOS (Mac), no aparece la opción de exportar vídeos con el formato de WEBM. Por tanto, se ha exportado en formato de archivo de Shotcut, que permite abrir y editar el vídeo como un proyecto.
Genere un vídeo en formato MP4 o WEBM con el resultado de su ejercicio de cromado e inclúyalo en su porfolio. De nuevo, no debe superar los 20MB. El videotutorial [4] puede serle de ayuda para esta actividad.
Haga una copia de la imagen imagen SVG que ha descargado para poder editarla sin modificar la descarga original. Ejecute Inkscape y abra la copia que ha hecho (Archivo | Abrir…). Edite algunos elementos de esta imagen
A la izquierda se aprecia la imagen original, sin editar. Para crear la segunda imagen, ya modificada con las herramientas mencionadas en el enunciado, se han realizado los siguientes cambios:
Cambiar los colores y formas de los elementos que contienen los textos (en la parte superior de los modelos femeninos). La cuarta forma ha sido alargada para llegar hasta en extremo inferior del modelo.
Duplicación del abanico del primer modelo
Incremento del tamaño del segundo modelo
Disminución de la longitud del kimono del tercer modelo
Cambio de color del kimono del cuarto modelo, pasando a ser un rojo oscuro en vez de negro
Ejercicio 2. Animación de un SVG con Sozi
Una vez disponga del archivo SVG con la infografía que va a animar, piense en el recorrido que hará, los encuadres (“diapositivas”) que cabe realizar y en qué orden. Abra su presentación con Sozi y construya entonces su animación, con estos requisitos:
Un mínimo de 4 diapositivas
Debe incluir en algún momento traslaciones, escalados y zooms.Guarde su presentación, abra el archivo .html creado con un navegador web y asegúrese de que la animación se visualiza como era su intención. Haga las modificaciones oportunas con Sozi de nuevo si no fuera así.Incorpore a su portafolio tanto la imagen de la infografía original, como los archivos .svg y .html generados al guardar la animación.
Este es la infografía que se ha elegido para esta actividad, relacionada con la salud mental
Ejercicio 3. Exportación de la animación a otros formatos
Cree un vídeo en formato WEBM con su animación. Dispone para ello de un botón Exportar en el grupo de tres botones donde se halla también el de guardar la presentación (6) que ya ha usado. Asegúrese de que puede reproducir correctamente el vídeo con un reproductor habitual como VLC. Incorpore el vídeo a su porfolio.
Para acceder al archivo WEBM, pulse aquí. El vídeo no puede ser incorporado directamente al porfolio por su formato
Ejecute GIMP y abra alguna de las imágenes anteriores y, utilizando la opción Imagen -> Propiedades de la Imagen, deduzca y anote las siguientes características:
Nombre de la imagen
Electricity_infographics.bmp
Dimensiones: Ancho (W) Alto (H)
1042 x 1116
176,5 x 189,0
Resolución espacial
149,962 x 149,962
(*) Profundidad de color (n)
Entero gamma de 8 bits
Tamaño del fichero (sin comprimir) : W*H*n
10,8 MB
Nombre de la imagen
Himalayas, Nepal. jpg
Dimensiones: Ancho (W) Alto (H)
1920 x 1281
677,3 x 451,9
Resolución espacial
72 x 72 ppp
(*) Profundidad de color (n)
Entero gamma de 8 bits
Tamaño del fichero (sin comprimir) : W*H*n
22,9 MB
Ejercicio 2. Imágenes indexadas.
Abra una de las imágenes del grupo2 (real). Observará que en en la barra de la ventana de GIMP aparece “Color RGB”, lo que identifica esta imagen como una imagen en color verdadero. Obtenga ahora nuevas representaciones en modo indexado, empleando paletas de 256 y 16 colores, SIN aplicar difuminado de color. Le sugerimos que pruebe las siguientes:
• Paleta “óptima” con el número de colores pedido. • Alguna paleta de las predefinidas: blues, reds, plasma, royal, etc. (tienen distintos números de colores)
Al abrir las propiedades de Himalayas, Nepal. jpg, nos encontramos con esta ventana desde donde podemos cambiar la paleta.
De este modo, obtuvimos las siguientes imágenes:
La primera imagen presenta los 256 colores, ofreciendo una alta calidad de la foto. En la segunda imagen, sin embargo, los colores son disminuidos a tan solo 16, creando un efecto más simple de los detalles de la imagen.
Y, en tercer lugar y aplicando el filtro de «Plasma», obtenemos este resultado con colores distintos y con menos calidad que las dos imágenes anteriores.
Ejercicio 3. Difuminado. Pruebe a representar la imagen original utilizada en el apartado anterior con una paleta de 16 colores y diferentes opciones de difuminado. Almacene nuevamente las imágenes resultantes y Resuma en una tabla como la siguiente, el trabajo realizado en los ejercicios 1, 2 y 3. Indique el nombre de la imagen con la que ha trabajado.
Nombre_Imagen: Himalayas, Nepal.jpg Tamaño en píxeles: 1920 x 1281
Tamaño fichero BMP (KB)
Representación
Comentarios acerca de la calidad
Verdadero color
653,2 kB
La de referencia
Paleta óptima 256 colores (SIN difuminado)
2,5 MB
No se observan grandes cambios
Paleta óptima 16 colores (SIN difuminado)
1,2 MB
Los colores de la foto son simplificados
Paleta óptima 16 colores (CON Floyd Steinberg – sangrado de color reducido
1,2 MB
Muy poco cambio respecto a la imagen anterior
Ejercicio 4. Interpretación de un histograma.
4.1 Seleccione la primera imagen (DSC08186.jpg) y observe su histograma. En el extremo izquierdo hay un alto valor de cuenta (de hecho, el máximo pico de todo el histograma se encuentra aquí). ¿Qué significa esto?
Este histograma representa un alto valor de colores oscuros en la imagen, por ello el pico en el extremo izquierdo.
4.2 En cambio, prácticamente en el 20% del extremo derecho el histograma tiene altura cero. ¿Cómo lo interpreta?
La luz de la imagen escogida es muy baja, por ello el histograma presenta esa forma.
4.3 Seleccione ahora la imagen más clara (DSC08199.jpg). Observe cómo ahora el pico alto está en el extremo derecho. ¿Qué está indicando esto acerca de la imagen?
A diferencia de la primera imagen escogida, esta ahora tiene el valor de la luz muy alta, hasta el punto que no hay casi puntos oscuros en la foto. Por ello, solo se puede apreciar un pico pequeño al extremo derecho
4.4 Seleccione aquella imagen que considere que está óptimamente expuesta. Justifique su elección.
He elegido el archivo DSC08192.jpg por el balance entre los colores oscuros y claros, que podría haber sido la luz real del plano al que se hizo una fotografía. Observando el histograma, también se aprecia una oscilación más repartida de los colores, a diferencia de las imágenes analizadas anteriormente.
Ejercicio 5. Ajuste de niveles
Vamos a intentar mejorar una imagen claramente defectuosa, como es la imagen “DSC8186.jpg” con ayuda de la herramienta Niveles. Abra la herramienta Niveles para la imagen defectuosa y desplace libremente los tres ajustes hasta conseguir que la imagen se parezca en el mayor grado posible a la imagen de referencia. Preste especial atención a las áreas más claras y a las más oscuras. Acepte los ajustes para cerrar el cuadro de diálogo.
Ejercicio 6. Los límites de la restauración digital
Observe de nuevo las zonas más oscuras de la imagen que acaba de ajustar y compárelas con las de la imagen de referencia. Observe la textura del cuerpo oscuro de la cámara que aparece más a la izquierda en la imagen y de la que está en primer plano. Si escogió bien su imagen de referencia, observará diferencias notables (si no las aprecia, tal vez le ayude subir el brillo de su monitor). Interprete qué ha ocurrido y ofrezca una explicación.
Al editar los niveles de la segunda imagen (DSC08186.jpg), las zonas más oscuras presentan un efecto granulado. Este efecto se llama «ruido», y es debido al cambio de luminancia en una imagen junto con la calidad de la propia imagen, que determina la apariencia de esta textura.
Ejercicio 7. Introducción de múltiples efectos: efecto Retro.
Descargue una imagen fotográfica de internet con calidad, de tamaño superior a 640 x 400 píxeles y libre de los defectos que hemos visto. Procésela introduciendo digitalmente ligeros defectos como grano, desenfoque, alteración general del color (falta de saturación, debilitamiento de algunas componentes), etc. para conseguir un efecto “Retro”. Introduzca el ruido en último lugar para que no resulte enmascarado por los otros efectos. Estos son algunas opciones de menú que le pueden resultar útiles: Filtros | Ruido | Ruido HSV, Filtros | Difuminar | Desenfoque gausiano, Colores | Balance de color, … Guarde tanto la imagen original como la imagen resultante.
Se ha elegido una foto HD del famoso cruce de Shibuya, en Tokio. Para obtener la segunda imagen, que presenta un toque «vintage» con sus colores editados al igual que la propia textura, se han utilizado los siguientes filtros:
Tono Saturación
Saturación
Difuminación – desenfoque de lente
Ruido HSV
Y aquí se pueden apreciar tanto la imagen principal junto con el proyecto editado con el programa de GIMP
Ejercicio 1. Importe una de las dos pistas y reprodúzcala. Obtenga una captura de pantalla del un instante de la ejecución de la pieza musical.
Cargue otra pista con la otra pista digitalizada y utilice los controles de las propiedades de una pista para comprobar cómo se reproducen todas las pistas al tiempo (la opción por defecto) o cómo seleccionar una de ellas para escucharla independientemente de otras que puedan haber en un proyecto. Haga una captura de pantalla que muestre cómo seleccionar para que se escuche solo la segunda de las pistas.
Ejercicio 2. Complete la tabla 1 y compare la calidad de la reproducción con el espacio requerido en cada una de las representaciones o formatos de exportación0 que soporta Audacity desde su entrada de menú “Archivo | Exportar…”.
Formato
Perfil
Tamaño fichero (KiB)
Comentarios sobre la calidad
WAV (.wav)
PCM de 16 bit con signo
35937.5
La calidad se escucha como en el programa original
FLAC (.flac)
Nivel 0 (el más rápido) Profundidad de bits: 16 bit
28613.28
Se escucha igual que el archivo WAV
MP3 (.mp3)
Velocidad de transferencia: constante Calidad: 128 kbps Modo de canal: Estéreo unido0
7519.53
Detalles cuando las frecuencias son altas se pierden un poco
MP3 (.mp3, 32kbps)
Velocidad de transferencia: constante Calidad: 32 kbps Modo de canal: Estéreo unido
7714.84
El sonido es distorsionado, con una menor calidad
OGG Vorbis (.ogg)
Calidad: 0
2050.78
La calidad es mucho más baja que el archivo anterior, con poco detalle y baja claridad
OGG Vorbis (.ogg)
Calidad: 10
16210.94
La calidad es mayor que el primer archivo OGG Vorbis
¿Cuál cree que representa un mejor compromiso entre ambos factores? Teniendo en cuenta la calidad y comprometiendo la compatibilidad, la mejor opción de los siguientes es el archivo OGG Vorbis
Ejercicio 3. Realice una grabación de su propia voz de 15 segundos de duración, con un micrófono1 y expórtela a formato WAV y FLAC, ambos de 16 bits con signo. Haga una captura de pantalla que lo muestre y anote el tamaño resultante de cada fichero.
Audio con propia voz con el formato de WAV. Este fichero ocupa 1,6 MB.
Audio con propia voz con el formato FLAC. Este fichero ocupa 726 KB.
Actividades:
Actividad 3. A partir del fichero mono bluesIntro.wav (disponible, en el subdirectorio media del recurso compartido indicado al principio de esta memoria de práctica): genere una versión estéreo del mismo donde se pueda apreciar claramente el posicionamiento del audio en los dos canales (izquierdo y derecho).
Pulse aquí para acceder al fichero .wav de esta actividad.
Actividad 4. A partir de una señal de audio mono (o estéreo, según los casos), aplique los siguientes efectos y vaya anotando una breve descripción. Todos ellos están disponibles0 en el menú Efecto. Puede investigar, si lo desea, otros efectos disponibles.
Amplify (amplificar): aumenta el volumen del audio, sin distorsión
Bassboost (realzar graves): aumenta los niveles de frecuencia más bajos del audio, creando un efecto más profundo
Echo (eco): añade repeticiones del audio, simulando un eco
Reverse (revertir): invierte el orden del audio, desde el final al principio
Fade in (aparecer): incrementa poco a poco el volumen
Fade out (desvanecer): lo contrario al anterior, disminuyendo volumen
Cambiar tempo: la velocidad es cambiada, pero no el tono
Cambiar pitch (tono): modifica la altura del sonido
Actividad 5. Escoja dos temas musicales, con representación en forma de onda, del directorio del recurso compartido. A partir de los mismos, se propone generar un único archivo en el que, a modo de “pinchadiscos” con una mesa de mezclas, se vaya silenciando el primero para dar progresivamente paso al segundo, ambas acciones deben producirse simultáneamente.
Guárdese una captura de pantalla del proceso (mezcla.png) para poder explicar cómo se trabajó esta actividad, junto con el archivo de proyecto que genera Audacity (mezcla.aup), los ficheros de audio de partida y el resultante de la actividad (mezcla.wav).
En la captura se aprecian los dos temas musicales, aportados por la carpeta de recursos de la asignatura, y como al final del primer audio el volumen disminuye, dando lugar al segundo audio, que entra con el filtro de «Fade In».
WordPress no permite subir archivos con formato aup3-shm, por lo que introducimos una captura del proyecto con su nombre y tamaño.
Actividad 6. Cree una banda sonora en la que se le escuche dar una pequeña charla de medio minuto a un auditorio (puede obtener el contenido de cualquier artículo de prensa digital, por ejemplo).
Guárdese una captura de pantalla del proceso (bso.png) para poder explicar cómo se trabajó esta actividad, junto con el archivo de proyecto que genera Audacity (bso.aup), los ficheros de audio de partida y el resultante de la actividad (bso.wav).
En la captura podemos observar las distintas partes que se han añadido para llevar a cabo la práctica. Utilizando una noticia como audio principal, los efectos y sonidos extra fueron descargados en la página web del Ministerio de Educación de España, y añadidos en acorde a las exigencias de la práctica
Al igual que en la Actividad 5, dejamos una captura del archivo del proyecto junto con el tamaño que ocupa
Y para poder escuchar el audio de esta última actividad, pulse aquí.
Ejercicio 1. De forma individual, cada alumno deberá crear un blog en la estructura de publicación de la UPV “Servicio poliBlogs” que contenga su presentación personal realizada en la práctica anterior. El dominio deberá ser el nombre del usuario, como se ha indicado aquí al describir cómo se crea el blog en el servicio de poli[Blogs] de la UPV.
El contenido del blog estará compuesto por:
Una única entrada que deberá constar de los contenidos realizados en la práctica 1 para la presentación personal. Esto es el PDF, la fotografía del alumno/a y la grabación de audio, de un minuto, en la que describe su presentación.
La “página de ejemplo” editada para indicar que es un blog de ADH del curso actual y cuáles son los tres tema de trabajo de la asignatura que más le interesan en este momento.
Como bien se aprecia en este blog, la página de ejemplo contiene la información requerida y la entrada bajo el nombre «práctica 1» presenta el contenido de la primera tarea de la asignatura.
Ejercicio 2. Para realizar este ejercicio deberá crear tres nuevas entradas que muestren la exploración del apartado 6 Gestión avanzada. Por lo que la primera de estas tres nuevas entradas (posts o publicaciones) se rellenará con la descripción de las capturas que muestren que se han creado:
Tantas categorías como media (tipos de medios) vamos a explorar en la asignatura: texto, audio, imagen y vídeo.
Un par de etiquetas para cada categoría: texto plano, texto estructurado, audio en forma de ondas y audio MIDI, imagen en mapa de bits e imagen vectorial, vídeo y vídeo en streaming.
La segunda entrada a añadir describirá cómo se cambia el tema del blog. Para no repetir, se escogerá el tema cuyo número de orden en la lista de los disponibles coincida con el número de lista del alumno. Este será anotado en el texto de la entrada que detalle esta acción.
Y la tercera entrada a construir, describirá cómo funciona el widget “Galería”. Búsquelo en el apartado de Apariencia > Widgets del panel de control y en la ayuda de WordPress, apartado “Patrones de bloques”15. Compruebe, describa y muestre con alguna captura si la podido instalar dentro de este servicio de blogs que ofrece poli[Blogs].
La tercera entrada a construir, describirá cómo funciona el widget “Galería”. Búsquelo en el apartado de Apariencia > Widgets del panel de control y en la ayuda de WordPress, apartado “Patrones de bloques”15. Compruebe, describa y muestre con alguna captura si la podido instalar dentro de este servicio de blogs que ofrece poli[Blogs].
Dado que sí que podemos utilizar este widget, la estrellita azul que se aprecia a la derecha del blog muestra un uso de la galería en formato de columna con dos filas
La segunda entrada a añadir describirá cómo se cambia el tema del blog. Para no repetir, se escogerá el tema cuyo número de orden en la lista de los disponibles coincida con el número de lista del alumno. Este será anotado en el texto de la entrada que detalle esta acción.
En primer lugar, debemos acudir a la página de edición, donde encontraremos este menú en el lateral izquierdo. Pulsamos en la opción de temas, que nos mostrará lo siguiente:
En la captura ya se aprecia el tema que se ha escogido para este blog, que se encuentra bajo el nombre de «BlocoLife». Considero este tema bastante adecuado para un blog donde se deben establecer con claridad una serie de entradas para la asignatura a manera de porfolio, y los widget (de los cuales hablaremos en la tercera entrada) son muy simples de manejar.
La primera de estas tres nuevas entradas (posts o publicaciones) se rellenará con la descripción de las capturas que muestren que se han creado:
Tantas categorías como media (tipos de medios) vamos a explorar en la asignatura: texto, audio, imagen y vídeo.
Un par de etiquetas para cada categoría: texto plano, texto estructurado, audio en forma de ondas y audio MIDI, imagen en mapa de bits e imagen vectorial, vídeo y vídeo en streaming.
En la captura se muestran las categorías añadidas para este blog, donde clasificaremos cada una de las entradas según su contenido.
A su vez, hemos creado una lista de etiquetas para las entradas, que también serán elegidas en base al tipo de media que se analiza en cada publicación. Dado que no se pudo alcanzar el temario de los vídeos en streaming, no se ha incluido en esta lista.
