Aprender Flash CS6 con 100 ejercicios prácticos

LA HERRAMIENTA LÍNEA PERMITE CREAR LÍNEAS rectas de distintos grosores, tipos y colores que se pueden establecer en el panel Propiedades. Además de ofrecer la posibilidad de variar elementos tales como el tipo de trazo, el color y el grosor de una línea, Flash permite crear un estilo de línea totalmente personalizado.

IMPORTANTE

Aunque la herramienta para dibujar líneas es la denominada, precisamente, Línea, también es posible hacerlo con la herramienta Rectángulo. Si dibujamos un rectángulo sin espacio para el relleno, en el que una de sus dimensiones (altura o anchura) sea de

1 En este ejemplo práctico veremos el modo de dibujar líneas, formas de Flash únicamente compuestas por trazo. Para activar la herramienta Línea, pulse sobre el octavo icono del panel Herramientas.

2 Haga clic en un punto del extremo izquierdo del lienzo y arrástrelo hasta el extremo opuesto en línea recta, mientras pulsa la tecla Mayúsculas para que sea totalmente horizontal.

3 Comprobemos ahora qué información nos ofrece el panel Propiedades sobre esta línea. Haga clic sobre la herramienta Selección en el panel Herramientas y pulse sobre la línea que acaba de trazar.

4 Pulse en la punta de flecha del cuadro Color de trazo del panel Propiedades

5 En la parte inferior de la muestra de color del trazo se encuentra la sección destinada a modificar su grosor y su estilo. Haga doble clic en el interior del campo Trazo, introduzca el número 15 y pulse la tecla Retorno.

6 El menú desplegable situado a la debajo del cuadro Trazo permite cambiar el tipo de trazo de manera directa. Pulse el botón de flecha del cuadro desplegable Estilo, elija el estilo denominado De puntos

7 Active de nuevo la herramienta Línea en el panel Herramientas y haga clic sobre el botón Editar estilo del trazo del panel Propiedades, representado por un lápiz junto al campo Estilo.

8 Se abre el cuadro de diálogo Estilo del Trazo. Haga clic en la casilla de verificación de la opción Esquinas marcadas, pulse en el botón de flecha del cuadro desplegable Tipo y seleccione con un clic la opción Con sombra.

9 Aparecen nuevas opciones. Cambie otras características de su elección y pulse el botón Aceptar para aplicar los cambios.

10 El nuevo tipo de trazo será el utilizado por todas las herramientas que los dibujen. Haga clic en el extremo izquierdo del lienzo, por debajo de la línea anteriormente dibujada y, pulsando la tecla Mayúsculas, trace otra igual a la anterior mediante la técnica de arrastre.

IMPORTANTE

Flash permite editar los estilos predefinidos, a excepción del primero de ellos (llamado Fina), cuyas características son inalterables. Para configurar un estilo de trazo personalizado se debe acudir a la ventana Estilo del Trazo desde el icono de lápiz situado a la derecha del campo Estilo, en el panel Propiedades.

LAS HERRAMIENTA RECTÁNGULO DE FLASH permite dibujar de modo directo las formas geométricas que su nombre indica, así como definir y modificar de forma independiente trazo y fondo.

IMPORTANTE

En el área de opciones del panel Herramientas, aparece en último lugar el modificador Ajustar objetos que, representado por el dibujo de un imán, facilita el ensamblaje de formas. Este modificador también aparece en las herramientas Selección, Línea, Óvalo, Rectángulo Simple, Óvalo simple y PolyStar. Independientemente de la herramienta seleccionada, el método para dibujar figuras geométricas siempre es el mismo: la técnica de arrastre.

1 Con un arrastre de la herramienta Selección, seleccione todo el contenido del lienzo del documento en pantalla, y pulse la Suprimir para borrarlo.

2 Active la herramienta Rectángulo y trace una forma en la esquina inferior derecha.

3 Presenta el mismo trazo establecido en el ejercicio anterior.

4 Despliegue el cuadro Estilo de trazo y seleccione el estilo Muy fino.

5 Seguidamente, haga clic sobre el icono de la opción Extremo que aparece en el panel Propiedades y, tras comprobar que la opción Redondeado se encuentra seleccionada, pulse sobre ella para ocultar la lista.

