Macromedia Flash MX Animación para la web
Pintura con la herramienta Pincel <ul><li>La herramienta Pincel dibuja trazos similares a los de un pincel. Permite crear ...
Herramienta Pincel <ul><li>El tamaño del pincel para los trazos nuevos permanece constante aunque se cambie el porcentaje ...
Opciones del Pincel <ul><li>Modos de pintura:  </li></ul><ul><li>Pintar normal  pinta sobre las líneas y rellenos de la mi...
Opciones del Pincel <ul><li>Modos de pintura:  </li></ul><ul><li>Rellenos de pintura  pinta rellenos y áreas vacías y no a...
Opciones del Pincel <ul><li>Modos de pintura:  </li></ul><ul><li>Pintar detrás  pinta en las áreas vacías del escenario de...
Opciones del Pincel <ul><li>Modos de pintura:  </li></ul><ul><li>Pintar selección  aplica un nuevo relleno a la selección ...
Opciones del Pincel <ul><li>Modos de pintura:  </li></ul><ul><li>Pintar selección  aplica un nuevo relleno a la selección ...
Ejercicio
Enderezamiento y suavizado de líneas   <ul><li>Puede enderezar o suavizar líneas y contornos de formas para remodelarlos  ...
Enderezamiento y suavizado de líneas   <ul><li>También puede utilizar la técnica de enderezamiento para que Flash reconozc...
Enderezamiento y suavizado de líneas <ul><li>El reconocimiento de formas transforma las figuras superiores en las inferior...
Suavizado de líneas <ul><li>Para suavizar la curva de cada línea o contorno de relleno seleccionado: Seleccione la herrami...
Suavizado de líneas Para realizar pequeños ajustes de enderezamiento en cada línea curva o contorno de relleno seleccionad...
Optimización de curvas <ul><li>Otra forma de suavizar curvas es optimizarlas. Esto refina las líneas curvas y los contorno...
Optimizar curvas <ul><li>1 Seleccione los elementos dibujados que desea optimizar y elija  Modificar > Optimizar.  </li></...
Borrado   <ul><li>La herramienta Borrador permite eliminar trazos y rellenos. Puede borrar todo el escenario con rapidez, ...
Borrado <ul><li>Para borrar con rapidez todo el escenario: </li></ul><ul><li>Haga doble clic en la herramienta Borrador.  ...
Borrado <ul><li>Para borrar por arrastre: </li></ul><ul><li>1 Seleccione la herramienta Borrador. </li></ul><ul><li>2 Sele...
EJERCICIO
Trabajo con textos <ul><li>Los  campos de texto estáticos  muestran texto cuyos caracteres no se modifican de forma dinámi...
Trabajo con textos <ul><li>En Flash, puede crear texto horizontal (con flujo de izquierda a derecha) o texto vertical está...
Trabajo con Textos <ul><li>Para crear texto, coloque bloques de texto mediante la herramienta Texto. Al crear texto estáti...
Trabajo con Textos <ul><li>En los bloques de texto horizontales estáticos que se amplían, aparece un selector circular en ...
Trabajo con Textos <ul><li>En el  texto vertical estático  con orientación de derecha a izquierda que se amplía, aparece u...
Establecimiento de atributos de texto   <ul><li>Por fuente se entiende una variedad de caracteres alfanuméricos con un det...
Uso de fuentes de dispositivo <ul><li>(Sólo texto horizontal) </li></ul><ul><li>Al crear texto, se puede especificar que F...
Opciones de texto dinámico y de entrada   <ul><li>En  Nombre de instancia , introduzca el nombre de instancia para el camp...
Opciones de texto dinámico y de entrada   <ul><li>Elija  Multilínea  para ver el texto en varias líneas, Línea única para ...
Opciones de texto dinámico y de entrada   <ul><li>Seleccione el botón  Generar texto como HTML  para conservar los element...
Opciones de texto dinámico y de entrada   <ul><li>Seleccione el botón  Mostrar borde alrededor del texto  para que aparezc...
Opciones de texto dinámico y de entrada   <ul><li>Seleccione el botón  Seleccionable  para permitir que los usuarios selec...
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 <ul><li>Al crear texto, se puede especificar que Flash Player utilice fuentes de dispositiv...
Uso de Fuentes del Dispositivo <ul><li>1. Seleccione bloques de texto del escenario que contengan texto que desea visualiz...
EJERCICIO Realice el siguiente ejercicio utilizando todas las variantes del texto en Flash
Edición de texto   <ul><li>Para editar texto en Flash pueden utilizarse las técnicas de procesamiento de texto más habitua...
Transformación de texto   <ul><li>Los bloques de texto pueden transformarse del mismo modo que otros objetos. Para crear e...
Separación de texto   <ul><li>Puede separar texto para colocar cada carácter en un bloque de texto distinto. Una vez separ...
Separación de texto <ul><li>También puede convertir texto en las líneas y los rellenos que lo componen para modificar su f...
Separación de Texto <ul><li>Para separar texto: </li></ul><ul><li>1. Seleccione la herramienta Flecha y haga clic en un bl...
Vinculación de texto a un URL   <ul><li>(Sólo texto horizontal) </li></ul><ul><li>Puede vincular texto horizontal a un URL...
Transformación libre Se puede utilizar la herramienta Transformación libre para transformar objetos, grupos, instancias o ...
Transformación libre Distorsión de objetos Al aplicar la opción Distorsionar a un objeto seleccionado, si se arrastra un s...
Transformación libre Modificación de formas con el modificador de envoltura El modificador de envoltura permite deformar y...
Transformación libre Escala de objetos Al escalar un objeto, el tamaño de dicho objeto aumenta o se reduce horizontal o ve...
Transformación libre Rotación de objetos Al rotar un objeto, éste gira sobre su punto de transformación. El punto de trans...
Reflejo de Objetos Los objetos pueden reflejarse según su eje horizontal o vertical sin mover su posición relativa en el e...
Ejercicio
FIN CLASE Curso Básico de Flash MX
Upcoming SlideShare
Loading in...5
×

