Animación con vectoriales

Documentos relacionados
Fundamentos de Animación Digital

Principios y Técnicas de Animación

Principios y Técnicas de Animación

UF 1.1 Recursos técnicos y humanos! Técnicas de la animación.! Módulo 1

Tema 3. Gestión de proyectos de desarrollo. Elementos de diseño. Contenido dinámico - Animación

Aprendiendo con videos

ELEMENTOS DEL DISEÑO GRÁFICO DISEÑO GRÁFICOEN MOVIMIENTO

Tema 3 Animación por Computadora. f)creación de animaciones mediante Adobe Flash.

ANIMACIÓN CAPÍTULO 9:

La creación de animaciones es una de las tareas fundamentales en el proceso de creación de proyectos multimedia.

Tema: La animación cuadro por cuadro (1) Conocimientos previos

ANIMACIÓN animación ORÍGENES a

Arquitectura básica de los gráficos

LENGUAJE DE LA ANIMACIÓN

Principios básicos de Animación por Computadora

LA TECNICA DE ANIMACIÓN STOP MOTION

Técnico Profesional en Montaje y Edición de Video con Adobe Premiere CC 2013

Animaciones Móvil. Banner Estándar. Banner Rising Star

Temario Flash 8 para Web

1

Duración en horas: 40 OBJETIVOS DEL CURSO

Flash: Animación para medios interactivos

HERRAMIENTAS MULTIMEDIA Y CREACIÓN WEB MEDIANTE MACROMEDIA / ADOBE FLASH CS5. NIVEL BÁSICO

IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA

Adobe Flash CS3. 1. INTRODUCCIÓN A FLASH (I) Qué es Flash? Por qué usar Flash? De Flash 5 a Flash

Flash. Programa de Estudio.

Para esta caso, les presentaré a Panchito:

simulaciones a situaciones de la vida diaria, por ejemplo: Caminar por una vereda, detenerse en una calle, auto anda por la calle.

Introducción. Que empiece el espectáculo

Índice general. Pág. N Símbolos e instancias El símbolo gráfico Insertar símbolos desde la Biblioteca

Adobe Flash CS6 imágenes en movimiento

Macromedia Dreamweaver 8. Contenido

Superior de Diseño Gráfico: Photoshop, Ilustrator y Flash CS6 Duración: 100 horas

Diplomatura en Diseño Multimedial

ADOBE FLASH CS4 ÍNDICE DE CONTENIDOS 1. INTRODUCCIÓN A FLASH

Guía del Curso Flash CS 5-5

FLASH CS5 - DISEÑO WEB

Herramientas para el análisis de productos audiovisuales. Bibliografía Términos técnicos Preguntas Incertidumbres

CURSO DE ANIMACIÓN STOP MOTION

Tutorial Windows Live Movie Maker

Creación, edición y publicación de videos digitales

Luz, cámara 3D! El proceso de realización de un largometraje de animación 3D y sus diferencias con respecto al cine tradicional.

Píxel. Un píxel ( picture element ) es la menor unidad homogénea en color que forma parte de una. fotograma de video, gráfico)

MODELADO Y ANIMACIÓN DEL COMICS CON ÉNFASIS EN EFECTOS ESPECIALES TOTAL HORAS: 160 HORAS (96 PRESENCIALES 64 INVESTIGACIÓN) TOTAL CICLO: 16 SÁBADOS

G.P ANIMACION Y EFECTOS PARA LA WEB FLASH CS6

Clase Tema Actividad en casa 20% Evaluación. Crear 3 muestras de camisetas con dibujos personales vectorizados

Programa Formativo. Código: Curso: Diseño y animación Web Macromedia Flash 8.0

Sirve para editar gráficos basados en vectores.

Edición y PostProducción de videos

Tecnologías de la imagen II

Práctica de animación en Flash

Importar secuencias de imágenes

Animación. Después de trabajar con animación básica de fotograma a fotograma en donde realmente se

PROGRAMA ACADÉMICO LABORATORIO EL MULTIMEDIA CON LAS ARTES ESCÉNICAS AYSÉN 2016

LABORATORIO DE APLICACIONES 5º año E.E.S.T. N 1 PROF. MARÍA DANIELA PIETRASANTA TUTORIAL DE FLASH

INTRODUCCIÓN. La era digital está cada vez más presente y se funde con la mayoría de las

Tema 2 Manejo de imágenes. Tipos de imágenes. Tipos de imágenes. Tipos de imágenes. Imágenes de mapas de bits. Imágenes vectoriales :

Lectura No. 5. Contextualización. Nombre: Página web DISEÑO DIGITAL 1. Para qué me sirve una animación cuadro por cuadro?

Multiplataformas Web ADELANTE

3DS Max básico e intermedio Infraestructura, tecnología, productividad y ambiente. Curso presencial

Tema 2 Manejo de imágenes. Tipos de imágenes

Conocimientos previos

Imagen: Fotografía: Fotografía esteroscópica. Fotografía con luz infrarroja y ultravioleta

DISEÑO MICROCURRICULAR

