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

Documentos relacionados
MACROMEDIA FLASH. Flash Placer

Paint Otro de los accesorios que incorpora Windows 95 es Microsoft Paint, un sencillo programa de Dibujo.

Interpolaciones Adobe Flash CS4

Cómo funcionan los libros Aprender...

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

Elaboración de Documentos en Procesadores de Textos

GUIA Nº 3 MASCARAS GRAFICOS

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

TEMA 3: DIBUJO VECTORIAL. Realización de dibujos vectoriales con la herramienta OpenOffice Draw

Las líneas, rectángulos y elipses trabajan de igual forma de cómo trabajarías en cualquier otro programa de dibujo lineal.

PERIODO 3 NOCIONES AVANZADAS DE POWERPOINT

Tutorial de Fireworks MX 2004

Seleccionar Copiar. Modificar objeto. Mover

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

FIREWORKS 8. fireworks como se ha mencionado antes es una herramienta muy versátil que nos permite realizar tareas de distintas índoles como:

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

Cómo crear animaciones en Flash?

SESIÓN 6 INTRODUCCIÓN A POWER POINT

G.P FUNDAMENTOS DE DISEÑO WEB FLASH CS6

Imprimir una Presentación: Clic

WINDOWS MOVIE MAKER. Realizado por Silvia Nicosia 1

PERIODO 3 HOJA DE CÁLCULO CONCEPTOS INTERMEDIOS OPERACIONES CON CELDAS, FILAS Y COLUMNAS EN EXCEL SELECCIONAR COPIAR MOVER BORRAR

TABLAS WORD La tercer opción es usar el vínculo Dibujar Tabla, aquí se dimensiona la tabla dibujándola con el mouse

Para aplicar un color de trazo a una forma, puede seguir cualquiera de los procedimientos siguientes:

Vemos, pues, que esta forma de organizar los datos es mucho más potente que utilizando las tabulaciones u otros métodos.

INSTITUCIÓN EDUCATIVA LICEO DEPARTAMENTAL ÁREA DE TECNOLOGÍA E INFORMÁTICA

SESIÓN 9 TRABAJO CON LOS OBJETOS GRÁFICOS DE POWER POINT

Manual Power Point Trabajar con gráficos

Trabajar con Tablas. capítulo 07

Introducción a Microsoft Paint

Unidad 13. Dibujar Formas

COLEGIO PABLO DE TARSO IED CONSTRUCCION DE PROYECTOS DE VIDA PRODUCTIVOS DREAMWEAVER UNO- PRÁCTICAS DOC RAUL MONROY PAMPLONA

OPENOFFICE IMPRESS. Creación básica de presentaciones digitales

Procesador de textos 1-15 Inserción de objetos

PROGRAMA DIGITAL JUNIOR

Primeros pasos en Word capítulo 01

Cambia al área de trabajo situada debajo de la actual.

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

Trabajar con diapositivas

Al hacer clic en el icono de mano alzada se despliegan otros iconos que nos permiten realizar otros tipos de líneas.

POWER POINT. Ing. Luis Enrique García Espinoza

Microsoft Office Excel 2007.

Informática Primer año

COPIAR, CORTAR Y PEGAR. DESPLAZAMIENTO

Paso 1 de 13. Paso 2 de 13. Guía de aprendizaje de Flash CS5 Tutorial 3. Creación de un logotipo textual.

POWERT POINT Tema 2. Para cambiar el color de fondo y los efectos de relleno de las diapositivas de una presentación:

DOCUMENTO DE APOYO TUTORIAL DE EXCEL

GUÍA A DE PowerPoint XP. Guía Excel XP- Pág. 41 Ing. Luis G. Molero M.Sc.

EFECTOS TRIDIMENSIONALES

Chuleta GIMP. Abrir un archivo nuevo en blanco

Microsoft Word 2000 Laboratorio de Informática Facultad de Agronomía y Agroindustrias - Año 2006.

Presentaciones con diapositivas.

