Macromedia Flash MX Animación para la web.

Slides:



Advertisements
Presentaciones similares
Una vez completada esta lección, podrá:
Advertisements

Departamento de Comunicación Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México Instituto Tecnológico y de Estudios.
Departamento de Comunicación Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México Instituto Tecnológico y de Estudios.
TABLAS EN WORD.
CREAR UN FONDO DE DIAPOSITIVA
Curso de Microsoft® Word 2010
Insertar Mónica Rodríguez.
Gestionar y organizar los elementos del correo electrónico
es un elemento que nos permite colocar objetos o imágenes en nuestro trabajo, se ubican verticalmente una sobre la otra. son como hojas ubicadas unas.
David Escudero Mancebo Alfonso Pedriza Rebollo
En la barra de fórmulas, haga clic en la flecha situada junto al Cuadro de nombres y seleccione el nombre del rango de datos externos que desea copiar.
Writer OpenOffice.org Material de la Prof. Jessie Lema PROCESADOR DE
Curso de Photo Paint David Escudero Mancebo Alfonso Pedriza Rebollo
Lección 9 Deslizadores, selecc. actuales y marcadores
MENSAJE DEL DIA ALBERT EINSTEIN
Desarrollo de Aplicaciones Web
Informatica I Clase 5 Técnico en Diseño Gráfico 1.
POWER POINT Ing. Evelyn Riveros H..
LOS GRAFICOS.
Diseño de página | Modificar los márgenes
Macromedia Flash MX Animación para la web.
Procesador de Texto Microsoft Office Word 2007
POWER POINT.
UNIDAD 2:Crear, abrir y cerrar una base de datos Hacer clic sobre la opción Nuevo de la pestaña Archivo. Se mostrarán las distintas opciones para nuevos.
Lección 8 Botones, objetos de texto y de línea
Trabajar con texto.
Con Flash se puede crear contenido web animado y basado en vectores. Utiliza gráficos vectoriales que son independientes de la resolución y por lo tanto.
¿CÓMO ESCRIBIR CON WRITER?
Mt. Martín Moreyra Navarrete.
Es la tercera etiqueta de Excel de la banda de opciones.
 ¿Qué es PowerPoint? ¿Qué es PowerPoint?  Buscar y aplicar una plantilla Buscar y aplicar una plantilla  Crear una presentación Crear una presentación.