índice MÓDULO 1: Flash 8.0 Parte 1ª Diseño y Animación Web Macromedia Flash 8.0 TEMA 1. Introducción a Macromedia Flash

Objetivos. Grafismo Electrónico. 1. Objetivos. José María López Valles Despacho 1.14 Ext.Tfno: 4816

Elaboración de contenidos educativos digitales. Guía sobre Prezi

TP 2 Impacto Visual Consigna: A partir de información documental propuesta por docente:

Máster de Informática

PROGRAMA FORMATIVO COREL DRAW 10

Información del Profesor. Identificación de la asignatura. Conocimientos básicos de sistema operativo. Descripción de la asignatura

INTRODUCCIÓN. Las películas Flash son gráficos vectoriales compactos que se descargan y se adaptan de inmediato al tamaño de la pantalla del usuario.

CONTENIDOS MÍNIMOS DE PC28: EDICIÓN DE VIDEO PERÍODO ACADÉMICO 2016

Certificaciones ADOBE CS5 y CS6

Postgrado en Diseño Gráfico Publicitario

DIPLOMADO DISEÑO Y PRODUCCIÓN WEB MÓDULO ADOBE DREAMWEAVER CC: DESARROLLO WEB ADAPTABLE

After Effects. Programa de Estudio.

SÍLABO DEL CURSO DISEÑO Y PRODUCCION DIGITAL

Capacitación adquirida por el alumno al finalizar este modulo

LA ANIMACIÓN TIPOS DE ANIMACIÓN.

Sunday, August 18, 13. Flash básico

Historia de la Cel Animation

FICHA TÉCNICA. Curso online de Efectos Especiales con AFTER EFFECTS

Cómo crear un sistema de diapositivas en Macromedia Flash Autor: Walter Alex Velásquez Hernández

Interpolaciones Adobe Flash CS4

GDI+ Los servicios de GDI+ se engloban en tres amplias categorías: gráficos vectoriales 2D, imágenes y tipografía.

online Itinerario Adobe CS6 para Diseñadores

GUÍA PARA ADMINISTRACIÓN DE LA PÁGINA WEB DEL DEPARTAMENTO Y LA BITÁCORA DEL IES PARQUESOL

ÍNDICE ALFABÉTICO. Índice alfabético

ANIMACIÓN COMPUTARIZADA

Portafolio de productos y servicios

INFOTECH CURSO MÓDULO 1. Diseño Gráfico con Flash. Introducción al programa Adobe Flash

INFOTECH MÓDULO 4 CURSO. Animación avanzada con Adobe Flash. Diseño Gráfico con Adobe Flash

Los doce Principios de la Animación.

5 CARACTERÍSTICAS PRINCIPALES DE SOLIDWORKS VISUALIZE DE USO PROFESIONAL

INSTITUCIÓN EDUCATIVA FEDERICO SIERRA ARANGO NIT: DANE:

NUEVAS TECNOLOGÍAS EDICIÓN DE VIDEO TI-02. Pinnacle Studio

Fotos narradas con Live Movie Maker 2011

Transcripción:

Animación con vectoriales Contenido Animación en 2D Un dibujo animado (caricatura en zonas de Hispanoamérica, monito animado (Chile), comiquitas (Venezuela), o con el anglicismo cartoon) es una categoría dentro de las obras de animación que se refiere a aquellas secuencias visuales realizadas en dos dimensiones. Se consiguen dibujando secuencialmente cada fotograma que componen a las obras, generando una secuencia y representación de imágenes en movimiento. Es la técnica de animación más antigua y conocida, denominada como animación 2D, animación tradicional o animación clásica. Se diferencia de la animación en 3D principalmente por la forma de producción. Es la animación que representa elementos que se despliegan en un sistema de coordenadas de dos dimensiones, es decir sobre el plano. En esta categoría entran las caricaturas. 1

Técnicas Tradicionales de Animación en 2D En estas técnicas los cuadros o marcos (frames) se graban en fotogramas de una película y se proyectan a una velocidad alta. Las principales técnicas son: 1. Por Fotogramas Clave Es la técnica utilizada en los dibujos animados tradicionales. En esta técnica, se crean las imágenes clave de una animación las de inicio y fin. A partir de estos fotogramas, el resto se dibujan la serie de fotogramas que los conectan (proceso in-betweening). 2. Por Recortes o Cutout Animation Esta técnica es a base de recortes. Cuando se mueve un personaje no se vuelve a dibujar por completo, únicamente las partes móviles y luego se montan. De esta forma se estudia previamente cada animación y se determinan qué partes no van a realizar movimientos parciales, y se dibujan y se animan por separado. El problema de la animación con recortes es el de las uniones entre piezas. Un ejemplo de animación de este tipo son the simpsons. 2