Curso Flash Mx Clase 3

5,232

Published on

Materiales del curso básico de animación con Flash MX.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
5,232
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
299
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Curso Flash Mx Clase 3

  1. 1. Macromedia Flash MX Animación para la web
  2. 2. Pintura con la herramienta Pincel <ul><li>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 </li></ul>
  3. 3. Herramienta Pincel <ul><li>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 </li></ul>
  4. 4. Opciones del Pincel <ul><li>Modos de pintura: </li></ul><ul><li>Pintar normal pinta sobre las líneas y rellenos de la misma capa. </li></ul>
  5. 5. Opciones del Pincel <ul><li>Modos de pintura: </li></ul><ul><li>Rellenos de pintura pinta rellenos y áreas vacías y no afecta a las líneas </li></ul>
  6. 6. Opciones del Pincel <ul><li>Modos de pintura: </li></ul><ul><li>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 . </li></ul>
  7. 7. Opciones del Pincel <ul><li>Modos de pintura: </li></ul><ul><li>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 . </li></ul>
  8. 8. Opciones del Pincel <ul><li>Modos de pintura: </li></ul><ul><li>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 . </li></ul>
  9. 9. Ejercicio
  10. 10. Enderezamiento y suavizado de líneas <ul><li>Puede enderezar o suavizar líneas y contornos de formas para remodelarlos </li></ul><ul><li>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. </li></ul>
  11. 11. Enderezamiento y suavizado de líneas <ul><li>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 </li></ul>Menú Edición /Preferencias >> Ficha Edición
  12. 12. Enderezamiento y suavizado de líneas <ul><li>El reconocimiento de formas transforma las figuras superiores en las inferiores </li></ul>
  13. 13. Suavizado de líneas <ul><li>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 . </li></ul>
  14. 14. 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.
  15. 15. Optimización de curvas <ul><li>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. </li></ul>
  16. 16. Optimizar curvas <ul><li>1 Seleccione los elementos dibujados que desea optimizar y elija Modificar > Optimizar. </li></ul><ul><li>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. </li></ul><ul><li>3 Establezca las opciones adicionales: </li></ul><ul><ul><li>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. </li></ul></ul><ul><ul><li>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. </li></ul></ul>
  17. 17. Borrado <ul><li>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 </li></ul><ul><li>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 </li></ul>
  18. 18. Borrado <ul><li>Para borrar con rapidez todo el escenario: </li></ul><ul><li>Haga doble clic en la herramienta Borrador. </li></ul><ul><li>Para eliminar segmentos de trazos o áreas rellenas : </li></ul><ul><li>Seleccione la herramienta Borrador y, a continuación, haga clic en el modificador Grifo . </li></ul><ul><li>Haga clic en el segmento de trazo o el área rellena que desea borrar. </li></ul>
  19. 19. Borrado <ul><li>Para borrar por arrastre: </li></ul><ul><li>1 Seleccione la herramienta Borrador. </li></ul><ul><li>2 Seleccione un modo de borrado: </li></ul><ul><li>Borrar normal borra trazos y rellenos de la misma capa. </li></ul><ul><li>Borrar rellenos sólo borra rellenos, sin afectar a los trazos. </li></ul><ul><li>Borrar líneas sólo borra los trazos, sin afectar a los rellenos. </li></ul><ul><li>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.) </li></ul><ul><li>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 </li></ul>
  20. 20. EJERCICIO
  21. 21. Trabajo con textos <ul><li>Los campos de texto estáticos muestran texto cuyos caracteres no se modifican de forma dinámica. </li></ul><ul><li>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. </li></ul><ul><li>Los campos de texto de entrada permiten a los usuarios introducir texto en formularios o encuestas </li></ul>
  22. 22. Trabajo con textos <ul><li>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). </li></ul><ul><li>De forma predeterminada, el texto se crea con orientación horizontal. </li></ul><ul><li>Puede elegir preferencias para que la orientación predeterminada sea la vertical y definir otras opciones para el texto vertical </li></ul>
  23. 23. Trabajo con Textos <ul><li>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 </li></ul>
  24. 24. Trabajo con Textos <ul><li>En los bloques de texto horizontales estáticos que se amplían, aparece un selector circular en la esquina superior derecha. </li></ul><ul><li>En los bloques de texto horizontales estáticos con una altura definida, aparece un selector cuadrado en la esquina superior derecha. </li></ul>
  25. 25. Trabajo con Textos <ul><li>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. </li></ul><ul><li>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. </li></ul><ul><li>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. </li></ul><ul><li>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. </li></ul><ul><li>En los bloques de texto dinámicos o de entrada que se amplían, aparece un selector circular en la esquina inferior derecha. </li></ul><ul><li>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. </li></ul>
  26. 26. Establecimiento de atributos de texto <ul><li>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. </li></ul>
  27. 27. Uso de fuentes de dispositivo <ul><li>(Sólo texto horizontal) </li></ul><ul><li>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. </li></ul>
  28. 28. Opciones de texto dinámico y de entrada <ul><li>En Nombre de instancia , introduzca el nombre de instancia para el campo de texto. </li></ul>
  29. 29. Opciones de texto dinámico y de entrada <ul><li>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) </li></ul>
  30. 30. Opciones de texto dinámico y de entrada <ul><li>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. </li></ul>
  31. 31. Opciones de texto dinámico y de entrada <ul><li>Seleccione el botón Mostrar borde alrededor del texto para que aparezca un borde negro y un fondo blanco para el campo de texto. </li></ul>
  32. 32. Opciones de texto dinámico y de entrada <ul><li>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. </li></ul>
  33. 33. Opciones de texto dinámico y de entrada En Variable, especifique el nombre de la variable del campo de texto.
  34. 34. Uso de Fuentes del Dispositivo <ul><li>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. </li></ul><ul><li>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 </li></ul>
  35. 35. Uso de Fuentes del Dispositivo <ul><li>1. Seleccione bloques de texto del escenario que contengan texto que desea visualizar utilizando una fuente de dispositivo. </li></ul><ul><li>2. Seleccione Ventana > Propiedades . </li></ul><ul><li>3. En el inspector de propiedades, elija Texto estático en el menú emergente. </li></ul><ul><li>4. Seleccione Utilizar fuentes de dispositivo. </li></ul>
  36. 36. EJERCICIO Realice el siguiente ejercicio utilizando todas las variantes del texto en Flash
  37. 37. Edición de texto <ul><li>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. </li></ul><ul><li>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 </li></ul>
  38. 38. Transformación de texto <ul><li>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. </li></ul><ul><li>El texto de un bloque de texto transformado puede editarse, aunque las transformaciones importantes puedan dificultar la lectura. </li></ul>
  39. 39. Separación de texto <ul><li>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 </li></ul>
  40. 40. Separación de texto <ul><li>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. </li></ul>
  41. 41. Separación de Texto <ul><li>Para separar texto: </li></ul><ul><li>1. Seleccione la herramienta Flecha y haga clic en un bloque de texto. </li></ul><ul><li>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. </li></ul><ul><li>3. Elija Modificar > Separar de nuevo para convertir los caracteres en formas en el escenario </li></ul>
  42. 42. Vinculación de texto a un URL <ul><li>(Sólo texto horizontal) </li></ul><ul><li>Puede vincular texto horizontal a un URL para permitir que los usuarios pasen a otros archivos haciendo clic en el texto. </li></ul><ul><li>1. Para vincular texto horizontal a un URL Realice uno de los siguientes pasos: </li></ul><ul><ul><li>Con la herramienta Texto, seleccione texto en un bloque de texto. </li></ul></ul><ul><ul><li>Con la herramienta Flecha, seleccione un bloque de texto del escenario para vincular todo el texto del bloque a un URL. </li></ul></ul><ul><li>2. Si el inspector de propiedades aún no aparece, elija Ventana > Propiedades. </li></ul><ul><li>3. Para Vínculo, introduzca el URL al que desea vincular el bloque de texto. </li></ul>
  43. 43. 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.
  44. 44. 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.
  45. 45. 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.
  46. 46. 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
  47. 47. 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.
  48. 48. 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
  49. 49. Ejercicio
  50. 50. FIN CLASE Curso Básico de Flash MX
  1. Gostou de algum slide específico?

    Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

×