6 Ahora estableceremos el valor del radio de esquina, teniendo en cuenta que si éste es de cero grados, valor seleccionado por defecto, las esquinas serán cuadradas. Haga doble clic en el primer control numérico de los cuatro situados bajo la sección Opciones de rectángulo, escriba el valor 10 y pulse la tecla Retorno.

7 Para comprobar el efecto de la modificación realizada en la configuración de la herramienta, dibuje un rectángulo mediante la técnica de arrastre en la parte superior izquierda del lienzo.

8 Las esquinas de la figura dibujada presentan una curvatura. Active de nuevo la herramienta Rectángulo, cambie el valor del primer control de radio de curvatura por 90 y pulse la tecla Retorno.

9 Trace un rectángulo y observa cómo se hace mucho más pronunciada la curvatura de sus esquinas.

10 Con un arrastre seleccione toda la forma, haga un clic en la muestra del color de trazo y seleccione un color contrastante.

11 Pulse sobre el controlador del Trazo y deslícelo hacia la derecha, hasta que el valor sea cercano a 50,

12 El trazo prácticamente se traga el fondo.

IMPORTANTE

Flash permite deshabilitar las opciones de color de borde o de relleno de una forma. De esta manera, la figura puede quedar formada únicamente por los segmentos de trazo que la delimitan o, por el contrario, presentar el aspecto sólido. La pulsación del icono Sin color de la paleta de colores, reconocible por la franja roja que lo cruza en diagonal, desactiva independientemente las opciones de color del trazo y del relleno.

LAS HERRAMIENTAS DE DIBUJO Rectángulo simple y Óvalo simple permiten crear rectángulos, cuadrados, óvalos y círculos y se diferencian de las herramientas utilizadas en el ejercicio anterior en que todas sus propiedades pueden ser editadas en cualquier momento desde el panel Propiedades.

IMPORTANTE

Recuerde que también puede crear cuadrados perfectamente proporcionados, manteniendo pulsada la tecla Mayúsculas mientras arrastra la herramienta Rectángulo.

1 Pulse Ctrl.+A para seleccionar todo el contenido del lienzo y elimínelo.

2 Pulse en el botón de punta de flecha de la herramienta Rectángulo del panel Herramientas y seleccione la herramienta Óvalo simple.

3 Mediante la técnica de arrastre, trace un óvalo simple mientras pulsa la tecla Mayúsculas para que el resultado sea un círculo perfecto cuyas dimensiones modificaremos después desde el panel Propiedades.

4 Obtenemos efectivamente un círculo simple, cuyas características podemos ver ya en el panel Propiedades. A diferencia de lo que ocurre al utilizar las herramientas Rectángulo y Óvalo, al trazar estas formas con el modo de dibujo simple, éstas se mantienen seleccionadas para que podamos modificar en cualquier momento sus principales propiedades. Bloquee altura y anchura, cambie el valor que corresponde a la anchura a 200 y pulse la tecla Retorno.

5 Desde el panel Propiedades de óvalo simple también es posible modificar los ángulos inicial y final de la forma. Cambie el Ángulo inicial a 25.

6 Cambie ahora el Ángulo final a 300.

7 ¿No le recuerda un famoso videojuego? También es posible especificar un radio interior dentro del óvalo o círculo. Los valores numéricos del campo Radio interior deben estar comprendidos entre el 0 y el 99 y representan el porcentaje de relleno del fragmento de óvalo que se elimina. Haga clic en su controlador y arrástrelo hacia la derecha hasta el valor 50 para ver su efecto.

8 Aparece un agujero en medio de la figura.

La herramienta Rectángulo simple funciona de manera idéntica a la que acabamos de ver, con la diferencia, claro está, de que las propiedades que se muestran en el panel Propiedades son las de esa forma. Así, además de su ubicación, sus dimensiones y su color de trazo y de relleno, es posible también modificar directamente los radios de las esquinas de un rectángulo redondeado (como vimos en el ejercicio anterior).

IMPORTANTE

La opción Cerrar trazado permite establecer si el trazado está cerrado y se encuentra activada por defecto. Un trazado abierto dibujaría únicamente el trazo, sin relleno. Por último, el botón Restablecer recupera todos los controles originales de la herramienta Óvalo simple y el estado inicial de la forma creada.

LA HERRAMIENTA POLYSTAR POSIBILITA EL TRAZADO directo de formas geométricas tales como polígonos y estrellas. Una vez dibujadas, todas las figuras pueden ser deformadas siguiendo diversos métodos.