3. Por Capas (Cel-Animation) Esta técnica los fotogramas no se dibujan sobre papel, sino sobre sobre acetato, de este modo al superponer varias de ellas se puede ver una escena compuesta por varios personajes animados de modo independiente. Se combina con la animación por fotogramas clave y presenta las siguientes ventajas: Permite reutilizar trabajo. Facilita la animación. Permite la explotación de partes. 4. Stop-Motion Es una técnica que consiste en aparentar el movimiento de objetos estáticos capturando fotografías o fotogramas sucesivos a una velocidad determinada, generando ilusión de movimiento. El creador de la técnica fue Ladislaw Starewicz con la filmación del corto la venganza del camarógrafo, en la que utilizo insectos muertos para narrar la historia de una familia destruida por la infidelidad. Hay dos grandes grupos de animaciones Stop Motion La animación de plastilina o cualquier material maleable, en inglés claymaton. Las animaciones de objetos (más rígidos) 3

5. Rotoscopia Se basa en dibujar directamente sobre la referencia, que pueden ser los cuadros de la filmación de una persona real. Consiste en grabar un video de personas reales realizando alguna acción, bailando, cantando, saltando, etc. Y calcarlo fotograma a fotograma. Muchos se sorprenden al saber que Disney utilizó la rotoscopia en sus primeras películas, como numerosas escenas de blanca nieves y el famoso baile de la cenicienta. 4

Técnicas Digitales en Animación en 3D El objetivo es liberar al dibujante de las actividades más tediosas, pues el computador sustituye al dibujante en tareas como: creación de cuadros, proceso in-betweening, movimiento a lo largo de trayectorias. Para el caso de creación de cuadros se facilita el empleo de editores gráficos; escanear bocetos, retocarlos y colorearlos; guardar personajes, recuperarlos y modificarlos (librerías de personajes); superponer objetos para la animación por capas; etcétera. Además de estas existen otras técnicas específicas al mundo digital 2D, aquí se exponen las más comunes. 1. Fotograma a Fotograma La animación por fotogramas se llama también animación a toda pantalla, animación por páginas o animación iterativa. El programa de animación dibuja una serie de imágenes a toda pantalla y guarda cada imagen en un buffer de página diferente. Después de que todas las páginas han sido inicializadas, una rutina distinta del programa pasa por las páginas en la secuencia adecuada para crear animación. 5

2. Por Sprites Un sprite es una instantánea de un actor en movimiento. La animación por sprites consiste en mostrar, de modo sucesivo, todos los sprites, con ellos se consigue la sensación de movimiento. Un sprite pude ser estático, como las mascotas de ayuda de windows por ejemplo, o bien desplazarse a medida que se mueve. Un mismo sprite puede tener varios patrones de movimiento. 3. Por Trayectoria En la animación por trayectoria (path-based animation) a la vez que cambia, o manteniéndose el mismo gráfico, el objeto puede desplazarse por la pantalla. El software actual permite a los animadores desplazar visualmente los objetos por la pantalla, definiendo los puntos iniciales y finales del movimiento, marcando con ello líneas rectas o curvas imaginarias que son las que determinan el camino (path) por el que se desplazará el sprite. También se suele hablar por esto de control de movimiento (motion control). En los programas especializados se permite un control muy fino sobre aspectos del camino, como aceleración o trayectorias complejas. En realidad toda animación por trayectoria se resume en dos aspectos: el camino a seguir y el tiempo de desplazamiento sobre ese camino. 6

Animación con vectores y mapas de bits La ventaja de la animación vectorial es que suele ocupar bastante menos espacio además de poderse escalar sin problemas. Es por ello muy utilizada en internet. La herramienta Flash de Adobe un ejemplo de programa especializado en este tipo de animación. La herramienta pencil, aplicación libre multiplataforma, permite la animación 2d con vectoriales. La herramienta adobe animate, ha sustituido actualmente adobe Flash, especializado en animaciones 2d con herramientas y complementos más amigables al entorno de animación. Para poder utilizar cualquiera de las técnicas anteriores es importante conocer los doce principios de animación creados por Disney los cuales, apoyan a ver de manera más natural los movimientos y comprender porque se deben de respetar y tomar en cuenta si realmente buscamos un producto atractivo y aceptado por el mercado. Los 12 Principios de la Animación <<Click aquí para ver el video>> Accede a los videos dando click en los enlaces: Introducción a Animate CC Dibujando en Animate CC 7

Actividad de evaluación Nombre de la actividad Tipo de actividad Objetivo Instrucciones Caminata Individual Generar la caminata del personaje a partir de los cuadros de referencia para finalmente renderizar un video para la web. 1. Dibujar al personaje en adobe anímate. 2. Dibujar cuadro a cuadro o convertir a símbolos. 3. Animar hasta generar una caminata natural. 4. Agregar una sombra al personaje. 5. Guardar el archivo.fla, primernombre_primerapellido.fla 6. Exportar un fotograma a.jpg y publicarla en el foro correspondiente. 7. Exportar el personaje.swf, y subir a youtube, publicar el enlace en el foro correspondiente. Recordar toda publicación incluye:.jpg y el enlace de la animación. Fecha de entrega Criterios de evaluación Envío del archivo.fla, en el buzón de tareas correspondientes, ejemplo: primernombre_primerapellido.fla La fecha límite de participación será el día domingo al final de la semana 2 a las 11: 55 pm Caminata 50% Diseño de sombra 20% Publicación del enlace y el.fla, en los espacios correspondientes 20% Originalidad (todos los personajes deben ser diferentes) 10% 8