miércoles, 26 de marzo de 2014

Visualizadores y Manejadores o Editores de Imágenes


Un visualizador de imagenes es un programa que permite ver una imagen. Entre las opciones que usualmente ofren están la de ampliar, reducir la imagen, cambiar la resolución o exportar a otro formato. Un manejador o editor de imagenes es un programa que permite tanto visualizar, como alterar o elaborar una imagen. Los editores de imagenes pueden ofrecen opciones muy sencillas de modificación de imagen como las de cortar y pegar, hacer trazos de puntos, lineas o circulos, hasta opciones muy avanzadas como la de transparentar imagenes, partes o colores de esta y superponer esa transparencia a otra u otras imagenes (algo muy distinto de copiar y pegar), alterar la textura de la imagen, hacer collages, crear sofisticados efectos de visualización con filtro de imagenes e incluso  animaciones.

Existen dos tipos de editores de gráficos: los rasterizados y los editores de gráficos vectoriales. Los editores de gráfico rasterizados se utilizan sobretodo para la manipulación de imágenes fotorrealistas o de imagenes creadas a mano utilizando tabletas digitalizadoras, clonar imagenes hacer collages, etc. Los formatos que utilizan esta clase de editores son
JPEG, PNG, GIF y TIFF entre otros. Mientras que  los editores de gráficos vectoriales son mejores para cuestiones más técnicas como el diseño de planos, tipografía, logotipos, ilustraciones artísticas, ilustraciones técnicas, diagramación y diagramas de flujo. Los formatos que utilizan esta clase de editores son EPS, PDF, WMF, SVG o VML.


Esta entrada se describira unicamente 5 editores gráficos raterizados dado que es este tipo de editor el utizado en el curso.

Entre las caracteristicas destacables que debe tener todo buen editor gráficos rasterizado (son las que tiene por ejemplo Photoshop), están:

  • Entorno de trabajo multicapa.
  • Gestión de color avanzada.
  • Tratamiento de tipografías.
  • Tratamiento y ecualización de color.
  • Filtros creativos (preferiblemente compatibles con Photoshop).
  • Manejo de plugins de terceras compañías (compatibles con Photoshop).
  • Herramientas de pinceles texturizados rápida y altamente configurables.
  • Herramienta de clonación.
  • Herramientas de retoque de imagen (difuminación, cambio de matiz, cambio de color, rango de saturación, etc).

1. Paint

Es el editor gráfico por default de Windows, no tiene, ni remotamente, todas caracteristicas que debe tener un buen editor gráfico. Es  un visualizador imágenes, con algunas opciones sencillas de edición de imagenes. Como las de cortar y pegar porciones de las imagenes o direntes imagenes, hacer trazos con diferentes grosores de lapiz, rombos, circulos, rellenar con colores o invertirlos.

2. Photoshop

Es el editor gráfico más popular hasta la fecha. En realidad forma parte de todo un Pool de programas conocido como Adobe Creative Suite, su costo puede fácilmente llegar a superar los 1000 dólares. Originalmente se desarrollo unicamenta para MAC pero después migró también a Windows. Además de tener todas las características de un buen editor gráfico posee muchas otras además de infinidad de plugins y complementos.

3. GIMP

Tiene muchas de las opciones de Photoshop, aunque como una gran parte de los proyectos de software libre, no se ideo con la idea de competir con este, aunque sin embargo compite. Su mayor ventaja: es de licencia GNU, es decir, gratuito y de código público. Otra de sus mayores ventajas es que es multiplataforma, mientras que Photoshop solo trabaja en Windows y MAC.  También cuenta con un complemento llamado PSPI que permite ejecutar plugins de Photoshop en GIMP. Según los usuarios de Photoshop, su curva de aprendizaje es mayor a la de este, pero para mitigar esto esta la alternativa de Gimpshop. Es el mismo GIMP pero con la diferencia de que la interfaz gráfica esta modelada a la manera de Photoshop, de allí que su nombre sea un híbrido entre GIMP y Photoshop. Esta interfaz permite a los usuarios manejar GIMP de la misma manera que manejan a Photoshop.

