RECUERDE

Al eliminar el relleno de una forma, ésta desaparece. Ello es debido a que en las opciones de la herramienta Rectángulo o similar está establecido por defecto que las formas se creen sin un color de trazo. Si la forma tuviera trazo, éste se conservaría al eliminar su relleno.

11 Durante el curso utilizaremos este método en el panel Propiedades para desplazar los objetos, puesto que nos asegura la precisión deseada en la realización de las acciones. Para ocultar el panel Información, despliegue el menú Ventana y pulse sobre su nombre.

12 Cuando en Flash CS5 seleccionamos un objeto el panel Propiedades muestra también los cuatro campos referentes a las dimensiones y la ubicación de la selección activa, todo ello en la sección Posición y tamaño. Seleccione con un clic el relleno del rectángulo.

13 Para alterar la anchura del relleno seleccionado, haga clic en el campo AN del panel de propiedades, teclee el valor 50 y pulse la tecla Retorno. (7)

El cuadro X del panel refleja la posición horizontal de la selección dentro del Escenario y el cuadro Y, la posición vertical.

14 Seguidamente, para modificar su altura, haga doble clic dentro del campo AL, introduzca el valor 50 y pulse la tecla Retorno. (8)

15 Al reducir las dimensiones del rectángulo podemos comprobar que se ha eliminado el fragmento del mismo que se solapaba con el del fragmento del óvalo que hemos desplazado antes. Para acabar este ejercicio en el que hemos aprendido a seleccionar, desplazar, redimensionar y solapar objetos, deseleccionaremos el cuadrado y guardaremos los cambios. Haga clic en el área gris del Escenario para deseleccionar el cuadrado.

16 Por último, abra el menú Archivo, pulse sobre la opción Guardar y, en el cuadro de compatibilidad que aparece, pulse también en Guardar. (9)

Lección 15. Líneas y trazos

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. En función de los parámetros que vaya estableciendo el usuario, irán apareciendo nuevas opciones en el cuadro de diálogo Estilo del Trazo, de forma que el número de combinaciones que se puede obtener (es decir, de líneas personalizadas) es considerable. Los parámetros del trazo son comunes a los de las herramientas Lápiz y Pluma, así como a los contornos de las distintas figuras geométricas que se pueden dibujar con Flash CS5.

1 En este ejemplo práctico veremos el modo de dibujar líneas, formas de Flash únicamente compuestas por trazo. Antes de practicar con la herramienta Línea, veremos el modo de dibujar una línea con la herramienta Rectángulo. Pulse sobre dicha herramienta en el panel Herramientas. (1)

2 Si dibujamos un rectángulo sin espacio para el relleno, en el que una de sus dimensiones (altura o anchura) sea de 1 píxel, el programa interpretará que se trata de una línea. Pulse sobre la marca número 5, y, sin soltar el botón del ratón, arrastre hasta la número 6, punto en el que debe liberar el botón. (2)

3 Si es necesario, puede modificar la altura del objeto trazado desde el panel de propiedades. Haga clic en la herramienta Selección del panel Herramientas y pulse sobre el rectángulo que acaba de trazar.

4 La altura del rectángulo que hemos creado, reflejada en el campo AL de la sección Posición y tamaño del panel de propiedades debe ser de 1 o 2 píxeles por lo que no necesitamos modificarla. (3) Aunque ésta es una manera lícita de crear líneas, Flash incorpora una herramienta destinada en exclusiva al dibujo de trazos rectos. Para activar la herramienta Línea, pulse sobre el octavo icono del panel Herramientas. (4)

5 Pulse sobre el aspa número 7 y, sin soltar el botón del ratón, arrastre hasta el aspa número 8 y libere el botón del ratón. (5)

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

7 Una vez dibujadas las líneas, el color, grosor y estilo de las mismas pueden ser modificados a través de las opciones que presenta el panel Propiedades. Pulse sobre la muestra del cuadro Color de trazo de ese panel, en la sección Relleno y trazo, y, en la paleta emergente, seleccione, por ejemplo, el tono rojo de la primera columna. (6)

8 El cambio de color se aplica inmediatamente a la línea seleccionada. En la parte inferior de la muestra de color del trazo del panel de propiedades se encuentra el campo destinado a modificar su grosor. Para cambiarlo se puede optar por arrastrar el botón deslizante del campo Trazo o introducir directamente el valor en el campo de la derecha. En este caso, haga doble clic en dicho campo, introduzca el número 5 y pulse la tecla Retorno. (7)

