LOS DOCE PRINCIPIOS DE ANIMACIÓN

Estos principios son creados por algunos animadores de Walt Disney (Ollie Johnston y Frank Thomas) en 1981, lanzando un libro al mercado con el nombre de "THE ILLUSION OF LIFE: DISNEY ANIMATION" en donde explicaban a detalle cuales eran los doce principios básicos de la animación que daban la sensación de que el dibujo animado estaba vivo.

Mapa Mental De Los Principios De Animación 

Los Doce Principios De Animación Recreados En Adobe Flash Player 
- Estirar y encoger

- Anticipación 

- Puesta en escena

- Acción directa pose a pose 

- Acción Continuada y Superposicion

- Entradas Lentas y Salidas Lentas

- Arcos 

- Accion Secundaria

- Ritmo

-Exageración

- Objetos Solidos

- Personalidad o Apariencia 

BIBLIOGRAFIA WEB 

- http://es.gizmodo.com/12-principios-clasicos-de-la-animacion-en-12-gifs-1570884994

- Adobe Flash Player CS3

FLIPBOOK

El flipbook o folioscopio es un libro o libreta  que contiene una serie de imágenes o dibujos que varia gradualmente de una pagina a la siguiente para que cuando pasemos las paginas rápidamente se pueda percibir la sensación de movimiento

Como Hacer Un Flipbook casero

1- En primer lugar vamos  a realizar los dibujos que utilizaremos para crear nuestra libreta.

 Materiales:
-Hojas
-Tijeras
-Regla
-Lápiz
 
Pasos:
1) Inicialmente ser toman las hojas se mide el tamaño del que desearemos nuestra libreta y se recortaran las hojas depende de es tamaño deseado, para después cortar la cantidad de hojas que deseemos depende del grosor del que deseemos la libreta.

2) Luego iniciaremos por hacer nuestro dibujo fragmentando en cada dibujo el movimiento hasta lograr lo requerido y al finalizar colorearlo si se desea y juntar las paginas, moverlas y ver si genero el movimeinto deseado

 

2- El siguiente paso es la encuadernación, primero se debe decidir en donde queremos la encuadernación si a lo largo o a lo ancho de la libreta.

Materiales:
-Gasa
-Colvon
-Agua
- Foamy
-Papel iris

Pasos
1) para encuadernar es muy sencillo inicialmente se corta la gasa en rectángulos largos del tamaño de donde encuadernaremos nuestro libro

2)Se realiza una mezcla en una taza de colvon con agua por partes iguales y se le aplica al borde de el lugar donde realizaremos el encuadernado, luego se pone la gasa encima y se repite el proceso hasta tener tres capas de gasa bien untadas de la mezcla.

3) aseguramos las capas de gasa con ganchos a las hojas y dejamos secar por toda la noche y al día siguiente quitar los ganchos y observar que tiene que estar duro y ya las hojas no se caen estarán aseguradas, debemos cortar los sobrantes de gasa de los lados de la libreta

 4)Luego realizamos la pasta de nuestra libreta con foamy o el papel deseado que sea preferiblemente grueso, medimos el ancho de la libreta y lo multiplicamos por dos y de ese tamaño cortar dos rectángulos uno con el foamy y otro con un papel de colores, para luego pegarlos uno encima del otro y doblar por la mitad

5)Por ultimo pegar con colvon el borde del encuadernado es decir la parte que cubrimos con gasa con el foamy en donde se hizo el dobles del foamy y esperar que se seque.

6)Decorar la pasta de la libreta como se desee, en mi caso grape la libreta para asegurarla mejor y ya tendríamos nuestra libreta de flipbook terminada.

VÍDEO DEL FUNCIONAMIENTO DEL FLIPBOOK  

BOGOTA D.C, MARZO 25 DE 2017, SESION VIII

TECNICA DE STOP MOTION: CUT OUT 

Esta es una técnica de animación que usa el stop motion que consiste en realizar fotografías de figuras planas en la mayoría de las veces con papel o cartulina, para luego recortarlas por su silueta y dividir cada una de sus extremidades por partes para después cocerlas y generara movimiento a través de estos muñecos facilitando el movimiento de las articulaciones, para lograr esto se fotografía movimiento por movimiento generando así fotogramas que vamos a unir después para crear una animación continua.

Como se Hace:




Ahora un corto con animación Cut out:

IMAGEN VECTORIAL: FORMATO EPS 

Llamado así mismo como Postscript encapsulado este es un formato de imagen que trabaja vectores, los archivos EPS normalmente incluyen una previsualizaciòn del contenido para mostrar en la pantalla. La idea es permitir una visualización simple del resultado final en cualquier aplicación que pueda dibujar un mapa de bits. Sin esta visualización las aplicaciones deberían renderizar los datos Postscript (PS) del archivo lo cual estaba fuera de las posibilidades de la mayoría de maquinas hasta hace poco. En mayor medida convierte esa previsualizacion en espacios vectoriales para poder realizar el diseño gráfico del documento, este formato es también en el que normalmente se guardan los dibujos ilustrados.

  

FLASH PLAYER CS3

Observar a través de flash player como la imagen vectorial se mueve y crear a partir de este  los doce principios de animación vistos en clase trabajando con la linea del tiempo y los fotogramas que contiene flash player transformando la imagen en cada fotograma para darle el movimiento que queramos

