Curso Flash Mx. Clase 2

5,201 views

Published on

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

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

  • Be the first to like this

No Downloads
Views
Total views
5,201
On SlideShare
0
From Embeds
0
Number of Embeds
39
Actions
Shares
0
Downloads
289
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Curso Flash Mx. Clase 2

  1. 1. Macromedia Flash MX Animación para la web
  2. 2. El Escenario de Flash
  3. 3. Herramientas de dibujo y pintura de Flash Para dibujar líneas y formas libres como si lo hiciera con un lápiz, utilice la herramienta Lápiz. Para dibujar trazados precisos como líneas rectas o curvas se utiliza la Pluma. Para dibujar formas geométricas básicas, se utilizan la Línea, Óvalo y Rectángulo . Para crear trazos similares a los obtenidos al pintar en un lienzo, se utiliza el Pincel.
  4. 4. Solapamiento de formas en Flash <ul><li>Al utilizar las herramientas Lápiz, Línea, Óvalo, Rectángulo o Pincel para dibujar una línea sobre otra línea o forma pintada, las líneas que se solapan se dividen en segmentos en los puntos de intersección. Puede utilizar la herramienta Flecha para seleccionar, mover y remodelar cada segmento independientemente </li></ul>
  5. 5. Solapamiento de formas en Flash <ul><li>Al pintar sobre formas y líneas, lo que queda en la parte superior sustituye a lo que estaba debajo. La pintura del mismo color se mezcla. La pintura de colores diferentes conserva los distintos colores. Puede utilizar esta característica para crear máscaras, siluetas y otras imágenes en negativo. </li></ul>
  6. 6. Dibujo con la herramienta Lápiz <ul><li>Para dibujar líneas y formas, se utiliza la herramienta Lápiz de manera muy similar a cómo se emplea un lápiz para realizar un dibujo. Para suavizar o enderezar las líneas y las formas según se va dibujando, puede seleccionar un modo de dibujo para la herramienta Lápiz </li></ul>
  7. 7. Dibujo con la herramienta Lápiz <ul><li>1 . Seleccione la herramienta Lápiz. </li></ul><ul><li>2. Seleccione Ventana > Propiedades y seleccione el color para el trazo, el grosor de la línea y el estilo en el inspector de propiedades. </li></ul><ul><li>3. Seleccione un modo de dibujo de las opciones de la caja de herramientas: </li></ul><ul><ul><li>Seleccione Enderezar para dibujar líneas rectas y convertir figuras similares a triángulos, óvalos, círculos, rectángulos y cuadrados en estas formas geométricas. </li></ul></ul><ul><ul><li>Seleccione Suavizar para dibujar curvas suaves. </li></ul></ul><ul><ul><li>Seleccione Tinta para dibujar líneas a mano alzada sin aplicarles ninguna modificación. </li></ul></ul><ul><li>4. Arrastre sobre el escenario para dibujar con la herramienta Lápiz. Arrastre con la tecla Mayús presionada para dibujar sólo líneas verticales u horizontales </li></ul>
  8. 8. Ejercicio <ul><li>Realice el siguiente dibujo, utilizando la herramienta lápiz y sus diversas opciones </li></ul>
  9. 9. Dibujo de líneas rectas, óvalos y rectángulos <ul><li>Las herramientas Línea, Óvalo y Rectángulo permiten crear fácilmente las formas geométricas habituales. Las herramientas Óvalo y Rectángulo crean tanto formas rellenas como formas sólo definidas por el trazo. La herramienta Rectángulo permite crear rectángulos con las esquinas cuadradas o redondeadas </li></ul>
  10. 10. Dibujo de líneas <ul><li>Herramienta Línea </li></ul><ul><li>Seleccione las herramientas Línea </li></ul><ul><li>Seleccione Ventana > Propiedades y seleccione los atributos de trazo en el inspector de propiedades. No es posible establecer atributos de relleno para la herramienta Línea. </li></ul><ul><li>Arrastre sobre el escenario </li></ul><ul><li>Con la herramienta Línea, al arrastrar con la tecla Mayús presionada se limitan las líneas a ángulos múltiplos de 45º. </li></ul>
  11. 11. Dibujo de líneas <ul><li>Las líneas introducidas al Escenario pueden ser modificadas en cuanto a su espesor y tipo de trazo utilizando la barra de Propiedades ubicada en la parte inferior del área de trabajo </li></ul>
  12. 12. Dibujo de líneas <ul><li>De forma predeterminada Flash ajusta el punto inicial de una línea a la línea mas cercana para que no tenga que ser tan preciso cuando dibuja con el ratón. </li></ul><ul><li>Si por alguna razón no desea que las líneas se conecten automáticamente, puede controlar este comportamiento accediendo al cuadro de dialogo Preferencias del Menú Edición y seleccionando la ficha Edición </li></ul>
  13. 13. Ejercicio <ul><li>Realice el siguiente dibujo utilizando la herramienta Línea (cuadricula = 50 pix, Tamaño película = 900x500 pix) </li></ul>
  14. 14. Dibujo de rectángulos <ul><li>Herramienta Rectángulo </li></ul><ul><li>La herramienta Rectángulo crea tanto formas rellenas como formas sólo definidas por el trazo. </li></ul><ul><li>La herramienta Rectángulo permite crear rectángulos con las esquinas cuadradas o redondeadas </li></ul><ul><li>Al arrastrar con la Mayús presionada se crean cuadrados </li></ul>
  15. 15. Ejercicio <ul><li>Realice el siguiente dibujo utilizando la herramienta Rectángulo y sus opciones. De ser necesario utilice la herramienta Línea </li></ul>
  16. 16. Dibujo de óvalos <ul><li>Herramienta Ovalo </li></ul><ul><li>Se ubica al lado de la herramienta Rectángulo. </li></ul><ul><li>Con la herramienta Óvalo al arrastrar con Mayús presionada se pueden crear sólo círculos. </li></ul><ul><li>Esta herramienta no posee opciones adicionales. </li></ul>
  17. 17. Ejercicio <ul><li>Dibuje el elemento que se muestra a continuación, utilizando líneas, óvalos y el bote de pintura </li></ul>
  18. 18. Uso de la herramienta Pluma <ul><li>Para dibujar trazados precisos como líneas rectas o bien como suaves curvas, puede utilizar la herramienta Pluma. Puede crear segmentos de líneas rectas o curvas, y ajustar el ángulo y la longitud de los segmentos rectos, así como la pendiente de los segmentos curvos </li></ul>
  19. 19. Uso de la herramienta Pluma <ul><li>Al dibujar con la herramienta Pluma , puede hacer clic para crear puntos en los segmentos de las líneas rectas o bien hacer clic y arrastrar para crear puntos en los segmentos de las líneas curvas. Puede ajustar los segmentos de las líneas curvas y rectas ajustando los puntos de las líneas. Puede convertir líneas curvas en líneas rectas y viceversa. También puede mostrar los puntos de las líneas creadas con otras herramientas de dibujo de Flash, como las herramientas Lápiz, Pincel, Línea para ajustar estas líneas. </li></ul>
  20. 20. Preferencias de la Pluma <ul><li>Puede especificar las preferencias de aspecto del puntero de la herramienta Pluma , la manera de previsualizar los segmentos de líneas conforme va dibujando o bien el aspecto de los puntos de anclaje seleccionados. Los puntos de anclaje y los segmentos de líneas seleccionados aparecen en el color del contorno de la capa en la que aparecen estas líneas y puntos </li></ul>
  21. 21. Dibujo de líneas rectas con la Pluma <ul><li>Para dibujar segmentos de líneas rectas con la herramienta Pluma, debe crear puntos de anclaje (puntos de la línea que determinan la longitud de los segmentos individuales de la línea). </li></ul>
  22. 22. Dibujo de líneas rectas con la Pluma <ul><li>Seleccione la herramienta Pluma. </li></ul><ul><li>Seleccione Ventana > Propiedades y seleccione los atributos de trazo y relleno en el inspector de propiedades. Consulte Utilización de los controles Color de trazo y Color de relleno del inspector de propiedades. </li></ul><ul><li>Coloque el puntero en el escenario, en el inicio de la línea recta, y haga clic para definir el primer punto de anclaje. </li></ul><ul><li>Vuelva a hacer clic para indicar dónde desea que termine el primer segmento de la línea recta. Haga clic mientras mantiene presionada la tecla Mayús para limitar las líneas a ángulos múltiplos de 45°. </li></ul><ul><li>Siga haciendo clic para crear más segmentos rectos. </li></ul>
  23. 23. Dibujo de líneas rectas con la Pluma <ul><li>Para terminar el trazado como una forma abierta o cerrada, utilice uno de los siguientes procedimientos: </li></ul><ul><ul><li>Para terminar un trazado abierto , haga doble clic en el último punto y haga clic en la herramienta Pluma de la caja de herramientas, o bien presione la tecla Control y haga clic </li></ul></ul><ul><ul><li>Para cerrar un trazado , coloque la herramienta Pluma sobre el primer punto de anclaje. Cuando está colocada correctamente, aparece un círculo pequeño junto a la punta del lápiz. Haga clic o arrastre para cerrar el trazado </li></ul></ul>
  24. 24. Dibujo de líneas rectas con la Pluma Para terminar la forma tal cual, seleccione en el menú Edición > Anular todas las selecciones o bien elija otra herramienta de la caja de herramientas.
  25. 25. Ajuste de puntos de anclaje en los trazados <ul><li>De manera predeterminada, los puntos curvos seleccionados se muestran como círculos huecos, mientras que los puntos angulares seleccionados se muestran como cuadrados huecos. </li></ul>
  26. 26. Ajuste de puntos de anclaje en los trazados <ul><li>Para convertir los segmentos de una línea de segmentos rectos a segmentos curvos o viceversa, basta con convertir los puntos angulares en puntos curvos o viceversa. </li></ul>
  27. 27. Ajuste de puntos de anclaje en los trazados <ul><li>También puede mover, agregar o eliminar los puntos de anclaje de un trazado. </li></ul><ul><li>Los puntos de anclaje se mueven utilizando la herramienta Subselección para ajustar la longitud o el ángulo de los segmentos rectos o la pendiente de los segmentos curvos. Puede retocar determinados puntos de anclaje para realizar pequeños ajustes. </li></ul><ul><li>Si se eliminan los puntos de anclaje innecesarios de un trazado curvo, se optimizará la curva y se reducirá el tamaño del archivo. </li></ul>
  28. 28. Mover un punto de anclaje <ul><li>Arrastre el punto con la herramienta Subselección </li></ul>
  29. 29. Para retocar uno o varios puntos de anclaje <ul><li>Seleccione el punto o los puntos con la herramienta Subselección y utilice las teclas de dirección para mover los puntos </li></ul>
  30. 30. Convertir un punto de anclaje <ul><li>Para convertir un punto angular en un punto curvo, utilice la herramienta Subselección para seleccionar el punto; a continuación, arrastre el punto mientras mantiene presionada la tecla Alt </li></ul>
  31. 31. Trabajo con Anclajes <ul><li>Para eliminar un punto de anclaje, utilice uno de los siguientes procedimientos: </li></ul><ul><ul><li>Para eliminar un punto de anclaje , haga clic una vez en el punto con la herramienta Pluma. </li></ul></ul><ul><ul><li>Para eliminar un punto curvo , haga clic dos veces en el punto con la herramienta Pluma. (Haga clic una vez para convertir el punto en un punto angular y haga clic otra vez para eliminar el punto.) </li></ul></ul><ul><ul><li>Seleccione el punto con la herramienta Subselección y pulse Supr </li></ul></ul>
  32. 32. Ajuste de segmentos <ul><li>Puede ajustar los segmentos rectos para cambiar el ángulo o la longitud del segmento o bien para ajustar los segmentos curvos para cambiar la pendiente o la dirección de la curva. </li></ul><ul><li>Al mover un selector de tangente en un punto curvo, se ajustan las curvas a ambos lados del punto. Al mover un selector de tangente en un punto angular, sólo se ajusta la curva correspondiente al lado de la tangente del punto. </li></ul>
  33. 33. Ajuste de segmentos <ul><li>Para ajustar un segmento recto: </li></ul><ul><li>Seleccione la herramienta Subselección y seleccione un segmento recto. </li></ul><ul><li>Utilice la herramienta Subselección para arrastrar a otra posición un punto de anclaje del segmento </li></ul>
  34. 34. Ajuste de segmentos <ul><li>Para ajustar un segmento curvo: </li></ul><ul><li>Seleccione la herramienta Subselección y arrastre el segmento. </li></ul><ul><li>Nota: al hacer clic en el trazado, se muestran los puntos de anclaje. Al ajustar un segmento con la herramienta Subselección es posible que se agreguen puntos al trazado. </li></ul>
  35. 35. Ajuste de segmentos <ul><li>Para ajustar puntos o selectores de tangentes de una curva: </li></ul><ul><li>Seleccione la herramienta Subselección y seleccione un punto de anclaje de un segmento curvo. Aparece un selector de tangente para el punto que ha seleccionado. </li></ul><ul><li>Para ajustar la forma de la curva a uno de los lados del punto angular, arrastre el punto de anclaje o el selector de tangente. Arrastre con la tecla Mayús presionada para limitar la curva a ángulos múltiplos de 45º. Arrastre con la tecla Alt presionada para arrastrar los selectores de tangentes de a uno. </li></ul>
  36. 36. EJERCICIO <ul><li>Realice el siguiente ejercicio utilizando la pluma, cuadricula, óvalos y líneas </li></ul>
  37. 37. FIN CLASE
  38. 38. Your Main Topic Goes Here <ul><li>Your subtopics go here </li></ul>

×