Conocimientos previos

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

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

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

Práctica de animación en Flash

Conocimientos previos

MÓDULO 3 Manejo de Herramientas II e Introducción al uso de Capas. CURSO Diseño Gráfico con Adobe PhotoShop

GUIA 2. Tema: Introducción a la animación (Objetos). Línea de tiempo. Objetivo General. Objetivos Específicos. Contenidos. Materiales y Equipo

TRABAJAR CON CAPAS. Capa1 Capa2 Capa3. Ahora que pasaría si se sobrepone la capa2 sobre la capa1 y al final colocamos la capa3 observe el resultado.

CREACIÓN DE ANIMACIONES Y SÍMBOLOS

Ficha de Aprendizaje N 4. Conocimientos previos

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

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

í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

online Itinerario Adobe CS6 para Diseñadores

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.

PASOS PARA CREAR ANIMACIONES CON INTERPOLACION DE MOVIMIENTO

Conocimientos previos

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

Interpolaciones Adobe Flash CS4

G.P FUNDAMENTOS DE DISEÑO WEB FLASH CS6

GUIA 3. Tema: Símbolos e interpolación. Máscaras. Qué es una capa? Objetivo General. Objetivos Específicos. Contenidos. Materiales y Equipo.

Ejercicio # 1 Uso de la línea guía

CURSO Diseño de publicaciones con Microsoft Publisher. MÓDULO 3 Creando Publicaciones profesionales

Temario Flash 8 para Web

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

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

Introducción n a Macromedia Flash

Un ejemplo clásico de animación cuadro a cuadro o fotograma a fotograma es una pelota botando. Vamos a crearla.

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

Configurar las propiedades de la película

I. Guía pedagógica del módulo Desarrollo de dibujo asistido por computadora. Modelo Académico de Calidad para la Competitividad DECM-02 1/56

HERRAMIENTA PLUMA: CREAR TRAZADOS

Especialista TIC en Diseño con Adobe Flash Cc y ActionScript 3.0

FLASH CS5 - DISEÑO WEB

ÍNDICE ALFABÉTICO. Índice alfabético

Objetos y Capas UNIDAD. Estructura de Contenidos: 1. Entorno de Adobe Flash. 2. Herramientas de Diseño. 3. Edición y Control de Estados.

ANIMACIONES EN POWER POINT Conoce los cuatro tipos de animación

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

Guía didáctica Illustrator Cs5

CURSO Diseño de publicaciones con Microsoft Publisher. MÓDULO 4 Gráfica Empresarial

MÓDULO 2 Manejo de herramientas I

UNIDAD 2. ENTORNO DE TRABAJO ARCHIVO Y DOCUMENTOS

Illustrator CS6 Presentación

GIMP, aplicaciones didácticas. Herramientas de GIMP

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

