Macromedia Flash MX Animación para la web.

Presentación del tema: "Macromedia Flash MX Animación para la web."— Transcripción de la presentación:

1 Macromedia Flash MX Animación para la web

2 El Escenario de Flash

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 Solapamiento de formas en Flash
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

5 Solapamiento de formas en Flash
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.

6 Dibujo con la herramienta Lápiz
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

7 Dibujo con la herramienta Lápiz
1. Seleccione la herramienta Lápiz. 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. 3. Seleccione un modo de dibujo de las opciones de la caja de herramientas: 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. Seleccione Suavizar para dibujar curvas suaves. Seleccione Tinta para dibujar líneas a mano alzada sin aplicarles ninguna modificación. 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

8 Ejercicio Realice el siguiente dibujo, utilizando la herramienta lápiz y sus diversas opciones

9 Dibujo de líneas rectas, óvalos y rectángulos
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

10 Dibujo de líneas Herramienta Línea Seleccione las herramientas Línea
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. Arrastre sobre el escenario Con la herramienta Línea, al arrastrar con la tecla Mayús presionada se limitan las líneas a ángulos múltiplos de 45º.

11 Dibujo de líneas 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

12 Dibujo de líneas 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. 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

13 Ejercicio Realice el siguiente dibujo utilizando la herramienta Línea (cuadricula = 50 pix, Tamaño película = 900x500 pix)

14 Dibujo de rectángulos Herramienta Rectángulo
La herramienta Rectángulo crea 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 Al arrastrar con la Mayús presionada se crean cuadrados

15 Ejercicio Realice el siguiente dibujo utilizando la herramienta Rectángulo y sus opciones. De ser necesario utilice la herramienta Línea

16 Dibujo de óvalos Herramienta Ovalo
Se ubica al lado de la herramienta Rectángulo. Con la herramienta Óvalo al arrastrar con Mayús presionada se pueden crear sólo círculos. Esta herramienta no posee opciones adicionales.

17 Ejercicio Dibuje el elemento que se muestra a continuación, utilizando líneas, óvalos y el bote de pintura

18 Uso de la herramienta Pluma
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

19 Uso de la herramienta Pluma
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.

20 Preferencias de la Pluma
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

21 Dibujo de líneas rectas con la Pluma
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).

22 Dibujo de líneas rectas con la Pluma
Seleccione la herramienta Pluma. 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. Coloque el puntero en el escenario, en el inicio de la línea recta, y haga clic para definir el primer punto de anclaje. 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°. Siga haciendo clic para crear más segmentos rectos.

23 Dibujo de líneas rectas con la Pluma
Para terminar el trazado como una forma abierta o cerrada, utilice uno de los siguientes procedimientos: 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 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

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 Ajuste de puntos de anclaje en los trazados
De manera predeterminada, los puntos curvos seleccionados se muestran como círculos huecos, mientras que los puntos angulares seleccionados se muestran como cuadrados huecos.

26 Ajuste de puntos de anclaje en los trazados
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.

27 Ajuste de puntos de anclaje en los trazados
También puede mover, agregar o eliminar los puntos de anclaje de un trazado. 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. Si se eliminan los puntos de anclaje innecesarios de un trazado curvo, se optimizará la curva y se reducirá el tamaño del archivo.

28 Mover un punto de anclaje
Arrastre el punto con la herramienta Subselección

29 Para retocar uno o varios puntos de anclaje
Seleccione el punto o los puntos con la herramienta Subselección y utilice las teclas de dirección para mover los puntos

30 Convertir un punto de anclaje
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

31 Trabajo con Anclajes Para eliminar un punto de anclaje, utilice uno de los siguientes procedimientos: Para eliminar un punto de anclaje, haga clic una vez en el punto con la herramienta Pluma. 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.) Seleccione el punto con la herramienta Subselección y pulse Supr

32 Ajuste de segmentos 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. 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.

33 Ajuste de segmentos Para ajustar un segmento recto:
Seleccione la herramienta Subselección y seleccione un segmento recto. Utilice la herramienta Subselección para arrastrar a otra posición un punto de anclaje del segmento

34 Ajuste de segmentos Para ajustar un segmento curvo:
Seleccione la herramienta Subselección y arrastre el segmento. 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.

35 Ajuste de segmentos Para ajustar puntos o selectores de tangentes de una curva: 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. 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.

36 EJERCICIO Realice el siguiente ejercicio utilizando la pluma, cuadricula, óvalos y líneas

37 FIN CLASE

38 Your Main Topic Goes Here
Your subtopics go here