IMPORTANTE

La herramienta PolyStar carece por defecto de método directo de teclado para su activación, por lo que para seleccionarla es necesario acudir al menú emergente de la herramienta Rectángulo de la paleta de herramientas del programa.

1 En este ejercicio trabajaremos con la herramienta de dibujo PolyStar, que se encuentra agrupada con las herramientas Rectángulo y Óvalo en el panel Herramientas. Elimine la forma creada en el ejercicio anterior y pulse sobre el pequeño triángulo que aparece junto al icono de la herramienta Óvalo Simple y elija la herramienta PolyStar.

2 De forma predeterminada la herramienta dibuja polígonos de cinco lados, es decir, pentágonos. Vamos a comprobarlo. Pulse en medio del documento y, sin soltar el botón del ratón, arrastre en línea recta y hacia arriba hasta conseguir la figura deseada.

3 En función del punto en que se libere el botón del ratón, varía no sólo el tamaño de la figura sino también su orientación. Para deshacer el trazado del pentágono, despliegue el menú Edición y pulse sobre la opción Deshacer Añadir forma.

4 Para seleccionar el tipo de figura geométrica que quiere trazar, pulse el botón Opciones de la sección Configuración de herramienta del panel Propiedades.

5 Esta acción nos conduce al cuadro de diálogo Configuración de herramienta, en el que es posible seleccionar una serie de parámetros en relación a las características de las figuras. En primer lugar, haga clic en el botón de flecha del cuadro Estilo y seleccione la opción Estrella.

6 Haga doble clic en el interior del campo Lados, introduzca el número 6 desde el teclado y, para aplicar la nueva configuración a la herramienta PolyStar, pulse el botón Aceptar.

7 Antes de dibujar la figura, conmutaremos los colores de relleno y trazo. Para ello, haga clic en el icono Intercambiar colores, el que muestra dos pequeños cuadros blanco y negro con una flecha doble en el panel Herramientas, y seguidamente trace la estrella pulsando en el centro del escenario y, sin soltar el botón del ratón, arrastrando hacia arriba.

8 Una vez trazada una figura es posible modificar su forma de diferentes modos. Pulse sobre la herramienta Subselección, la segunda del panel Herramientas.

9 La herramienta Subselección permite cambiar la posición de cualquier vértice o vector de una forma, o bien ajustar los segmentos curvos para cambiar la pendiente o la dirección de la curva. Para ello, haga clic sobre una de las puntas de la estrella y arrástrela unos centímetros y compruebe cómo se alarga.

IMPORTANTE

El parámetro modificable Tamaño de puntos de estrella, en el cuadro Configuración de herramienta, sólo afecta a las estrellas, no a los polígonos. Determina su profundidad, es decir, a qué distancia se sitúan los puntos de origen de las puntas respecto a los que conforman su extremo. Cuanto más cercano a 0 sea el valor del cuadro Tamaño de puntos de estrella, más profundos serán los puntos creados.

FLASH PRESENTA HERRAMIENTAS DE DIBUJO que permiten el trazado de formas a mano alzada. La herramienta Lápiz está destinada a dibujar trazos y la herramienta Pincel, en cambio, está destinada a pintar rellenos de diferentes tamaños y estilos.

IMPORTANTE

Evidentemente, resulta muy complicado realizar trazos precisos siguiendo el método de arrastre, pero la herramienta Lápiz presenta una serie de modificadores a fin de que los trazos resulten equilibrados. En la sección Opciones del panel Herramientas puede observar el icono del modificador seleccionado por defecto, Enderezar. Este modificador corrige las imperfecciones del trazado dibujado convirtiéndolo en una sucesión de segmentos rectos.

1 Haga clic sobre la herramienta Lápiz, décimo icono del panel Herramientas.

2 Funciona de manera muy similar a como se emplea un lápiz para realizar un dibujo, es decir, a mano alzada. Haga doble clic en el interior del cuadro Trazo, introduzca el número 3, pulse la tecla Retorno y cambie el Estilo a Sólido.

3 Para comprobar el efecto que produce la herramienta Lápiz, haga clic, arrastre en línea recta hacia la derecha y después, sin levantar el puntero, en diagonal hacia arriba y a la izquierda.

4 El programa corrige automáticamente el trazo al soltar el botón del ratón.