Entre los enlaces que se pueden consultar para evaluar las prestaciones entre Photoshop, GIMP y otros editores gráficos esta este.

domingo, 9 de marzo de 2014

Texturas

Las texturas por lo general se caractericzan por ser algo abstracto, aunque también pueden tener o estar insertas en composiciones temáticas, y seguir alguna especie de patrón, que puede o no estar muy bien definido. El patrón puede estar en una repetición de figuras, líneas y/o colores. En la mayor parte de esta serie de fotos de principiante, lo que se fotografía no es simplemente una textura, si no esta dentro de su entorno o acompaña de otra u otras texturas.

La definición de wikipedia es incluso más compleja y clasifica las texturas en:

-Textura visual:es producto del comportamiento de la luz sobre las superficies de los objetos; y la percepción que tenemos de ella es solo de carácter visual.
- Textura táctil: cuando interviene el tacto y la vista. La textura se puede describir como la cualidad de una superficie que posee elementos texturantes. De estos elementos texturantes se puede definir: tamaño, separación y dirección.


Individual


Figura 1. Electricidad


Figura 2. Dos texturas: muro y arboles

Figura 3. Entablado


Grupal

Figura 4. Grillo



Figura 5. Camino


Figura 6. Mural una textura temática

Figura 7. Tierra y frutos caidos

Figura 8. El pozo. Un excelente ejemplo de una textura visual, basada en el comportamiento de la luz.


El Retrato


El objetivo de este laboratorio era tomar varias fotos de nosotros mismos, los propios participantes de la práctica. En lo personal me incómoda tomarme fotos, evidentemente no soy nada fotogénico, pero no me quedo otra sino hacerlo. En el blog sólo deberían estar las fotos de Fernando Gómez y las mías, dado que sólo somos dos los integrantes del laboratorio pero luego se integro un 3er compañero de clases.


Fotos en fondo blanco

En las fotos de fondo blanco por lo general se buscaba el brillo en los ojos (a mi no me brillaban) y variar la iluminación de forma que la sombra no apareciera reflejada en la foto. Alguna de las cosas más dificiles era cómo colocar las manos, en este primera foto, por ejemplo, Fernando las apoya de un respaldo.

Figura 1. Fernando Goméz. Según él, es guapo



Figura 2. Fernando Gomez nuevamente haciendo de galán
Figura 3. Alguien que aparecio de incógnito para hacerle la competencia a Fernando


Fotos en fondo negro


Figura 4. Ya se estaba durmiendo





Figura 5. Le va ganando










Figura 6. Desde otro ángulo



Figura 7. Manos en otra posición
Hora Loca


Figura 8. Charlie Mata


Figura 9. El fantasma de la opera


martes, 18 de febrero de 2014

Laboratorio de Manipulación de Imágenes


Durante los primeros días de laboratorio se nos entregaron unas cámaras estenopeicas para que tomaramos fotografías de cualquier cosa bajo ciertas condiciones. Una cámara estenopeica, como explica wikipedia, es simplemente una cajita, que puede estar hecha de carton o algún material más o menos resistente, por lo general de proporciones casi cúbicas, con un agujero muy pequeño (se puede abrir con una aguja o un clavo muy fino) de uno de sus lados por el cual entra la luz e imprime una fotografía en un material fotosensible que estaría de frente al mismo agujero. El material fotosensible que se usa puede ser de muy diverso tipo: papel fotográfico (color o b/n), película lith, película negativa o diapositiva, sensor digital, etc). La forma en como se imprime la fotografía en dicho material fotosensible se explica por el fenómeno de la cámara oscura: la imagen que pasa por el pequeño agujero se invierte, debido a que la luz que incide sobre el material fotosensible se propaga en línea recta, por tanto el punto de luz de un objeto o alguna parte de este que este sobre su borde superior al progarse en línea recta hacia el agujero de la estenopeica quedara impreso en una parte inferior del material fotosensible con respecto al borde inferior del mismo objeto, la misma inversión ocurre para los puntos de luz de izquierda y derecha del objeto. Por tanto la inversión es completa: tanto de la parte inferior y superior como de las partes laterales. El siguiente ejemplo ilustra todo esto:


