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