Diapositivas PowerPoint es un programa que contiene un conjunto completo de herramientas para preparar presentaciones gráficas (diapositivas, transparencias,
Publicación de bases de datos Access en la web
Guía para examen práctico correspondiente a evolución extraordinaria primer oportunidad de Informática y Computación 1. OBJETIVO DE LA GUIA DE ESTUDIO:
inicio y diseño de pagina
MICROSOFT PAINT Microsoft Paint es un programa simple para editar gráficos, este programa esta incluido en Microsoft Windows. Muchas de las opciones.
Animación en Flash MX Conceptos Basicos.
Texto del formato con los estilos de WordArt
Microsoft OFFICE Word MBA. Lida Loor Macías.
Informática administrativa I
Instrucciones para realizar pasaporte: 1.Redactar a mano cada una de las dipaositivas 2.Incluir imágenes referentes al concepto 3.Entregar en carpeta con.
Formato de texto y documentos
PRODUCCIÓN DE ANIMACIONES CON ELEMENTOS MULTIMEDIA
INTRODUCCIÓN A LA INTERFAZ DE USUARIO
Informática administrativa I Curso de Flash Panel de Herramientas (2) Herramientas de colores, texto y modificación de formas. Universidad Panamericana.
Macromedia Flash MX Animación para la web.
PROTECCIÓN DE CELDAS Y HOJAS DE CÁLCULO
Prof. Licdo. Miguel A. Pirela C.. AnimacionInteractividad Flash Web o escritorioRIA.
¿CÓMO ESCRIBIR CON WRITER? Al escribir con Writer no debemos preocuparnos porque la línea se acabe. Si continuamos escribiendo veremos que cuando no quepa.
Imágenes Las imágenes que se utilizan para trabajar normalmente se encuentran en formato TIFF o alguno de los formatos propios de las aplicaciones (por.
Tema: Microsoft Word-Power Point
PARCIAL 1.
Trabajo grupal Flash Integrantes: Piero Álvarez Milena Gómez Verónica Castillo Cristian Rodríguez.
BARRA BARRA INSERTAR BARRA BARRA INSERTAR BARRA DE HERRAMIENTAS DE DOCUMENTO HERRAMIENTAS BARRA DE HERRAMIENTAS DE DOCUMENTO HERRAMIENTAS VENTANA DE DOCUMENTODE.
Leonardo Gama García N.L. 13 3ºC
Valentina Toledo Oropeza
En Microsoft Office Word 2007 se puede insertar una tabla eligiendo un diseño entre varias tablas con formato previo (rellenas con datos de ejemplo) o.
Microsoft Power Point Tema: “Como manejo del Power Point como herramienta estudiantil”.
Mediacentro Clase #2 de Word I. Temario Movimiento del Punto de Inserción. Movimiento del Punto de Inserción. Corrección y Borrado del Texto.
Entorno de trabajo de Microsoft Word 2007
Profesora: Angela Maiz
Mediacentro Clase #3 de Word I.
Guía para la realización de cortos de animación 1 INTRODUCCIÓN AL FLASH PARTE 1: Introducción a Macromedia Flash PARTE 2: Herramientas de Dibujo.
LOGO Unidad ¿Qué incluye un tema de Power Point? a) Diseño de los marcadores b) Imágenes o formas con fondos gráficos c) Conjunto de Fuentes: Uno.
Metodología  Crear un documento nuevoCrear un documento nuevo  Diseño de páginaDiseño de página  Definir una nueva viñetaDefinir una nueva viñeta 
Si una imagen tiene varias capas, debe elegir la capa en la que desea trabajar. Los cambios que realice en la imagen afectarán sólo a la capa activa.
Unidad 5 Formato de texto y documentos. Fecha: 5 de septiembre del 2011 Periodo# : 2 Objetivo: Identificar herramientas para mejorar sus trabajos diarios.
P O W E R P O I N T CONCEPTOS BÁSICOS 1.
Microsoft Word Procesador de Textos
FLASH MX Parte I Módulo Básico Horas 10 Ma. Ivet Díaz de León P. (LI’97 MCE’03)
Transcripción de la presentación:

Macromedia Flash MX Animación para la web

Pintura con la herramienta Pincel La herramienta Pincel dibuja trazos similares a los de un pincel. Permite crear efectos especiales, incluidos efectos caligráficos. Puede elegir una forma y un tamaño de pincel con los modificadores de la herramienta Pincel. En muchas tablillas sensibles a la presión, puede cambiar el grosor del trazo de pincel aumentando o disminuyendo la presión sobre la pluma

Herramienta Pincel El tamaño del pincel para los trazos nuevos permanece constante aunque se cambie el porcentaje de visualización del escenario, de manera que un mismo tamaño de pincel se ve mayor cuando el porcentaje de visualización del escenario es menor

Opciones del Pincel Modos de pintura: Pintar normal pinta sobre las líneas y rellenos de la misma capa.

Opciones del Pincel Modos de pintura: Rellenos de pintura pinta rellenos y áreas vacías y no afecta a las líneas

Opciones del Pincel Modos de pintura: Pintar detrás pinta en las áreas vacías del escenario de la misma capa, sin afectar ni a las líneas ni a los rellenos.

Opciones del Pincel Modos de pintura: Pintar selección aplica un nuevo relleno a la selección al elegir un relleno en el modificador Relleno o en el cuadro Relleno del inspector de propiedades. Esta opción es como seleccionar un área rellena y aplicar un nuevo relleno.

Opciones del Pincel Modos de pintura: Pintar selección aplica un nuevo relleno a la selección al elegir un relleno en el modificador Relleno o en el cuadro Relleno del inspector de propiedades. Esta opción es como seleccionar un área rellena y aplicar un nuevo relleno.

Ejercicio

Enderezamiento y suavizado de líneas Puede enderezar o suavizar líneas y contornos de formas para remodelarlos El enderezamiento hace los pequeños ajustes necesarios a las líneas y las curvas ya dibujadas. No tiene ningún efecto sobre los segmentos rectos.