Figura 1. Esquema de una cámara estenopeica


En la segundo laboratorio se manipularon las imagenes escaneadas de las fotografías estenopeicas utilizando Photoshop para pasar los negativos a positivos. En esta entrada se utilizara sin embargo la herramienta GIMP, disponible tanto para Linux como para Windows (¿por qué usarlo?), la cual tiene todo el potencial de Photoshop para los objetivos de ese laborario y es completamente gratuita. El costo de la licencia de Photoshop es de más de 1000 dólares, pero no podría pagarlo ni a la mitad de ese precio, esa es la principal razón por la cual procedo a describir todo el proceso utilizando únicamente dicha herramienta.


Esta es la fotografía de la imagen original  tomada con la cámara del celular que uso, un Alcatel OT-802A, el cual posee una cámara de 2 megapixeles (2 MP, 1600x1200 pixels):


Figura 2. Fotografía tomada con el celular


Este es el negativo original de la estenopeica que parece también una fotografía infraroja en blanco y negro:

Figura 3. Negativo de la fotografía tomada con la estenopeica



Instalar GIMP en muy fácil desde la consola de Linux:

sudo apt-get install gimp

Al iniciarlo se verá algo como esto:

Figura 4. IDE de GIMP


La apertura de la imagen es como se hace en cualquier otro menú Archivo -> Abrir.

Para ampliar o reducir la imagen, se utiliza la lista desplegable que se ve en la parte inferior de la ventana principal:


Figura 5. Apertura del negativo de la estenopeica en GIMP


Lo primero que se debe hacer en el caso de esta fotografía es recortar los bordes sobrantes de la imagen. Para ello se utilizar la opción  "selección rectangular" de la barra de herramientas y se demarla el área sobrante a recortar. Luego en el menú principal se selecciona Imagen -> recortar a la selección

Figura 6. Opcción de selección rectangular de la barra de herramientas


Debido al efecto de cámara oscura de la estenopeica, la imagen esta invertida tanto vertical como horizontalmente, por ello se hace necesario voltearla en ambos sentidos. Para ello en el menú principal se selecciona Imagen->Transformar->Voltear verticalmente.

Figura 7. Optención del positivo: voltear imagen horizantalmente


Luego en el mismo menú de transformar se selecciona rotar 180 grados y la imagen quedaría finalmente en la posición correcta:

Figura 8. Negativo del estenopeica volteado



Para terminar de pasar la imagen a positivo se selecciona la opción en el menú principal, Colores->Invertir

Figura 9. Positivo de la fotografía del a estenopeica


Para aumentar la claridad y mejorar el balance de grisis de la imagen nos vamos a Colores->Niveles. Allí al mover el cursor hacia la izquierda se constata que aumenta la claridad de la imagen:

Figura 10. Histerograma de la estenopeica


Para modificar la exposión en Gimp si utiliza la opición Colores->Brillo y contraste, en el caso de que haga falta. Sin embargo para el caso de esta imagen en específico solo hay problemas de visualización en los margenes de la misma, esto ocurre por el efecto de ennegrecimiento en los bordes de la copia o el negativo, el cual explica wikipedia de la siguiente forma:


En las fotos estenopeicas hechas sobre un plano, se detecta un defecto que consiste en la irregular distribución de la luz, siendo mas intenso en el centro que en los bordes.
El motivo es que generalmente la película se apoya sobre un plano (el plano focal), y esto da lugar a que la luminosidad que llega a los distintos puntos de la película no sea uniforme, ya que salvo el punto del centro, todos los demás están a distancias crecientes con respecto al central, lo que ocasiona que el número f (apertura relativa=Distancia focal / Diámetro del estenopo) varíe de un punto a otro, siendo tanto mayor cuanto más lejos esté del estenopo.
A este efecto se suma otro que tampoco carece de importancia, y es el ángulo con que cada punto del negativo ve el agujero del estenopo: el punto central del negativo lo verá como un círculo perfecto, mientras que los demás puntos verán elipses, que van siendo más estrechas cuanto más se alejan los puntos, lo que indica que disminuye su superficie y, en consecuencia, la luminosidad que llega a los puntos alejados del centro.
Para que el total de la superficie fuese uniformemente iluminada, tendría que apoyarse en una superficie que fuese el lugar geométrico de todos los puntos que cumpliesen la condición de que la apertura relativa para su posición fuese constante e igual a la apertura f nominal.
Si pensamos un poco, llegamos a la conclusión de que esa superficie no puede ser otra que la esférica. Pero como es imposible ajustar una película a esta superficie, podemos prescindir de una dimensión, y conformarnos con una superficie cilíndrica de base circular, que en ésta sí podemos ajustar la película.
Si así lo hacemos, conseguiremos una luminosidad uniforme a lo largo de las líneas horizontales, mejorando sensiblemente la calidad del estenotipo, aunque se apreciaría variación de la luminosidad en las verticales que, al ser la menor dimensión, el defecto seria menos visible.

Se podría intentar recuperar la información pérdida debido al ennegrecimiento en los bordes utilizando la opción de la caja de herramientas denominada "marcado a fuego" la cual ilumina o oscurese selectivamente una imagen.

Figura 11. Opción de marcado a fuego del a caja de herramientas


El area cuya información no interesa recuperar el la del margen superior derecho. Especificamente esta área de la pantalla, vista desde la fotografía de la estenopeica y desde la fotografía del celular:



Figura 12. Comparción de una la imagen de la cartelera en la estenopeica y en la foto del celular


Al aplicar la herramienta el mejor resultado que se obtiene es este:

Figura 13. Resultado de iluminar la fotografía de la cartelera de la estenopeica

Aunque casi pareciera notarse los bordes de la hoja blanca en el medio de la imagen el resultado sigue siendo extremadamente difuso. Por esta razón es preferible dar esta información por pérdida.

A pesar de descartar la recuperación de la información aun hay imperfecciones como puntos brillantes y otras irregularidades de la imagen que seria más estético quitarlas de allí. Para eliminarlos y emparejar  la imagen existen tres opciones en GIMP el emborronado, el clonado de otras áreas de la imagen y el sanedao , las tres opciones están disponibles en  la caja de herramientas. El emborronado tiene más o menos el mismo efecto que ocurre si pasamos el dedo suavemente por una pintura fresca.

Figura 14. Opción de Emborronado de la Caja de Herramientas
La opción de clonado lo que hace es clonar otras áreas de la imagen  dependiendo del área y el tamaño del pincel que se escoja, es más práctico que utilizar el método de cortar y pegar. Para clonar un area de la imagen se selecciona la opción de clonar y presionando la tecla Ctrl se selecciona el área a clonar. Luego se suelta la tecla Ctrl y se clona la porción de la imagen, que será del tamaño del pincel escogido, presionando click en el area deseada. Al hacer esto el puntero que esta sobre el área clonada quedara enlazado al puntero del mouse de manera que se movera conforme lo haga este y al precionar click sobre cualquier area se clonara la porción de la imagen sobre la que este el otro puntero. Esto facilita la clonación cuidadosa de las áreas circundantes.


Figura 15. Opción de clonación de la Caja de Herramientas
 