MANUAL DE PRÁCTICAS DE LA MATERIA DE HERRAMIENTAS COMPUTACIONALES PARA LA LICENCIATURA EN CIENCIAS DE LA INFORMÁTICA (MACROMEDIA FLASH

MANUAL DE USUARIO EDUTOOLS

Paso 1. Icono medidor de carga.

Taller genmagic: Adobe Flash. Tutorial 5: TIPOS DE ANIMACIONES II: ANIMACIÓN POR INTERPOLACIÓN DE MOVIMIENTO I

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

Comprende la importancia de relacionar tablas. Conocimientos previos RECUERDA

Conocimientos previos

Cómo crear animaciones en Flash?

AutoCAD 2008 para arquitectos e ingenieros

TEMARIO CURSO AFTER EFFECTS 5.5

Utilización de capas

ANIMACIONES CON MASCARAS

Una instancia es una copia de un símbolo que se sitúa en el escenario o bien anidada en otro símbolo.

INFOTECH MÓDULO 2 CURSO. Hot Potatoes. Aplicaciones Web 2.0 con JClic, Hot Potatoes, exelearning y Cuadernia

G.P ANIMACION Y EFECTOS PARA LA WEB FLASH CS6

AutoCAD. Temario del curso Completo. Entorno AutoCAD 2010

Flash: Animación para medios interactivos

Figura 9.1 Estados Reposo, Sobre, Presionado y Zona activa de un botón. 9.2 Usar un botón de una Biblioteca común

Conocimientos previos

Curso Online de Adobe Flash

AUTOCAD. Programa de diseño asistido por ordenador (6 sesiones)

Manual de Uso para el Alumno

MÓDULO 1. Personalización del área visual y creación de objetos

I.E.S. Cuenca Minera Dto. Tecnología P.I. : Introducción al diseño 3D: Blender

Adobe Illustrator CS5

CURSO CORTO DE PHOTOSHOP CC

Unidad 2. El entorno de Flash CS5

SESION8 PATRONES CREACION DE PATRONES. Patrón de

El Cuadro de herramientas de Paint

APLICACIÓN DE LA EVALUACION DIAGNOSTICA. Elaboración de Páginas Web 6 Semestre

Agrupación de formas: Convertir una forma en un objeto para que no se fusione con otras dentro de la misma capa.

PLANOS. Técnicas de Representación Gráfica. Curso

Mapa de contenidos. Tema: Ejercicios Integradores VBA. Estructura de control. Condicional. De ciclo repetitivo. For...Next. Do...

PRACTICAS ACTIONSCRIPT

GUIA Nº 3 MASCARAS GRAFICOS

Antes de empezar con el tutorial, vamos a ver algunas cosas que nos van a ayudar mucho a entender como usar este programa.

Ejercicios Flash guiados

Transcripción:

Tema: La animación cuadro por cuadro (2): efecto de rebote Ficha de aprendizaje 4 n Logro Usa las herramientas Pluma y Transformación libre para realizar y editar dibujos. Realiza una animación cuadro a cuadro con un objeto. @ # Conocimientos previos Ya hemos conocido en detalle la Línea de tiempo de Adobe Flash. Ahora estás en capacidad de responder a las siguientes preguntas: Qué es la línea de tiempo? Qué es un fotograma? Cuántos fotogramas hacen un segundo? Qué es un fotograma clave? Para qué sirve? 1

Mapa de contenidos adobe flash permite usar la herramienta pluma la herramienta Transformación libre para dibujar objetos que se puedan animar cuadro a cuadro Contenidos del aprendizaje La animación cuadro por cuadro: efecto de rebote Se pueden lograr diferentes efectos con la animación cuadro por cuadro. Uno de ellos es editando fotograma a fotograma la posición y el tamaño de un objeto para darle el efecto deseado. En esta ficha se desarrollará el efecto de la pelota rebotando. Sigue los siguientes pasos: 1. 2. En una primera capa dibuja un círculo y colócalo en el extremo izquierdo del Escenario. En una segunda capa dibuja con la herramienta Pluma una trayectoria como en la imagen. Para realizar esta acción, sigue estos pasos: a) Selecciona la herramienta Pluma. b) Dibuja con la herramienta Pluma tres puntos. c) Usa la herramienta Selección en su modo curvo para curvar las líneas. 2

IMPORTANTE Aparece cuando seleccionas los bordes de las ilustraciones, ya sean curvas o líneas. Con esta modificación de la herramienta Selección, puedes estirar, alargar y darle forma curva a las líneas de las imágenes. Aparece cuando seleccionas los puntos o vértices de las ilustraciones. Con esta opción, puedes modificar el tamaño (reducir y estirar) y la forma de los vértices. 3

3. Después de realizar estas imágenes, inserta un fotograma clave en el fotograma 4. Aquí cambia la posición del círculo (un poco más a la izquierda y un poco más hacia abajo) usando la herramienta Selección para continuar la trayectoria trazada. Para facilitar tu trabajo, mantén activada la opción Papel cebolla que te permitirá visualizar la ubicación de los fotogramas anteriores. 4. En los fotogramas 7, 10 y 13 inserta fotogramas clave cambiando la posición del círculo hasta completar la trayectoria de la primera curva. 5. En el fotograma 10 edita la forma del círculo haciéndola un poco más alargada. Para realizar esta acción, selecciona el círculo y usa la herramienta Transformación libre. Observarás que el círculo se encuadra y que puedes editar su tamaño y forma. 6. En el fotograma 13 edita la forma del círculo aplanándola. 4

7. Vuelve a crear fotogramas clave en los fotogramas 17, 20, 23, 26, 29 y 32. Cambia la posición del círculo en cada uno hasta terminar la trayectoria trazada. 8. En el fotograma 17 edita la forma del círculo haciéndola un poco más alargada. 9. En el fotograma 20 edita la forma del círculo haciéndola un poco más alargada, pero menos alargada que como está en el fotograma 17. 10. Elimina la capa correspondiente a la trayectoria y reproduce la animación. 5

Aplica lo aprendido Ingresa a Paideia y lee las instrucciones detalladas para que realices las siguientes aplicaciones: Aplicación 1.7 En esta aplicación crea una pelota con las herramientas de Adobe Flash y realiza el efecto rebote. Aplicación 1.8 En esta aplicación crea múltiples objetos y distribúyelos en diferentes capas usando trayectorias diferentes. Amplía tus conocimientos @ Aprende más sobre interpolación clásica en el siguiente enlace: https://helpx.adobe.com/es/flash/using/classic-tween-animation.html Investiga y busca en Youtube animaciones cuadro por cuadro y deduce cómo se realizaron. REFLEXIONA Ingresa a Paideia para resolver el cuestionario de este módulo. 6