Enderezamiento y suavizado de líneas También puede utilizar la técnica de enderezamiento para que Flash reconozca las formas. Si dibuja cualquier forma ovalada, rectangular o triangular con la opción Reconocer formas desactivada, puede utilizar la opción Enderezar para hacer las formas geométricamente perfectas Menú Edición /Preferencias >> Ficha Edición

Enderezamiento y suavizado de líneas El reconocimiento de formas transforma las figuras superiores en las inferiores

Suavizado de líneas Para suavizar la curva de cada línea o contorno de relleno seleccionado: Seleccione la herramienta Flecha y haga clic en el modificador Suavizar en la sección Opciones de la caja de herramientas o seleccione Modificar > Suavizar.

Suavizado de líneas Para realizar pequeños ajustes de enderezamiento en cada línea curva o contorno de relleno seleccionado: Seleccione la herramienta Flecha y haga clic en el modificador Enderezar en la sección Opciones de la caja de herramientas o seleccione Modificar > Enderezar.

Optimización de curvas Otra forma de suavizar curvas es optimizarlas. Esto refina las líneas curvas y los contornos de relleno reduciendo el número de curvas utilizadas para definirlos. La optimización de las curvas también reduce el tamaño del documento de Flash (archivo FLA) y la película Flash exportada (archivo SWF). Al igual que con los modificadores Suavizar o Enderezar, puede aplicar la optimización varias veces al mismo elemento.

Optimizar curvas 1 Seleccione los elementos dibujados que desea optimizar y elija Modificar > Optimizar. 2 En el cuadro de diálogo Optimizar curvas, arrastre el deslizador Suavizar para especificar el grado de suavizado. Los resultados exactos dependen de las curvas seleccionadas. En general, la optimización reduce el número de curvas y el resultado es menos similar al contorno original. 3 Establezca las opciones adicionales: Seleccione Utilizar varias pasadas para repetir el proceso de suavizado hasta que no pueda realizarse otra optimización; esto es lo mismo que elegir varias veces Optimizar con los mismos elementos seleccionados. Active Mostrar mensaje con valores totales para visualizar un cuadro de alerta que indique el alcance de la optimización una vez finalizado el suavizado.

Borrado La herramienta Borrador permite eliminar trazos y rellenos. Puede borrar todo el escenario con rapidez, borrar los diferentes segmentos de trazos o áreas rellenas, o borrar arrastrando el puntero Personalice la herramienta Borrador para borrar sólo trazos, sólo áreas rellenas o sólo una única área rellena. El borrador puede ser redondo o cuadrado y hay cinco tamaños disponibles

Borrado Para borrar con rapidez todo el escenario: Haga doble clic en la herramienta Borrador. Para eliminar segmentos de trazos o áreas rellenas: Seleccione la herramienta Borrador y, a continuación, haga clic en el modificador Grifo. Haga clic en el segmento de trazo o el área rellena que desea borrar.

Borrado Para borrar por arrastre: 1 Seleccione la herramienta Borrador. 2 Seleccione un modo de borrado: Borrar normal borra trazos y rellenos de la misma capa. Borrar rellenos sólo borra rellenos, sin afectar a los trazos. Borrar líneas sólo borra los trazos, sin afectar a los rellenos. Borrar rellenos seleccionados sólo borra los rellenos actualmente seleccionados y no afecta a los trazos, estén seleccionados o no. (Seleccione los rellenos que desea borrar antes de utilizar la herramienta Borrador en este modo.) Borrar dentro sólo borra el relleno en el que se ha iniciado el trazo de borrador. Si el punto de inicio de borrado está vacío, no se borra nada. Este modo no afecta a los trazos

EJERCICIO

Trabajo con textos Los campos de texto estáticos muestran texto cuyos caracteres no se modifican de forma dinámica. Los cuadros de texto dinámicos muestran texto que se actualiza de forma dinámica, como resultados deportivos, cotizaciones de valores o información meteorológica. Los campos de texto de entrada permiten a los usuarios introducir texto en formularios o encuestas

Trabajo con textos En Flash, puede crear texto horizontal (con flujo de izquierda a derecha) o texto vertical estático (con flujo de izquierda a derecha o de derecha a izquierda). De forma predeterminada, el texto se crea con orientación horizontal. Puede elegir preferencias para que la orientación predeterminada sea la vertical y definir otras opciones para el texto vertical

