Archive for the 'Imagen' Category

Dic 16 2025

P4. Imágenes Parte 3

Published by under Audio, Audacity,Imagen,Sonido

Edición de vídeo​

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ídeo libvpx 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. A continuación se observan los videos con dos calidades distintas.

Tamaño del archivo1 1,49 MB (1.571.812 bytes). Video corto con mejor resolución de imagen

Tamaño del archivo 2 1,11 MB (1.164.689 bytes) Video largo con menor calidad de la imagen

Banda sonora: pista1_elPianoDeMiguelAsinsArbo_CD1_TresSonatas-1 editada mediante audacity

Tipo de fichero: MP4 Video File VLC (.mp4) (WordPress no permite la publicación del formato Webm)

Actividad A2. Chromakeying 

En videos\chromakeying encontrará diferentes vídeos con fondo verde que puede usar para realizar una composición mediante chromakeying. Deberá usar dos pistas de vídeo. En la superior debe poner el vídeo con partes verdes a cromar. En la inferior, el vídeo que hará de fondo, del que se verán sólo las partes que coincidan con las áreas en verde de la pista superior. Si el vídeo elegido para la capa superior tiene unas áreas verdes de color bastante uniforme, probablemente obtendrá un buen cromado aplicándole el filtro Clave de color: Sencillo. Para casos más complicados, donde las zonas a cromar tengan un verde poco uniforme o sea muy similar a algunas partes del vídeo que no deben ser cromadas, obtendrá mejores resultados con la opción Clave de color: Avanzado y probablemente usando su opción de espacio de color HSI (Tono-color-intensidad). 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.

Video Chromakeying Titulo: «Auroras boreales» Elaborado con el software Shotcut (open data)

Comentarios desactivados en P4. Imágenes Parte 3

Dic 16 2025

P4. Imagen Parte 1

Published by under Imagen

​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 (UPV-Agora-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-Length), para así poder
    comparar más fácilmente los tamaños de los nuevos ficheros con el de partida.

Descripción de las imágenes de izquierda a derecha, La primera imagen se corresponde con la edición «Optimizado para la web», la segunda con la «paleta de 16 colores», la tercera con la «paleta de 256 colores», la cuarta con la paleta de blanco y negro (1 bit), la quinta con una paleta personalizada (vulcano), la sexta es Ágota/UPV la imagen original. Todas sin difuminar. Las 3 últimas del ágora según los tres tipos de difuminados.

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. La imagen para el ejercicio es el Ágora en la UPV, sede Vera.

Ejercicio con una imagen creada en ordenador

  1. Descarga una imagen en color de al menos 640×480 píxeles.
  2. Usa el programa GIMP y ábrela.
  3. Selecciona Vista | Ampliación > Ocupar toda la ventana
  4. Mediante Imagen | Duplicar haz un duplicado y hazlo ocupar
    también toda la ventana.
  5. En el duplicado, mediante Imagen | Escalar la imagen,
    reduce su tamaño en píxeles a la mitad, horizontal y
    verticalmente. Compara el resultado con la imagen original.
  6. De nuevo en el duplicado, mediante Imagen | Escalar la
    imagen, duplica su tamaño en píxeles, de forma que vuelva
    a los valores originales. Compara de nuevo el resultado con
    la imagen original.
  7. Explica las diferencias de calidad que se observan respecto a
    la imagen original.

La imagen original es nítida. La copia fue reducida al 50%, al volverla a ampliar a su tamaño original las propiedades cambiaron como lo puedes observar abajo. Perdió calidad y nitidez, podemos concluir que se pixelo.

Propiedades de la Imagen
Imagen original
Imagen
  1. Mediante Imagen|Modo convierte los dos duplicados a los
    otros 2 modos de imagen disponibles. Para el modo indexado
    selecciona paleta óptima de 256 colores.
  2. Mediante Archivo|Exportar como… guarda cada una de las
    tres imágenes en formato BMP (deja las opciones de BMP tal
    como vienen por defecto).
  3. Justifica las diferencias de tamaño observadas para los tres
    archivos creados.