! " # $ $ " ) * ( +, ( %#. 2,!- $ * % 4 1 $ Instituto de Computación Avanzada de México S.C. 1

Herramientas de pintura. Herramientas de dibujo y texto. * Los métodos abreviados de teclado aparecen entre paréntesis. Sólo para Extended

Manual del Usuario de Microsoft Access Formularios - Página 1. Tema V: Formularios. V.1. Creación de un Formulario

1. PRIMEROS PASOS EN POWERPOINT... 3

Escuela Normal Superior Río de Oro (Cesar)

INICIANDO CON FLASH ESPACIO DE TRABAJO

Manual Power Point Trabajar con formas

Tutorial de CoffeeCup Firestarter 6.5

Manual Power Point Trabajar con diapositivas

Manual de uso del programa Draftsigth con fines agrícolas.

Centro de Profesorado Luisa Revuelta (Córdoba) TEMA 3. El ENTORNO DE TRABAJO, MANEJO DE DIAPOSTIVAS

GIMP, aplicaciones didácticas. Herramientas de GIMP

Mozilla Firefox. Barra de. Barra de navegación. menús. Barra de. Barra de dirección. marcadores

EXCEL 2010 CUADERNILLO N 2

Duración: 25 horas. Objetivo General: Conocer el funcionamiento a nivel básico del programa Photoshop CS4, Programa

Gimp. Operaciones básicas y dibujo por ordenador

Word Básico Boton de acceso a configuracion de paginaboton de acceso a configuracion de pagina.

Componer imágenes utilizando diferentes fuentes que proporcionan las capas: fotos digitales, textos, transparencias, etc.

Dibujar y pintar. Capítulo. 2.1 El cuadro de herramientas

PHOTOSHOP CS. 6 Crear selecciones 6.1 Vídeo real - Concepto de selección 6.2 Herramienta Marco rectangular

IMÁGENES, AUTOFORMAS Y WORDART

Manejo de Filas, Columnas, Celdas y Rangos

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

PowerPoint 2010 Edición del contenido

Vamos a abrir la película natura.fla contenida en la carpeta Curso Flash/ejemplos para observar detalles de su línea de tiempo.

MANUAL Y ACTIVIDADES. Edublogg.wordpress.com. Caeiro Fábregas - Pérez

Preliminares. Lo primero que vamos a hacer es ejecutar el programa. Inicio Programas Microsoft PowerPoint. Creación de nueva presentación en blanco

Tablas. Una tabla se utiliza para ordenar los datos. Facilita y agiliza la lectura.

I. E. NORMAL SUPERIOR SANTIAGO DE CALI ASIGNATURA DE TECNOLOGÍA E INFORMÁTICA LIC. CARLOS ANDRÉS CASTAÑEDA HENAO GRADO 7º MICROSOFT WORD 2007.

FLASH CS5 - DISEÑO WEB

Manual de Herramientas Digitales Para la Gestión del Conocimiento. Realizar una página web con WIX

Buscar: Permite buscar imágenes por medio de palabras claves.

CAPÍTULO 5. MANIPULANDO CELDAS

PRÁCTICAS GUIADAS CAPAS

Introducción a Windows 98

TUTORIAL SOBRE HOJAS DE CALCULO

Área Académica: Licenciatura en Derecho. Profesor: Lic. Virginia Argüelles Pascual

PROCESADORES DE TEXTO. MICROSOFT WORD.

CONCEPTOS Y ELEMENTOS BÁSICOS

PERIODO 2-1 PRESENTADOR MULTIMEDIA POWERPOINT CONCEPTOS BÁSICOS INTRODUCCIÓN AL PROGRAMA MICROSOFT POWERPOINT

LA PIZARRA SMARTBOARD

GUIA N 1: INTRODUCCIÓN A FLASH 5

En este tutorial aprenderemos las técnicas básicas de tratamiento de imágenes vectoriales con Flash.

Asimismo, las instancias de símbolos se pueden colocar en un documento de dos formas distintas:

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

Clase/29. El Color en Adobe InDesing. Acerca de los colores uniformes.

Fundamentos de Word. Identificar los elementos de la interfaz de usuario que puede usar para realizar las tareas básicas.

xvsvxcv Manual Microsoft Excel Básico

Transcripción:

TUTORIAL DE FLASH Flash es una aplicación de la empresa Macromedia que permite confeccionar animaciones. Es básicamente un programa de diseño, donde se puede dibujar, editar imágenes y manipular texto. El entorno de trabajo posee los siguientes elementos: El Escenario, área rectangular en la que se reproduce la película. La Línea de tiempo, donde se animan los gráficos respecto al tiempo. Los símbolos, componentes de los medios reutilizables de la película. Las diferentes ventanas que permiten modificar los distintos elementos de la película para adaptarlos a las necesidades concretas. La barra de herramientas que posee los botones necesarios para dibujar, seleccionar, modificar tamaños, borrar, pintar, etc. SÍMBOLOS: pueden ser gráficos, botones, clips de película, archivos de sonido o fuentes. LÍNEA DE TIEMPO: en la línea de tiempo, se trabaja con: Fotogramas: representan los objetos que se incluyen en las películas. Existen distintos tipos de fotogramas: Clave: es un fotograma en el que se definen cambios en la animación. En la animación fotograma a fotograma, cada fotograma es clave. En la interpolada, se definen fotogramas clave en puntos importantes, donde se modifica algo, y Flash crea los fotogramas intermedios. Los fotogramas clave se representan con un círculo sólido. Vacío: se representa por una línea vertical antes del fotograma. Un fotograma está vacío cuando no hay imágenes. Los fotogramas pueden copiarse, moverse y eliminarse. Para arrastrar la duración de un fotograma dentro de la línea de tiempo, seleccionarlo, pulsar la tecla Alt y manteniéndola pulsada arrastrar el fotograma al intervalo deseado (aparece un rectángulo y el área entre uno y otro de color gris). Para poder dar efecto a los fotogramas, por ejemplo cambiar el brillo, éstos deben ser convertidos en símbolos. Las animaciones pueden llevarse a cabo de dos formas: por interpolación y de fotograma a fotograma. La animación por interpolación consiste en diseñar un objeto inicial y realizar reformas sobre un objeto final, Flash se encarga de confeccionar los fotogramas intermedios. La animación fotograma a fotograma cambia el contenido del escenario en cada fotograma y es ideal para las animaciones complejas en las que la imagen cambia en cada fotograma además de moverse. Este tipo incrementa el tamaño del archivo con mayor rapidez que la animación interpolada. Los fotogramas clave de interpolación de movimiento están indicados por un punto negro; los fotogramas intermedios tienen una flecha negra sobre fondo azul claro. Los fotogramas intermedios de la interpolación de forma muestran una flecha negra sobre fondo verde claro. Una línea discontinua indica que falta el fotograma clave final. Pág. 1

Un fotograma clave sencillo viene indicado por un punto negro. Los fotogramas en gris claro después de un fotograma clave sencillo tienen el mismo contenido sin ningún cambio y tienen una línea negra con un rectángulo vacío en el último fotograma del recorrido. ANIMACIÓN POR INTERPOLACIÓN La interpolación es una técnica que permite dar movimiento a un objeto dentro de una película produciendo una animación. La misma puede ser de movimiento y de forma. INTERPOLACIÓN DE MOVIMIENTO: Permite desplazar un objeto dentro de la película o cambiar su tamaño. Los distintos ejemplos podrían ser: Interpolación de movimiento recto. Interpolación de movimiento ondulante. TÉCNICA PARA INTERPOLACIÓN DE MOVIMIENTO RECTO: Los pasos a seguir para la interpolación de movimiento recto son los siguientes: 1) Importar, dibujar o pegar un objeto. 2) Seleccionar el objeto a interpolar. 3) Seleccionar del menú de opciones la opción Insertar\Crear interpolación de movimiento. 4) Elegir un valor en la línea de tiempo e insertar un fotograma clave. 5) Arrastrar el objeto al lugar deseado o cambiar su forma. TÉCNICA PARA INTERPOLACIÓN DE MOVIMIENTO ONDULANTE: Los pasos a seguir para la interpolación de movimiento ondulante son los siguientes: 1) Dibujar, importar o pegar el objeto a interpolar. 2) Seleccionar del menú de opciones la opción Insertar\Guía de movimiento. Se genera una capa guía. 3) Con la herramienta lápiz se traza la curva que recorrerá el objeto. Pág. 2