El saneado es una especie de clonación inteligente. El procemiento para clonar es el mismo que para la opción de clonado. Al clonar un área no se clona simplemente el área seleccionada sino que se tienen en cuenta la similaridad del área sobre la cual se va a clonar con la porción de la imagen que se clonara, mientras más similares sean ambas porciones más efectivo sera el clonado. El uso de este tipo de clonado es entonces crear un mayor grado de uniformidad o similitud entre distintas porciones de una imagen.

Figura 16. Opción de sanedado de la Caja de Herramientas



Todas estas opciones se probaron y se llego a la conclusión de que la mejor opción para corregir las imperfeciones, en la imagen anterior, que se intento tratar con la opción de maracado a fuego, era la herramienta de emborronado, dado que las correciones que se hacían con esta eran las menos imperceptibles. Al hacerlo así la imagen resultante fue esta:

Figura 17. Fotografía de la estenopeica luego de aplicar el emborronado a la superficie de la esquina superior derecha.


Ahora se procede a aplicar la opción de saneado sobre esta parte de la imagen, esto porque ni el emborronado ni la clanocación trabajan bien sobre esta parte de la imagen:

Figura 18. Parte de la imagen sobre la que se aplicara saneado


Parte de la imagen luego de aplicar el sanedo:

Figura 19. Imagen luego de aplicar el saneado

Ahora se procede a corregir la parte derecha inferior de la imagen:

Figura 20. Parte de la esquina inferior derecha de la fotografia de la estenopeica

Para corregir esta parte de la imagen se utilizara la técnica de clonado pero utilizando la técnica de copiar y pegar en lugar de la herramienta de clonado. Esto porque de esa forma se puede hacer más rápido. La porción de la imagen a clonar es la que se ve en el rectangulo punteado:

Figura 21. Selección del una porción de la parte inferior derecha de la fotografía de la estonopeica para clonar

Dicha imagen se copia y se pega hacia el extremo inferior derecho de forma que quede lo más pareja posible:

Figura 21. Clonación de la porción dela imagen seleccionada en la figura 20.


Para emparejar los bordes de la imgen clonada utilizamos sanear, el pincel que utilice en GIMP para el sandeado de los bordes fue mediano pero luego utiliza el más que grande que proporciona en escala de 2 para el resto del saneado, para emparejar el borde del piso, que no se ve en la imagen,  se utilizo el emborronado con un pincel grande en escala de dos . El resultado final fue este:


Figura 23. Fotografía de la estenopeica luego de la clonación, saneado y emborronado de la parte infeor derecha dela imagen


De la misma forma se pude ir haciendo las correcciones en el resto de la imagen, utilizando emborranado, clonación o saneado, según sea el caso o una combinación de cualquiera de esas opciones. Finalmente el resultado final que se obtuvo fue este:

Figura 24. Imagen de la luego de realizar todas las restauraciones


Con esto solo se ha se ha explorado someramente todas las posibilidades que ofrece GIMP en cuanto a la manipulación y restauración aparente de una imagen. Se dice restauración aparente porque en realidad, en muchas de las opciones que se utilizaron de la caja de herramientas, lo que se hace es darle uniformidad a la imagen en donde la información de esta se presenta difusa o la información contenida en ella es irrecuperable. También a veces puede ser inevitable que al hacer más estética una imagen se pierda parte de su información original, de allí que esta técnica tenga que emplearse con mucho criterio y cuidado, en caso de querer tener una imagen representativa y fidedigna de lo que se ha fotografiado. También es claro que utilizando una herramienta como GIMP es posible manipular una imagen de forma tal que se falsee e incluso se tergiverse esta, pero eso sería tema de otra entrada. 

jueves, 13 de febrero de 2014

Laboratorio de Iluminación


Estas son algunas de las fotografías que tome en el primer laboratorio del curso. En este laboratorio el objetivo era jugar con los distintos efectos de luces y sombras, además de las distintas perspectivas en como se podía visualizar las imágenes. 