Cambio en la profundidad de color (bits por píxel)

Cada modo de color utiliza una cantidad diferente de información por píxel:

  • RGB: Usa 3 canales (Rojo, Verde, Azul), cada uno con 8 bits por defecto, lo que da 24 bits por píxel.
  • Escala de grises: Usa solo 1 canal de 8 bits, lo que reduce significativamente el tamaño del archivo.
  • Color indexado: Usa una paleta de colores limitada (por ejemplo, 256 colores), lo que también reduce la profundidad de color y el tamaño del archivo.
  1. Práctica de imágenes bitmap. Una generada por ordenador y otra fotográfica.
  2. Usa el programa GIMP y ábrelas.
  3. Para cada una, haz Archivo | Exportar como… Añade la
    extensión .jpg al nombre de archivo y pulsa Exportar.
  4. En el cuadro de diálogo de opciones JPG, activa “Mostrar
    vista previa en la ventana de imagen”.
  5. Un factor de compresión de 20 es típico para el formato
    JPG. Actúa sobre el ajuste de calidad hasta que el tamaño
    sea 20 veces más pequeño que el original (reduce a la
    décima parte y luego a la mitad).
  6. ¿Para qué tipo de imagen ha sido menos apreciable la
    pérdida de calidad? la imagen de la mujer creada en computador perdió menos calidad. La del camaleón se pixelo.

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?

Significa que el tono más oscuro de la imagen, presente en el negro de las cámaras de fotografía​

4.2 En cambio, prácticamenteenel20% del extremo derecho el histograma tiene altura cero. ¿Cómo lo interpreta?

Interpreto que la imagen no dispone de “brillo” o de tonos claros. Es una imagen con un tono oscuro predominantemente.​

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?

Indica que en la imagen predominan los tonos claros (más próximos al blanco) y que la imagen dispone de un tono de brillo alto.​

4.4 Seleccione aquella imagen que considere que está óptimamente expuesta. Justifique su elección.

Desde mi punto de vista, la imagen que está óptimamente expuesta es la DSC08192 ya que, en su histograma correspondiente, presenta más simetría que los demás histogramas, a pesar de mantener un valor alto en la izquierda (dentro de los tonos oscuros) Este valor es menor en comparación del presente en el histograma de DSC08190 donde la simetría es menor, y predomina un tono algo más oscuro.​

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

Imagen original para la corrección de la exposición.

Imagen DSC8186.jpg corregida mediante la herramienta niveles.

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

Cuando se restaurar los niveles de brillo, la imagen debe jugar con lo representado en la versión original, por ello, si mejoramos la calidad de brillo de aquella que consideramos con una mala calidad de brillo (imagen de referencia de poliformat DSC08186), al restaurar los niveles o aplicarles una escala óptima, la imagen en sí, ofrece los detalles que tenía en un principio, y este detalle se ve sobre todo en las zonas oscuras. Un ejemplo que se observa son los detalles de las zonas negras de las cámaras, no se aprecian en esta versión corregida de DSC08186 a diferencia de la que hemos tomado como referencia DSC08192.

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

La imagen que se utilizó es propia. Museo de diseño de Barcelona, exhibición «El cuerpo vestido“. Izquierda efecto retro, derecha imagen original.

Comentarios desactivados en P4. Imagen Parte 1

Sep 28 2025

Acerca de mi -El comienzo

Published by under Audio, Audacity,Imagen,Me,Video

"Que la fuerza te acompañe" Entrada a la Facultad de Informática UPV

Facultad de Ingeniería informática. UPV. Foto: eramkal

Este blog es el diario de AHD, la asignatura de Alfabetización en Humanidades Digitales, del Máster de Humanidades Digitales MUHD de la Universitat Politècnica de València.

Me interesa de esta asignatura profundizar en el manejo de sitios de creación web (como esté) , la edición de imágenes, la exploración del audio y edición de video. Se subió el audio, ya que el video con imagen quedo muy pesado. Se puede escuchar el audio original del video.

About me

Comentarios desactivados en Acerca de mi -El comienzo