4) Seleccionar el objeto creado y seleccionar Insertar\Crear interpolación de movimiento. Aparece una marca central en el objeto, específicamente una cruz. 5) Desplazar el objeto por la curva trazada hasta el final de la misma. 6) Seleccionar un valor en la línea de tiempo e insertar un fotograma clave. 7) Seleccionar de la línea de tiempo el primer fotograma y desplazar el objeto del final de la guía al comienzo de la misma. 8) De la ventana Paneles seleccionar Fotograma\Opciones Orientar según trazado. 9) Arrastrar el fotograma de la guía hasta el mismo valor que el objeto interpolado. 10) Para que no se visualice la guía de movimiento, ocultar la capa guía. TÉCNICA PARA INTERPOLACIÓN DE FORMA: La interpolación de forma sólo puede llevarse a cabo con dibujos realizados con figuras (círculos, cuadros) o con la herramienta lápiz pero no con símbolos (objetos importados o pegados). Los pasos a seguir para lograr la interpolación de forma son los siguientes 1) Dibujar el objeto a interpolar. 2) Seleccionarlo. 3) Seleccionar del menú de opciones la opción Ventana\Paneles\Fotograma y en la solapa Fotograma elegir Interpolación y seleccionar Forma. 4) Insertar un fotograma clave en el intervalo deseado. 5) A este nuevo fotograma modificarle la forma o el color. Si es el color, cuando se produzca la animación se mostrará la gama de colores que pasan del original al nuevo modelo. TÉCNICA PARA CONFECCIÓN DE FIGURAS CON RELLENO DE MAPA DE BITS En Flash, como en cualquier programa de diseño, pueden dibujarse figuras: cuadrados, rectángulos y óvalos. Normalmente esas figuras tienen como relleno un color de fondo, además de eso, imágenes pueden emplearse como motivo de relleno. Los pasos a seguir para lograr ese efecto son los siguientes: 1) Importar la imagen adecuada. 2) Seleccionar Modificar/Separar. 3) Seleccionar desde la ventana de Relleno, mapa de bits. Pág. 3