-LENTO: MAS FOTOGRAMAS

-RAPIDO: MENOS FOTOGRAMAS 

ACTIVIDAD EN FLASH PLAYER 

A partir de lo visto en clase y explicado por el profesor realizar la animación de estirar encoger y acelerado y lento  con ayuda de los fotogramas

- Estirar y encoger

- Rapido y lento 

 ACTIVIDADES EN TRAMITE Y PENDIENTES

-Con lo aprendido en clase realizar los doce principios de animación en flash player y subirlos al blog
-Revisar los criterios a calificar del primer corte y poner todo al dia

KINEGRAMA

El kinegrama se compone de dos elementos: uno con los dibujos, fotogramas o patrón de gráficos llamados a  adquirir movimiento. El segundo es una pantalla transparente de plástico con franjas a rayas que hacen la función de lentes. Al superponer dicha lente sobre la base con dibujos, es como se logra el efecto buscado, ya sea tridimensional, cercana al 3D lenticular, en la imagen o bien un efecto movimiento en impresión lenticular, en la imagen o bien un efecto movimiento en la misma, como el efecto en impresión lenticular.

Como Hacer Kinegrama 



Mi Kinegrama 

ANIMACIÓN EN PHOTOSHOP

Realice la animación en photoshop porque no conseguí donde imprimir acetato pero se puede realizar a partir de una impresión y un acetato

LINEA DEL TIEMPO- FILM BEFORE FILM

FILM ANTES DEL FILM

Básicamente este film nos habla de los distintos artefactos que ayudaron a el desarrollo de la imagen en movimiento, nos hablan desde artefactos o invenciones de las épocas antiguas hasta hoy en día en la era moderna, a continuación nombrare breve mente algunos de los inventos mencionados allí cronológicamente en una linea del tiempo.

LARGOMETRAJE:FILM BEFORE FILM 

Bogota D.C, 18 DE MARZO DE 2017, SESION VII

STITCHING

Se le conoce a este procesos como la combinación o unión de varias imágenes para crear una imagen panorámica o de alta resolución, este proceso se hace normalmente por medio d un programa, para realizarlo se toman muchas fotografías del mismo lugar y luego las unimos para lograr una imagen de gran tamaño

MI PROPIO STITCHING: Este stiching fue realizado juntando todas las imágenes, para que salieran todos los estudiantes de un salón en la hora de descanso, 

EJERCICIOS DE STICHING 

ADOBE FLASH PLAYER 

Este es un programa creado para realizar animación a partir de vectores en dos dimensiones o también crear aplicaciones web. Con este programa tenemos la oportunidad de interactuar con diferente herramientas desde lineas de tiempo para formar nuestra animación, herramientas como las de paint dibujar explorar distintos tipos de trazo, ademas a partir de esta aplicación podemos convertir otras imágenes en vectoriales rasterizandolas o los textos los trasforma en vectores para modificarlos y las figuras también.

CREACIÓN DE UN GIF ANIMADO A PARTIR DE ADOBE FLASH PLAYER

Version: Adobe flash player cs3 

1- Inicialmente se abre la aplicación para reconocer las herramientas al abrir seleccionamos action script 2.0

2- Luego al abrir el nuevo documento seleccionamos la herramienta de crear figuras y creamos la que queramos 

3- Creamos una figura y a partir de la linea de tiempo oprimimos f6 para crear un nuevo fotograma clave en el que moveremos la imagen 

4- y luego podemos crear mas capas en la linea del tiempo y jugar con otros elementos agregando mas figuras con movimiento 

ANIMACIÓN TERMINADA

IMÁGENES RASTERIZADAS CON FLASH PLAYER 

1- Tomar una imagen normal 

2 - Dar clic en modificar- mapa de bits- trazar mapa de bits y nuetra iamgen quedara ahora ya no con pixeles si no con vectores

3- Imagen vectorial 

IMÁGENES RASTERIZADA MODIFICADA

- Unos de los ejercicios pendiente fue arreglar la imagen rasterizada y ponerle texturas, degradados y otros colores para realizar esto tenemos que tomar la imagen y en el cuadro de napa de bits modificar lo de la siguiente manera:

Umbral de color: introduce un valor comprendido entre 1 y 500. Al comparar el color de dos píxeles, si la diferencia en los valores RVA (Rojo-Verde-Azul) es inferior al umbral de color, se consideran iguales. A medida que aumenta el valor del umbral de color, disminuye el número de colores.

Área mínima: comprendido entre 1 y 1000 para establecer el número de píxeles circundantes que deben considerarse al asignar un color a un píxel.

Ajustar a curva:  selecciona una opción del menú emergente para determinar la suavidad de los contornos en los trazos curvos. Se consigue más calidad con la opción Pixeles.

Umbral de esquina: selecciona una opción del menú emergente para determinar si se mantienen los bordes afilados o se suavizan. Se logra más calidad usando la opción Muchas esquinas.

ACTIVIDADES EN TRAMITE Y PENDIENTES

- Terminar el ejercicio de flsh player y subirlo al blog

- Realizar la linea del tiempo de film before film

- Tener todo al día para finalizar primer corte