Macromedia Flash MXAnimación para la web

El Escenario de Flash

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.

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

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.

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

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

Ejercicio

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

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

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º.

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

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

Ejercicio

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

Dibujo de rectángulosHerramienta RectánguloLa 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

Ejercicio

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

Dibujo de óvalos

Herramienta OvaloSe 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.

Ejercicio

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

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

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.

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

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).

Dibujo de líneas rectas con la Pluma

1. Seleccione la herramienta Pluma.2. 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.

3. Coloque el puntero en el escenario, en el inicio de la línea recta, y haga clic para definir el primer punto de anclaje.

4. 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°.

5. Siga haciendo clic para crear más segmentos rectos.

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

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.

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.

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.

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.

Mover un punto de anclaje

• Arrastre el punto con la herramienta Subselección

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

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

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

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.

Ajuste de segmentos

Para ajustar un segmento recto:

1. Seleccione la herramienta Subselección y seleccione un segmento recto.

2. Utilice la herramienta Subselección para arrastrar a otra posición un punto de anclaje del segmento

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.

Ajuste de segmentos• Para ajustar puntos o selectores de tangentes de

una curva:1. 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.

2. 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.

EJERCICIO

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

FIN CLASE

Your Main Topic Goes Here

• Your subtopics go here