Trabajo con Textos Para crear texto, coloque bloques de texto mediante la herramienta Texto. Al crear texto estático, puede colocar texto en una sola línea que se amplía a medida que escribe o en un bloque de anchura fija (para texto horizontal) o de altura fija (para texto vertical) que se amplía y se ajusta al texto automáticamente. Al crear texto dinámico o de entrada, puede colocar texto en una sola línea o crear un bloque de texto con una anchura y una altura fijas

Trabajo con Textos En los bloques de texto horizontales estáticos que se amplían, aparece un selector circular en la esquina superior derecha. En los bloques de texto horizontales estáticos con una altura definida, aparece un selector cuadrado en la esquina superior derecha.

Trabajo con Textos En el texto vertical estático con orientación de derecha a izquierda que se amplía, aparece un selector circular en la esquina inferior izquierda. En el texto vertical estático con orientación de derecha a izquierda y una altura fija, aparece un selector cuadrado en la esquina inferior izquierda. En el texto vertical estático con orientación de izquierda a derecha que se amplía, aparece un selector circular en la esquina inferior derecha. En el texto vertical estático con orientación de izquierda a derecha y una altura fija, aparece un selector cuadrado en la esquina inferior derecha. En los bloques de texto dinámicos o de entrada que se amplían, aparece un selector circular en la esquina inferior derecha. En los bloques de texto dinámico o de entrada con una altura y una anchura definidas, aparece un selector cuadrado en la esquina inferior derecha.

Establecimiento de atributos de texto Por fuente se entiende una variedad de caracteres alfanuméricos con un determinado diseño. Los atributos de fuente incluyen la familia de fuentes, el tamaño en puntos, el estilo, el color, el espaciado entre caracteres, el ajuste automático entre caracteres y la posición del carácter. Los atributos de párrafo incluyen: alineación, márgenes, sangrías e interlineado.

Uso de fuentes de dispositivo (Sólo texto horizontal) Al crear texto, se puede especificar que Flash Player utilice fuentes de dispositivo para mostrar ciertos bloques de texto, de manera que Flash no incorpore la fuente correspondiente. Esto puede disminuir el tamaño del archivo de la película y hacer que el texto sea más legible con tamaños de texto inferiores a 10 puntos.

Opciones de texto dinámico y de entrada En Nombre de instancia, introduzca el nombre de instancia para el campo de texto.

Opciones de texto dinámico y de entrada Elija Multilínea para ver el texto en varias líneas, Línea única para verlo en una sola línea, o Multilínea sin ajuste para que el texto se distribuya en varias líneas sólo si el último carácter es un carácter de cambio de renglón como Intro (Windows)

Opciones de texto dinámico y de entrada Seleccione el botón Generar texto como HTML para conservar los elementos de formato de texto enriquecido, como fuentes e hipervínculos, con las etiquetas HTML adecuadas.

Opciones de texto dinámico y de entrada Seleccione el botón Mostrar borde alrededor del texto para que aparezca un borde negro y un fondo blanco para el campo de texto.

Opciones de texto dinámico y de entrada Seleccione el botón Seleccionable para permitir que los usuarios seleccionen el texto dinámico. Anule la selección de esta opción para impedir que los usuarios seleccionen el texto dinámico.

Opciones de texto dinámico y de entrada En Variable, especifique el nombre de la variable del campo de texto.

Uso de Fuentes del Dispositivo Al crear texto, se puede especificar que Flash Player utilice fuentes de dispositivo para mostrar ciertos bloques de texto, de manera que Flash no incorpore la fuente correspondiente. Esto puede disminuir el tamaño del archivo de la película y hacer que el texto sea más legible con tamaños de texto inferiores a 10 puntos

Uso de Fuentes del Dispositivo 1. Seleccione bloques de texto del escenario que contengan texto que desea visualizar utilizando una fuente de dispositivo. 2. Seleccione Ventana > Propiedades. 3. En el inspector de propiedades, elija Texto estático en el menú emergente. 4. Seleccione Utilizar fuentes de dispositivo.