Puede cambiar el grosor arrastrando el botón deslizante de la sección Trazo.

9 El cuadro desplegable situado debajo del campo Trazo permite cambiar el tipo de trazo de manera directa. Pulse el botón de flecha del cuadro desplegable Estilo, que presenta la opción Sólido seleccionada por defecto, y elija, por ejemplo, el estilo de línea denominado Dentada. (8)

10 A pesar de presentar un aspecto fragmentado, el trazo seleccionado es considerado por el programa como una unidad. Además, el nuevo tipo de trazo será el utilizado por todas las herramientas que los dibujen. Pulse sobre la herramienta Línea en el panel Herramientas.

11 El panel de propiedades sigue mostrando las mismas opciones de trazo a pesar de haber quedado deseleccionada la línea discontinua en el Escenario. Flash permite editar los estilos predefinidos, a excepción del primero de ellos (llamado Muy fino), cuyas características son inalterables. Para configurar un estilo de trazo personalizado se debe acudir a la ventana Estilo del Trazo. Pulse el botón Editar estilo de trazo, situado a la derecha del campo Estilo en el panel Propiedades y representado por el dibujo de un lápiz. (9)

12 Se abre el cuadro de diálogo Estilo del trazo. La ventana presenta una vista previa del trazo seleccionado. La opción Zoom 4x permite aumentar cuatro veces esta previsualización. En la parte inferior de esta sección izquierda de la ventana, una casilla de verificación permite establecer si los vértices que se formen en la línea sean redondeados o puntiagudos. Haga clic en la casilla de verificación de la opción Esquinas marcadas. (10)

13 La vista previa del trazo se actualiza tras cada cambio de configuración para facilitar la elección de las características del trazo. En la parte derecha del cuadro de diálogo aparece el cuadro desplegable Tipo, las opciones del cual se corresponden con los estilos de trazo editables. Haga clic en el botón de flecha de dicho cuadro y seleccione la opción Con sombra. (11)

RECUERDE

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 píxel, el programa interpretará que se trata de una línea.

14 Cada uno de los estilos predefinidos presentan bajo el cuadro Tipo opciones diferenciadas. El tipo de trazo seleccionado muestra nuevas listas desplegables que le permitirán especificar el tipo de línea que desea obtener. La opción Grosor que aparece en primer lugar no debe ser confundida con la correspondiente a la línea como tal, sino que se refiere a la anchura de los pequeños segmentos que la componen. En el siguiente campo se puede definir la distancia que separará a estos últimos. Pulse en el botón de flecha del cuadro Espacio y seleccione la opción Cercano. (13)

15 Seguidamente despliegue el cuadro Vaivén y haga clic en Suelto.

16 Con esta última acción los segmentos que componen el trazo han perdido su simetría. Para modificar la inclinación, pulse en el botón de flecha del cuadro Girar y seleccione la opción Leve.

17 Despliegue el cuadro Curva y seleccione la opción Medianamente curvada para que los segmentos dejen de ser rectos. (14)

18 Por último, para que la longitud de cada una de las líneas que componen el trazo sea diferente, pulse el botón de flecha del cuadro Longitud y haga clic sobre Aleatoria.

19 El cuadro Grosor situado bajo la vista previa se corresponde con el del mismo nombre del panel de propiedades. Haga clic en su interior.

20 El botón de flecha de este cuadro presenta un listado de grosores predefinidos que van desde el llamado muy fino hasta el de 8 puntos. Debe saber que el grosor mínimo de un trazo en Flash es de 0.1 puntos y el máximo, de 10. Introduzca el número 9 y pulse el botón Aceptar para aplicar los cambios en el estilo del trazo.

21 Antes de trazar la línea cambiaremos su color. Esta vez utilizaremos las opciones de color del panel Herramientas. Haga clic sobre el cuadro Color del trazo del panel Herramientas y, en la paleta desplegada, seleccione, por ejemplo, el tono verde de la primera columna de colores. (15)

22 Para dibujar una línea con las propiedades de trazo seleccionadas, pulse sobre la marca que presenta el número 9 y, sin soltar el botón del ratón, arrastre hasta la marca número 10. (16)

23 En las siguientes lecciones conoceremos las diferentes formas geométricas que se pueden dibujar con las herramientas de Flash. Para cerrar este documento, pulse el botón de aspa de su Barra de título.

24 Por último, pulse el botón No para que los últimos cambios realizados sobre el documento no queden almacenados. (17)