4) Con la herramienta óvalo, dibujar el óvalo deseado. 5) Con la herramienta Flecha seleccionar el resto de la imagen y eliminarla. 6) Luego seleccionar el óvalo y agruparlo (Modificar/Agrupar). TÉCNICA PARA CAMBIAR EL BRILLO DE LA IMAGEN Uno de los efectos atractivos que pueden confeccionarse con Flash es el de hacer desaparecer una imagen. Eso se consigue modificando el estilo de la misma cambiando su brillo. Los pasos a seguir para lograr este efecto son los siguientes: 1) Seleccionar Insertar/Convertir en símbolo elegir el comportamiento clip de película. 2) Seleccionar el fotograma y en la ventana Paneles/Efecto elegir la opción Brillo. 3) Modificar el porcentaje de brillo deseado. Para desaparecer la imagen es el 100% TEXTO EN FLASH El texto en Flash es muy sencillo, ya que es similar a la creación de objetos, e incluso su animación es exactamente igual. Flash trabaja con tres tipos de texto: Texto estático: es el ideal para escribir sin necesidad de utilizar programación. Texto dinámico: se utiliza para Action Scripts para varios fines, por ejemplo para confeccionar formularios. Introducción de texto: se utiliza para que el usuario complete sus datos. Cuando utilizamos la herramienta texto, éste se encuentra en estado estático. Las opciones que brindan las propiedades en Flash con respecto al texto son similares a cualquier editor de texto. Se puede seleccionar la fuente, el tamaño, el color, si es negrita, itálica, centrado, justificado, etc. A medida que se va escribiendo, el texto permanece dentro de un rectángulo que se va ampliando con la escritura. En caso de querer que el texto se encuentre en un área específica del escenario, se debe seleccionar la herramienta texto y trazar con la misma herramienta un rectángulo que aparecerá con líneas punteadas. Para animar el texto se siguen las técnicas explicadas anteriormente para cualquier objeto. Si se desea animar cada letra del texto, es necesario separarlas previamente. Para ello deberá Pág. 4

hacerse un clic del mouse como si fuese un objeto y pulsar la combinación de teclas: CTRL B o seleccionar la opción del menú: Modificar/Separar. A partir de ese instante cada letra se podrá manipular independientemente y estarán rodeadas de un recuadro celeste. Para poder animar cada letra en tiempos diferentes, seleccionar del menú: Modificar/Línea de tiempo/distribuir en capas. ARCHIVOS IMPORTADOS Cuando se desea trabajar con imágenes prediseñadas, éstas deben ser importadas al escenario o a la biblioteca según corresponda. Para ello seleccionar del menú: Archivo/Importar/Importar a escenario o Importar a biblioteca. Para cambiar los colores en un archivo importado se procede de la siguiente manera: Importar el archivo. Seleccionar el fotograma. Seleccionar la opción Modificar/Separar. Seleccionar la herramienta Lazo. Esta herramienta cuenta con dos opciones: Varita mágica y Modo polígono. La varita permite seleccionar áreas por similitud de color y el modo polígono permite seleccionar áreas con el Mouse. Luego de seleccionar, con la herramienta adecuada, el área deseada, se puede cambiar su color o dibujar sobre el objeto. Pág. 5