EJERCICIO Realice el siguiente ejercicio utilizando todas las variantes del texto en Flash

Edición de texto Para editar texto en Flash pueden utilizarse las técnicas de procesamiento de texto más habituales. Pueden utilizarse los comandos Cortar, Copiar y Pegar para mover el texto dentro del archivo de Flash y entre Flash y otras aplicaciones. Para comprobar la ortografía del texto, puede copiar el texto al Portapapeles mediante el explorador de películas y pegarlo en un editor de texto externo donde podrá ejecutar el corrector ortográfico

Transformación de texto Los bloques de texto pueden transformarse del mismo modo que otros objetos. Para crear efectos interesantes se pueden ajustar, rotar, sesgar y reflejar. Al modificar la escala de un bloque de texto como si fuera un objeto, los incrementos o las disminuciones del tamaño en puntos no se reflejan en el inspector de propiedades. El texto de un bloque de texto transformado puede editarse, aunque las transformaciones importantes puedan dificultar la lectura.

Separación de texto Puede separar texto para colocar cada carácter en un bloque de texto distinto. Una vez separado un texto, puede distribuir rápidamente los bloques de texto en capas distintas para poder animar fácilmente cada bloque por separado

Separación de texto También puede convertir texto en las líneas y los rellenos que lo componen para modificar su forma, borrarlo y manipularlo. Del mismo modo que con otras formas, los caracteres convertidos pueden agruparse de forma individual o pueden cambiarse a símbolos y animarlos. Una vez convertido el texto en líneas y relleno, ya no puede editarse como si fuera texto.

Separación de Texto Para separar texto: 1. Seleccione la herramienta Flecha y haga clic en un bloque de texto. 2. Elija Modificar > Separar. Cada carácter del texto seleccionado se coloca en un bloque de texto distinto. El texto permanece en la misma posición en el escenario. 3. Elija Modificar > Separar de nuevo para convertir los caracteres en formas en el escenario

Vinculación de texto a un URL (Sólo texto horizontal) Puede vincular texto horizontal a un URL para permitir que los usuarios pasen a otros archivos haciendo clic en el texto. 1. Para vincular texto horizontal a un URL Realice uno de los siguientes pasos: Con la herramienta Texto, seleccione texto en un bloque de texto. Con la herramienta Flecha, seleccione un bloque de texto del escenario para vincular todo el texto del bloque a un URL. 2. Si el inspector de propiedades aún no aparece, elija Ventana > Propiedades. 3. Para Vínculo, introduzca el URL al que desea vincular el bloque de texto.

Transformación libre Se puede utilizar la herramienta Transformación libre para transformar objetos, grupos, instancias o bloques de texto libremente. También se pueden realizar transformaciones individuales o combinar varias transformaciones, como el movimiento, la rotación, la escala, el sesgo y la distorsión.

Transformación libre Distorsión de objetos Al aplicar la opción Distorsionar a un objeto seleccionado, si se arrastra un selector de esquina o lateral en el recuadro de delimitación, se mueve la esquina o borde y se vuelven a alinear los bordes adyacentes.

Transformación libre Modificación de formas con el modificador de envoltura El modificador de envoltura permite deformar y distorsionar objetos. Una envoltura es un recuadro de delimitación que contiene uno o más objetos. Los cambios realizados en la forma de una envoltura afectan a la forma de los objetos contenidos en la envoltura.

Transformación libre Escala de objetos Al escalar un objeto, el tamaño de dicho objeto aumenta o se reduce horizontal o verticalmente (o en ambas direcciones). Para escalar un objeto, arrástrelo o introduzca los valores en el panel Transformar.                             . Panel Transformar

Transformación libre Rotación de objetos Al rotar un objeto, éste gira sobre su punto de transformación. El punto de transformación se alinea con el punto de registro, que se establece de forma predeterminada en el centro del objeto; sin embargo, es posible mover el punto arrastrándolo.

Reflejo de Objetos Los objetos pueden reflejarse según su eje horizontal o vertical sin mover su posición relativa en el escenario. Para reflejar un objeto: Seleccione el objeto. Menú Modificar > Transformar > Voltear verticalmente o voltear horizontalmente

Ejercicio

Curso Básico de Flash MX FIN CLASE Curso Básico de Flash MX