viernes, 7 de abril de 2017

Sesion VII (18/03/2017) Flash CS3 y Stitching


Flash cs3 

Durante esta sesión, el docente explicó el funcionamiento básico del programa de animación Flash CS3. Básicamente este programa funciona a partir de fotogramas e interpolación de puntos clave. Posee una línea de tiempo similar a la que se maneja en Photoshop y una barra de herramientas de diseño básico por medio de la cual se pueden crear vectores que formaran imágenes. En este programa también se pueden importar imágenes para modificarlas dentro del mismo manipulando el mapa de bits que esta posee.  

¿Cómo vectorizar una imágen en Flash Cs3? 

 

1)Importar Imagen a escena o librería

 

Paso 1


Se puede importar una imagen a escena o librería utilizando menú Archivo, Importar... También se puede hacer seleccionando la imagen en el explorador y luego arrastrarla hasta Flash y soltarla sobre la escena.

2) Trazar Mapa de Bits

 

Paso 2

Para acceder al trazado vectorial debes seleccionar menú Modificar, Mapa de Bits, Trazar Mapa de Bits.


3) Aplicar características de generación

 

 
Aparece un recuadro. Para que salga fiel al original, coloca Umbral de Color:10, Area Mínima: 1, Ajustar a Curva: Pixeles, Umbral de esquina: Muchas Esquinas. Se tarda un rato, pero ya tienes una imagen vectorizada, la cual puedes manipular a gusto, sabiendo que puedes retirar de circulación la imagen original eliminándola de la librería. Puedes probar con diferentes configuraciones en este recuadro, como variar el Área Mínima, para que la imagen quede como tú quieras.

Stitching

El stitching o foto stitching es el proceso por medio del cual se combinan múltiples imágenes para producir una imágen panorámica o una imagen de alta resolución, normalmente mediante un programa de ordenador. Para poder lograr esta técnica, es necesario un proceso de transformación de la imagen en aspectos como el análisis, la rotación  y la distancia focal





De igual manera al mezclar diferentes imágenes debe hacerse coincidir las areas adyacentes de imágenes distintas en color, contraste y brillo. Otro aspecto a tomar en cuenta es el alto rango dinámico o HDR. Las imágenes de alto rango dinámico o High Dinamic Range,  son un conjunto de técnicas que permiten un mejor rango dinámico de luminancias entre las zonas más claras y las más oscuras de una imagen del que las técnicas de imagen digital estándar o métodos fotográficos pueden ofrecer.



La panorámica es otro aspecto que dentro de este tipo de proceso permite acceder a un mayor porcentaje angular ya que el centro óptico solamente permite ver en un ángulo de 40 grados. La panorámica ayuda a aumentar dicha visión angular a un rango mayor a 360º.

Resultado de imagen para angulo de vision humano 

Dentro del mismo proceso de Stitching empezaron a presentarsen errores e inconvenientes al momento de enlazar y unir las fotografías para convertirla en una sola fotografía completa. Estos son conocidos como paralaje o el efecto barril. El paralelismo fué una solución propuesta desde la arquitectura para poder solucionar estos inconvenientes. Si lo que se buscaba era la inmersión o dicho de otra forma que el espectador se viese inmiscuido en la escena como si estuviera allí, era necesario trabajar por medio del paralelismo en aspectos como los Giga pixeles. Concretamente se tomaban varias fotografías paralelas a grandes estructuras y luego se unían para realizar los perfiles arquitectónicos optimos de estas. 




domingo, 2 de abril de 2017

Fotografía en una diapositiva

 Mapa conceptual sobre el capítulo II "Exposición" del libro 101 consejos de fotografía - Michael Freeman




Temas:

1. Fotografía: Antecedentes y actualidad.
2. Exposición: La luz y la cámara.
3. Lenguaje fotográfico: La línea de horizonte/ Ángulo/ Visión y escala de planos/ la línea de horizonte/ Ley de tercios/ Ley de la mirada.


Ejercicios de simulador camera sim  

Ejercicio 1: Ajuste tanto el valor de la Velocidad como el valor del Diafragma hasta que el exposímetro marque exposición correcta, es decir indique o esté en el centro
 ¿EL EXPOSIMETRO? Mide la luz de la imagen. 



22 mm f/8.0 1/60 seg Iso 200




Ejercicio 2: Aléjese y tome una foto de cuerpo entero de la niña.
¿CÓMO LOGRAR QUE EL FONDO Y LA NIÑA ESTÉN NITIDOS? Si la apertura del lente permite la entrada de luz, entonces al estar más lejos debe cerrarse un poco para que la profundidad sea mayor.
¿EL DIAFRAGMA Y LA PROFUNDIDAD DE CAMPO? El diafragma controla la entrada de luz y la profundidad de campo es la escena de fondo, puede ser resaltada emparejada o perder valor en cuanto al objeto o sujeto que es fotografiado con ella.