En estas 2 primeras fotografías, por ejemplo, se fotografían 3 objetos transparentes, un recipiente y dos lupas de distinto tamaño, algo superior al tamaño de una mano, sobre una superficie reflectante. La principal dificultad en este caso estaba  en cómo evitar el brillo de la superfie reflectante al mismo tiempo que se intentaba tomar una fotografía lo más nítida posible del objeto a fotografiar. Esta es una dificultad que se puede dar en un escenario real cuando, por ejemplo, se intenta fotografía un bote que navega sobre un lago mientras el sol se refleja fuertemente en su superficie.


En esta primera fotografía se ve por ejemplo un gran brillo superior en la parte superior derecha, que no se logro evitar para cuando se toma la fotografía.






Nuevamente el brillo en la parte superior izquierdad de la imagen. Se agregaran algunas liquidos de colores para dar más tensión a la imagen. Al principio no me gusto tanto ese efecto sugerido por la preparadara, pero creo que de haber coloreado más la superficie hubiese podido captar los distintos efectos de la luz sobre cada uno de los distintos colores. Habría sido más interesante.





Nuevamente el mismo tipo de fotografía con un cambio de escenario. En ese caso no solo se utilizaron objetos transparentes, sino también dos objetos opacos, un escarabajo y otro en forma de huevo cada uno de los cuales se puede distinguir entre la parte superior izquierdad y derecha.





Al tomar la misma fotografía sobre una superficie de color negro desaparece el problema del reflecho en la superficie de fondo 






Hubo una ultima sesión en la práctica dedicada a intentar a fotografíar las distintas expresiones y gestos que se pudieran hacer con las manos, sobre un fondo negro. No era tanto un problema fotográfico como de facilidad de expresión o de lenguaje gestual. La única imagen que público es el asiento de 4 manos para finalmente cerrar la entrada, fue un poco dificil dado que nos teníamos que contorseonar viendo hacia la cámara para que pudiera quedar bien.





lunes, 10 de febrero de 2014

Principios o leyes de percepción Gestalt


Según la Teoría de Gestalt la percepción no es un acto pasivo sino preconfigurado por la mente a través de ciertas leyes y de la memoria del individuo. De allí  que el todo no sólo sea mayor que cualquiera de sus partes como pensaba Euclides,  sino que también es válido ese axioma popularizado en parte por la Gestalt y sus actores, como W. Kohler, de "el todo es más que la suma de sus partes", el cual pareciera sacado de una de las máximas de los "Elementos de Teología" de Proclo.

Las leyes o principios de la percepción de la Teoría Gestalt se enuncian y enumeran y de diferentes formas dependiendo de la fuente que se consulte. Estas leyes aplican a la percepción en general pero aquí nos centraremos en como estas influyen en nuestra percepción de la imagen.


  • Ley de la Semejanza - Ocurre cuando nuestra mente agrupa los elementos similares en una entidad o un solo patrón. Como se puede apreciar en las siguiente tres imágenes de abajo:

ss
Un patrón de estrella percibido a través de triangulos semejantes. El ejemplo seria más perfecto si se obviara el rostro del aguila. Extraido de aquí.








Figura de Escher: Tanto las figuras negras como las blancas se perciben como
un grupo de pájaros blancos y negros



 Pintura de Escher. Las figuras semejantes, blancas de ángeles y negras de demonios, forman
un patrón perfecto y muy simetrico con una sensación esfericidad




  • Principio de la Proximidad - ocurre cuando los elementos que se encuentran relativamente cercanos, se perciben formando una misma unidad o grupo. Un ejemplo bastante sencillo es el que se muestra a continuación:



Cada una de las agrupaciónes de circulos se puede ver como una unidad separada


 
El clásico ejemplo de la copa. La silueta de dos rostros con una simetria axial se perciben como la unidad de la copa.