Parte 1: Imágenes en mapa de bits
Ejercicio 1:
Propiedades de una imagen. 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:
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) Para cada una de las representaciones, almacene la nueva imagen con la opción Archivo -> Exportar como, seleccionando formato BMP sin compresión (no codifique en Run-Leng.
Ejercicio 3:
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.
Ejercicio 4:
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?
El alto valor en el extremo izquierdo indica que la mayoría de los píxeles son oscuros. Esto significa que la imagen está mayormente subexpuesta, perdiendo detalles en las áreas claras.
4.2 En cambio, prácticamente en el 20% del extremo derecho el histograma tiene altura cero. ¿Cómo lo interpreta?
La altura cero en el extremo derecho significa que no hay píxeles brillantes en la imagen. Esto confirma que no hay áreas claras o iluminadas y que toda la imagen está sumida en sombras.
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?
El pico alto en el extremo derecho indica que la mayoría de los píxeles son muy claros o blancos. Esto significa que la imagen está sobreexpuesta, perdiendo detalles en las áreas brillantes.
4.4 Seleccione aquella imagen que considere que está óptimamente expuesta. Justifique su elección.
La imagen DSC08190 es la más equilibrada, ya que su histograma muestra una buena distribución entre tonos oscuros, medios y claros. Esto significa que conserva detalles en todas las áreas, logrando una exposición adecuada.
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 imagen. Para tener una referencia de calidad, abra también la imagen que consideró óptima en el apartado anterior. Desactive la opción Ventanas > Modo de ventana única para poder ver ambas imágenes, una junto a la otra en todo momento. Ajuste el nivel de zoom si es necesario para verlas completas, al mismo tamaño. 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:
Para mejorar la imagen subexpuesta (DSC08186), usé la herramienta de Niveles en GIMP. Ajusté los controles del histograma para arreglar los tonos oscuros, medios y claros. Moví el control de la izquierda, que maneja las sombras, un poco hacia la derecha para que no se vieran tan apagadas. Luego, ajusté el control de la derecha, que regula los brillos, llevándolo hacia el centro para aclarar las partes más iluminadas. Finalmente, el control del medio lo moví hasta que sentí que la imagen se veía más balanceada y con mejor iluminación. Después de hacer estos ajustes, la imagen quedó mucho más clara y con más detalles. Pude recuperar varias cosas que antes estaban perdidas en las sombras, y en general, la escena se ve mucho más equilibrada y agradable. Aunque no quedó igual que la imagen correctamente expuesta, la diferencia es notable y ahora se pueden ver elementos que antes ni siquiera se distinguían. Me sorprendió lo útil que puede ser una herramienta como esta para arreglar imágenes que, al principio, parecían difíciles de rescatar.
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 comparar las zonas oscuras de la imagen ajustada con la referencia correctamente expuesta, se nota que las texturas, especialmente en el cuerpo oscuro de la cámara a la izquierda y la cámara en primer plano, son menos detalladas en la ajustada. Esto se debe a que la imagen subexpuesta original carecía de información suficiente en esas áreas. Aunque los ajustes de niveles aclararon las sombras, no pudieron recuperar detalles que no estaban presentes, lo que genera una apariencia más plana en comparación con la referencia.
Ejercicio 7:
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.
Para darle un efecto retro a la imagen que descargué, seguí varios pasos. Primero, desaturé un poco los colores, bajando la intensidad para que no se vieran tan vivos, como en las fotos antiguas. Luego ajusté el balance de color, añadiendo tonos cálidos como amarillos y rojos para darle ese toque nostálgico.
También apliqué un ligero desenfoque para que no se viera tan nítida, como si fuera tomada con una cámara analógica. Después, añadí algo de ruido para simular el grano típico de las fotos antiguas. Esto lo hice al final porque el ruido puede quedar oculto si aplicas otros efectos después. Finalmente, oscurecí los bordes con un viñeteado suave para completar el efecto retro.
El resultado fue una imagen con colores apagados, un poco borrosa, con textura de grano y un aspecto envejecido. Todo esto hizo que pareciera una foto tomada hace décadas, en lugar de una imagen moderna y limpia.
Parte 2: Imágenes vectoriales SVG
Ejercicio 1:
Edición de un SVG 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:
• Realice un escalado de algún elemento (cambio de tamaño). Para ello deberá seleccionarlo con la herramienta de selección y arrastrar los tiradores que enmarcan el objeto. • Replique algún elemento. Para ello deberá seleccionarlo y hacer Copiar y Pegar (menú Edición). • Modifique algunos nodos de una curva. Utilice la herramienta de edición de nodos • Cambie el color de relleno (si hay algún objeto o trazado cerrado) y el color del trazo, con ayuda de la herramienta Relleno y borde Incorpore a su portafolio tanto la imagen original como la editada (asegúrese de que todos sus cambios resulten claramente evidentes).
Imagen original:
Imagen editada:
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.
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.
Parte 3: : Edición de vídeo
Alternativa A:
En el Ejercicio A.1, use Shotcut para cargar clips de vídeo con sonido, recórtelos a 4 segundos cada uno (máximo 20 segundos en total) y añada transiciones como corte directo, fundido encadenado y una personalizada con patrones de transición. Guarde el proyecto como archivo .mlt para continuar la edición más adelante.
En el Ejercicio A.2, normalice el audio de la pista con el filtro Normalizar: una pasada, ajustando la ganancia máxima a 30 dB y la mínima a -30 dB para obtener un nivel uniforme cercano a -23 LUFS. Añada una música de fondo en una banda adicional, ajuste su volumen con el filtro Ganancia/Volumen para que no opaque el sonido de los clips, y aplique efectos de Fade in y Fade out al inicio y al final del tema.
Actividad A.1:
Exportación de video con créditos:
Mp4:
Actividad A.2 Chromakeying :