21mm f/5.0 1/160 seg Iso 200


Ejercicio 3: Congele el movimiento del molinete/ringlete  
¿Cómo lo haría?No importa el resto de la escena. Para congelar elmovimiento, el tiempo de exposición debe reducirse.
¿TIEMPO DE EXPOSICIÓN? Es la velocidad de captura, es decir el tiempo que el lente se abrirá.




                                                      18 mm  f/2.8 1/640 seg Iso 200


Ejercicio 4: Practica ahora con los valores ISO ¿notas el efecto que produce cuando bajas y subes los valores, digamos 100 / 400 / 6400?
¿SENSIBILIDAD? ISO. El ISO es la sensibilidad lumínica de la cámara, si el panorama está muy oscuro, el ISO alto ayudará a arreglar la foto pero la llenará de ruido para hacerla más clara.


ISO 100:



ISO 400: 




ISO 1600: 




ISO 6400: 



Ejercicio 5: Realice un primer plano del rostro de la niña y desenfoque el resto.
¿LA DISTANCIA, LA DISTANCIA FOCAL Y LA PROFUNDIDAD DE CAMPO? Se refiere a que tan lejos o cerca se está del objeto o sujeto, si se aplica zoom, qué tan lejos está el objeto del fondo y que tan nitido está el fondo .



Distancia 1M, Distancia Focal 45mm  f/2.8 1/250 seg Iso 200 


Ejercicio 6: Dispara varias tomas variando la velocidad: valores bajos y alto.
¿QUÉ OCURRE CON LA NITIDEZ? A menor exposición mayor nitidez
¿BARRIDOS, CONGELADOS? De la misma manera un menor tiempo de exposición capturará congelados y un tiempo largo: barridos.


Menor exposición y Congelado: 49 mm  f/3.2 1/500 seg Iso 100




Mayor exposición y barrido: 18 mm  f/22 1/20 seg Iso 200


  • CAMERA SIM: http://camerasim.com/apps/original-camerasim/web/
  • FLICKER: https://www.flickr.com/photos/149075579@N02/

Línea de tiempo instrumentos pre-cinematográficos y el movimiento en las artes

 

Línea de Tiempo basasa en "Film Before Film"







Línea de tiempo el movimiento en las artes

 

 


viernes, 24 de marzo de 2017

Sesión VI (11/03/2017) Exposiciones comienzos de la animación

Durante esta sesión se comenzaron a realizar diferentes exposiciones entorno a los comienzos de la animación, enfocados en diferentes artistas alrededor del globo.  Personalmente se nos encargó investigar acerca del aporte de Walt Disney al mundo de la animación. A continuación colocaré la diapositiva de dicha exposición donde se relata paso a paso los aportes más importantes de este cineasta del siglo XX junto con el resto de temas abordados en las demás exposiciones. 

 

https://prezi.com/jgziivknqofa/walt-disney/

 

Exposiciones:

-Animación experimental
-Maestros de los efectos especiales: O`Brien y Harryhausen.
Los Ángeles: Aparece la introducción de modelos esculpidos en escenas de acción real.
Conceptos clave: Cristales mate, stop motion.

- Animadores independientes Europeos.
Rusia: Berthold Bartosch - Cámara multiplanos.
Unión Soviética: Alexiev - Pin Screen
Imperio Astrohúngaro: Karel Zeman- Stop Motion
Beberly Hills: George Pal

- Pincipios de la Animación Estadounidense.
Wilson Mc Kay
Max Fleisher y Dave Fleisher: Crean Fleisher Studios, competencia directa de Disney (Talkartoons, Koko el payaso, Bety Boop)
Concepto clave: Totoscopio
Patt Sulivan: Creador de Félix el gato.


Sesión V (04/03/2017) Creación de un Gif animado por medio de Photoshop

Durante esta sesión se abordó el tema de como representaciones del arte visual como la fotografía y el dibujo digital se puede presentar por medio de dos tipos de imágenes: Rasterizadas (mapas de bits) o vectorizadas (puntos, líneas y formas).   

En esta sesión el docente explico a groso modo de que manera se puede construir un gif por medio de Photoshop CS3 gracias al trabajo con Capas y la línea de tiempo dentro del mismo programa, la cual nos permite crear la animación como tal. 


Dado que en esta sesión por problemas técnicos no se alcanzó a finalizar la explicación de este proceso, se dejó como trabajo pendiente construir un Gif basado en una secuencia de fotografías propias por medio de Photoshop. Personalmente me base en el siguiente tutorial para poder realizarlo. 

 



 Y este fué el gif resultado del tutorial y de la secuencia fotografica consistente en 26 fotografías de dos objetos en movimiento. (Presionar click encima de la imagen para poder apreciarla en movimiento)

 

 

 

 







Los doce principios básicos de la animación

Mapa conceptual sobre los 12 principios básicos de la animación 


Cronofotografía y exploración de recursos tecnológicos

La principal idea de este ejercicio era buscar 3 tipos de aplicaciones en la web que sirvan para crear Gifs animados online, creando una de ellas y averiguando sus ventajas, desventajas y posibilidades al momento de crear una animación.  


1) http://picasion.com/

Este es un portal web que permite crear un gif animado en su página, subiendo fotografías o imágenes importadas desde el pc del usuario. Permite realizar animaciones con tres imagenes pero cuando son más de este número, la página se relentiza. Sin embargo es una página muy útil para la creación de gif sencillos, sin requerimiento de descargas e instalaciones.   


2) http://makeagif.com/

Esta página permite generar Gifs apartir de la computadora. Subiendo una secuencia de imagenes desde el pc, eligiendo el orden de presentación y selecccionando el tamaño y la categoría del gif podremos diseñar y disfrutar de imágenes en movimiento de una manera sencilla y práctica.


3)http://gifsoup.com/

El usuario puede crear gifs apartir de enlaces de videos de youtube subidos o cargados a la página. Deberá registrarse en esta gratuitamente y al momento de crear su propio gif, el usuario podra editar parámetros basados en el video de Youtube seleccionado tales como duración, minutos y escena seleccionada. La descarga es rápida segura y de manera gratuita aunque los gifs resultantes quedan con marca de agua.  










jueves, 9 de marzo de 2017

Sesión IV (24/02/2017) Principios de la imagen y el movimiento



  • Espacio: Aula 307
  • Temas abordados: 

    Durante esta sesión se abordaron temas como la teoría de Gestalt y su influencia en la psicología humana. Dicha teoría abarca campos como la percepción de la realidad y los fenómenos de ilusiones ópticas entre estas la sensación de movimiento por medio de las imagenes. Se explicaron los diferentes principios Gestalticos que plantean de que manera el cerebro buscando una totalidad complementa distintas ausencias perceptuales o continuidades por medio de creaciones/ilusiones ópticas.

     

    Las ilusiones opticas fueron el germen inicial para comprender de que manera se podía recrear la ilusión de movimiento en las imágenes, además de ser la base para la creación de diferente elementos precinematográficos. Estas son algunas de las ilusiones ópticas mostradas durante la sesión y un video en el que se enseña a realizar varias de ellas: 

    Resultado de imagen para ilusiones opticas del punto rojo

     


Las siguientes fueron algunas de las primeras imágenes animadas en las cuales se trataba de recrear la sensación de movimiento. Estas imagenes eran construidas gracias a series de fotografías que captaban paso a paso cada acción realizada o de elementos como el el Flipbook.

 
 EADWERAD MUYBRIDGE - RIDING A GALLOPING HORSE
 
ETIENNE JULES MARYE- BIRD FLIGHT
En esta sesión también aprendimos a realizar una secuencia de movimiento por medio del programa Power Point. En el proceso de realización de dicho procedimiento, tomamos secuencias de imagenes de movimiento y colocando cada una en una diapositiva del programa buscamos como finalidad la realización de un gif animado. Para poder concretar este proceso, se explicaron las características de los diferentes tipos de formato de imágenes fijas tales como el anteriormente mencionado .GIF o los formatos .JPG y las distintas opciones que los bits contenidos en cada formato nos pueden proporcionar dependiendo del uso que se le quiera dar a cada uno.




IMAGEN FIJA
FORMATO
#COLOR
TRANSPARENCIA
COMPRESIÓN
ANIMACIÓN
# BITES (PROFUNDIDAD DE COLOR)
JPG
Millones
NO
NO
NO
24 Bits
GIF
256
SI
SI
SI
8 Bits
PNG 8
256
SI
SI
?
8 Bits
PNG 24
Millones
SI
SI
SI
Millones



Actividades pendientes:  
  • Debe publicarse en el blog el gif finalizado con la secuencia elegida. 
  • Buscar aplicaciones online para hacer animaciones y postearlas. Deben describirse explicando que se puede y que no se puede hacer con cada una.  
  • Exposición sobre "Walt Disney y la animación"
Conclusiones:   

Considero que ejercicios como la elaboración de un gif en Power Point a través de una secuencia de movimiento son fundamentales para el acercamiento del estudiante de escuela a la elaboración y comprensión de las imagenes en movimiento y lo todo lo que ello implica, esto, en implicación y conccordancia directa con el uso de nuevas tecnologías y sumado a la comprensión previa de los principios Gestalticos que permiten llevar a cabo tales ilusiones ópticas, necesarias para la percepción de dicha sensación.  


Actividades pendiente: Animación en Rotoscopía, Lip Sync y fotografías en Stitching

Las siguientes dos animaciones fueron realizadas grupalmente entre la estudiante Xiomara Arcos y yo. Rotoscopia        Lips...