Manual de Flash CS5

RECUERDE

De manera predeterminada, los nuevos libros en blanco se crean con tres hojas. Puede cambiar esta particularidad en el cuadro de opciones de Excel.

1 Para facilitar la ejecución de las prácticas de este capítulo, dedicado al dibujo, necesitaremos una serie de documentos que puede encontrar en el apartado de descargas de nuestra web. En concreto, en este ejercicio, trabajaremos con los archivos 01_Herramientas, 02_Figuras y 03_Curvas, que puede almacenar en la carpeta Documentos de su equipo antes de empezar. Para acceder al cuadro Abrir despliegue el menú Archivo y pulse sobre la opción Abrir.

2 Esta acción puede ser ejecutada asimismo mediante la combinación de teclas Ctrl.+O. El cuadro de diálogo se sitúa en la carpeta desde la que abrimos por última vez un documento. Localice si es necesario su carpeta Documentos, pulse sobre el archivo 01_Herramientas y, manteniendo pulsada la tecla Control, haga clic sobre los archivos 02_Figuras y 03_Curvas. (1)

La tecla Mayúsculas sirve para seleccionar distintos archivos contiguos mientras que la pulsación de la tecla Ctrl permitirá seleccionar archivos no consecutivos.

3 Una vez seleccionados todos los archivos que queremos abrir, pulse el botón Abrir.

4 El panel Herramientas, situado por defecto en la parte derecha del área de trabajo, presenta un funcionamiento similar al del resto de paneles de la aplicación, aunque no puede ser agrupado con ningún otro. Por el contrario, sí puede ser desacoplado de su situación predeterminada mediante el método de arrastre para encajarlo en cualquier parte del área de trabajo o contraerlo, como el resto de los paneles. Para ocultar el panel a través de las opciones de menú, despliegue el menú Ventana y seleccione la opción Herramientas. (2)

5 Para volver a visualizarla será necesario ejecutar de nuevo el mismo comando o bien pulsar la combinación de teclas Ctrl.+F2. Abra de nuevo el menú Ventana y pulse sobre la opción Herramientas.6 En la parte superior de la ventana del documento se muestran las tres pestañas correspondientes a los documentos abiertos. Estas fichas se organizan por el orden de apertura de los archivos, aunque pueden recolocarse mediante el arrastre. Active, con un clic sobre su pestaña, el documento 01_Herramientas.

RECUERDE

El panel Herramientas se puede configurar de modo que muestre la disposición de comandos que más nos facilite el trabajo con los archivos. Para ello, es preciso dirigirse al menú Edición de la aplicación y seleccionar la opción Personalizar panel de herramientas. Desde el cuadro de diálogo que se abre podrá agregar, eliminar y cambiar de posición cualquier icono de herramienta.

6 Los tres documentos abiertos al principio de la lección presentan una serie de marcas numeradas que nos servirán para guiarle en la ejecución correcta de las acciones de dibujo. Las marcas se encuentran dentro de una primera capa en la Línea de tiempo, que está bloqueada para que sea imposible su edición. En el capítulo dedicado a las capas veremos el modo de conseguirlo. El panel Herramientas se organiza en cuatro secciones. En la primera de ellas se sitúan las herramientas de dibujo y selección de objetos. La herramienta Selección, que presenta como icono el dibujo de una flecha negra, es la que se encuentra activa por defecto. Para activar una herramienta basta con pulsar sobre su icono. Pulse sobre el icono de la herramienta Rectángulo, situada en la novena posición en el panel Herramientas. (3)

7 Cuando se selecciona una herramienta de Flash, el panel Propiedades presenta la configuración asociada, mostrando en este caso las características relacionadas con el tipo de figuras que permite dibujar la herramienta Rectángulo. Ésta se utiliza para crear rectángulos y cuadrados. Pulse sobre el aspa que presenta el número 1 y, sin soltar el botón del ratón, arrastre hasta el aspa con el número 2. (4)

8 La segunda sección del panel Herramientas está dedicada a las opciones de color. Como ya comentamos en el primer apartado del curso, las formas de Flash están compuestas por trazo y relleno, por lo que en la sección Colores del panel Herramientas se muestran los tonos correspondientes seleccionados en este momento. Para variar uno de estos colores se puede utilizar la muestra que aparece en la paleta emergente que contienen. Haga clic sobre la muestra de Color de relleno, situada bajo un bote de pintura en el panel Herramientas.

La herramienta Selección, que presenta como icono el dibujo de una flecha negra, es la que se encuentra activa por defecto en el panel Herramientas.

9 Se despliega una paleta de colores. Dedicaremos un capítulo del curso al uso del color en Flash, pero de momento sepa que para seleccionar un tono diferente al actual basta con pulsar sobre él. Pulse, por ejemplo, sobre la muestra de color fucsia situada en la primera columna de la paleta. (5)

10 El cuadro Color de relleno del panel Herramientas toma el tono seleccionado. Asimismo el panel de propiedades presenta el color fucsia junto a la imagen de un cubo de pintura; éste indica que la tonalidad seleccionada se aplicará a partir de ahora al relleno de las formas dibujadas con la herramienta Rectángulo. El resto de las herramientas destinadas a la creación de formas geométricas básicas se agrupan en un menú emergente accesible desde el icono de la herramienta Rectángulo. Pulse sobre la punta de flecha de la herramienta Rectángulo

11 Las puntas de flecha en las herramientas indican que éstas ofrece alternativas. Seleccione la opción Herramienta Óvalo.

12 Dibuje un óvalo entre los puntos 3 y 4, pulsando en el primero de ellos y arrastrando el puntero del ratón hasta pulsar en el segundo. (6)

13 Observe que esta vez el interior de la figura dibujada presenta el color que hemos seleccionado en la paleta como aplicable al relleno. Las opciones de creación de objetos de la paleta no se limitan a las formas geométricas, sino que ésta también permite otras opciones de edición. El dibujo de formas libres o líneas precisas, de formas y trazados, así como la inclusión de textos son algunas de ellas. Active la herramienta Texto con un clic sobre su icono, que presenta una letra T en el panel Herramientas.

14 Para introducir un texto en el documento utilizando el propio programa basta con pulsar sobre el Escenario y escribir. Pulse en la esquina inferior izquierda del cuadro situado en la parte central del Escenario.

Para introducir un texto en el documento una vez seleccionada la herramienta Texto basta con pulsar sobre el Escenario y escribir. Desde la paleta de propiedades podrá cambiar el tipo, el tamaño y el color de la letra.

15 Aparece un cursor de edición en el punto seleccionado. Escriba la frase texto de flash y pulse a la derecha del cuadro de texto para confirmar la entrada. (7)

16 En la sección Ver del panel Herramientas se sitúa la herramienta Zoom, representada por el dibujo de una lupa, que ofrece opciones de control del grado de visualización del Escenario. Active la herramienta Zoom pulsando sobre su icono en el panel Herramientas. (8)

17 Observe que esta herramienta ofrece dos opciones diferenciadas en la cuarta sección del panel Herramientas, en la parte inferior del mismo. Por defecto se encuentra activa la opción Aumentar. Pulse en el Escenario sobre el aspa número 3 para duplicar el grado de visualización del archivo (9)

18 La herramienta cuyo icono muestra el dibujo de una mano permite desplazar los archivos mediante el método de arrastre. Haga clic sobre la herramienta Mano.

19 Pulse sobre la marca número 3 del documento y, sin soltar el botón del ratón, arrastre aproximadamente un centímetro hacia la derecha.

20 Para finalizar el ejercicio veremos el modo de configurar el panel Herramientas de modo que muestre la disposición de comandos que más nos facilite el trabajo con los archivos. Abra el menú Edición y seleccione la opción Personalizar panel de herramientas. (10)

Las puntas de flecha en las herramientas indican que éstas ofrecen alternativas.

21 Se abre el cuadro de diálogo Personalizar panel de herramientas. En su parte izquierda, muestra una reproducción del panel Herramientas que sólo presenta los iconos de las dos primeras secciones del mismo, puesto que éstos se corresponden con las herramientas de la aplicación propiamente dichas. En la parte derecha el cuadro de diálogo muestra dos columnas: Herramientas disponibles y Selección actual. Seleccione la herramienta Rectángulo en la parte izquierda del cuadro de diálogo.

22 Para añadir nuevas herramientas a la herramienta Rectángulo haga clic, por ejemplo, sobre el nombre de la herramienta Borrador en el listado del cuadro Herramientas disponibles y pulse el botón Añadir. (11)

23 La herramienta pasa ahora a formar parte de la selección actual, tal y como muestra el cuadro pertinente. Puede agregar tantas herramientas como crea necesario. Para visualizar el cambio de configuración del panel deberemos salir del cuadro de diálogo. Pulse el botón Aceptar para aplicar los cambios.

24 Pulse sobre la punta de flecha que aparece junto al icono de la herramienta Rectángulo y, compruebe que la herramienta Borrador se ha añadido correctamente a este grupo de herramientas (12).

25 Para eliminar las herramientas que no van a ser utilizadas se debe proceder de modo similar al empleado para añadirlas. Abra el menú Edición y seleccione la opción Personalizar panel de herramientas.

26 Seleccione la herramienta Rectángulo en el cuadro de diálogo Personalizar barra de herramientas.

27 Para eliminar uno de los comandos de la selección actual debe ser seleccionado en el cuadro del mismo nombre. Seleccione con un clic la Herramienta Borrador en el cuadro Selección actual y pulse el botón Quitar.

28 Ahora, haga clic en el botón Restaurar valores predeterminados.

29 Para concluir esta lección, pulse el botón Aceptar.

Lección 13. El relleno de una forma

Apesar de que las herramientas de dibujo de Flash trabajan con vectores, el tratamiento que da a las figuras difiere bastante del que es habitual en otras aplicaciones de este tipo como Illustrator, CorelDRAW o FreeHand. En Flash se consideran el trazo (el borde o silueta de la forma) y el relleno (el color que se aplica al interior de las figuras cerradas) como elementos independientes, a pesar de que ambos puedan ser creados al mismo tiempo. Por lo tanto, no basta con hacer clic sobre un punto de una forma de Flash para seleccionar, simultáneamente, el borde y el relleno de la misma. Los bordes definen el contorno de la figura y son considerados por el programa como líneas, cada segmento de las cuales puede ser modificado independientemente. Los trazos pueden ser transformados en rellenos a través de las opciones de menú de la aplicación, que presenta comandos de edición exclusivos de los rellenos, aunque no permite su conversión en trazos. El color de relleno de una forma, por su parte, puede modificarse desde su panel Propiedades o bien, previamente a su creación, desde el panel Herramientas.

1 En esta lección, en la que sigue con el documento 01_Herramientas en el punto en que lo dejamos en la anterior, profundizaremos en el tratamiento que el programa hace de los rellenos de las formas. Para seleccionar el relleno de una forma se debe pulsar en el interior de la misma. Pulse sobre el relleno del rectángulo.

El color de relleno de una forma puede modificarse desde su panel Propiedades o bien, previamente a su creación, desde el panel Herramientas.

2 El primer cuadro de color del panel Propiedades, que es el que afecta a los trazos, se desactiva, mostrando en su interior una franja diagonal de color rojo. Esto indica que el trazo del objeto seleccionado no tiene color. Esta característica del trazo debe establecerse al seleccionar la herramienta de dibujo, como veremos más adelante. Active la herramienta Zoom pulsando sobre ella en el panel Herramientas. (1)

3 La herramienta Zoom presenta en la zona de opciones del panel Herramientas la posibilidad de elegir su función. Por defecto está seleccionada la opción Aumentar, como ya comentamos en la lección anterior. Pulse sobre el icono de la opción Reducir del panel Herramientas, representada por una lupa acompañada del signo menos.

4 Para ajustar el grado de visualización del documento, pulse en el Escenario sobre la marca que presenta el número 3 y centre, si es necesario, el lienzo con la ayuda de la Barra de desplazamiento vertical. (2)

5 El menú Modificar presenta una serie de comandos que son aplicables a los rellenos. Emplearemos uno de ellos sobre el relleno del óvalo. Pulse sobre la herramienta Selección, la primera del panel Herramientas y haga clic en el centro del relleno de la elipse, de color fucsia (o del color que seleccionó en el momento de su creación como color de relleno.) (3)

6 Como en el caso del rectángulo, queda seleccionado el relleno de la figura. El panel de propiedades nos indica también que este objeto no dispone de trazo. Antes de aplicar una modificación sobre el relleno de la forma, veremos cómo añadir elementos a la selección. Para ello, se debe pulsar el ratón mientras se mantiene presionada la tecla Mayúsculas, ya que dejamos esta opción activada en el cuadro de preferencias del programa. Mantenga pulsada la tecla Mayúsculas y haga clic en el relleno del rectángulo. (4)

7 Para deshacer una selección sin necesidad de hacer otra, se puede optar por utilizar el comando Anular todas las selecciones del menú Edición, pulsar conjuntamente las teclas Ctrl.+Alt. +Mayúsculas o, como en este caso, por la simple pulsación en una zona libre del área de trabajo con la herramienta Selección. Haga clic en el área gris claro de la ventana del documento, a la derecha del Escenario.

8 Veamos qué opciones presenta el menú Modificar para la edición de los rellenos de una forma. Seleccione nuevamente el relleno del óvalo pulsando en su centro.

9 Abra el menú Modificar y seleccione la opción Forma.

10 El submenú ofrece dos opciones para la transformación de los rellenos. Dejaremos la segunda, Suavizar bordes de relleno, para un ejemplo posterior en el que su función quede más clara. Seleccione el comando Expandir relleno. (5)

11 Se abre el cuadro Expandir relleno, que permite redimensionar el interior de las formas sin alterar su borde. El campo Distancia dispone el número de píxeles al que va a ser aplicada la modificación. Escriba el valor 14 y pulse en el botón de opción Hundir, para reducir las dimensiones del relleno. (6)

RECUERDE

Los bordes definen el contorno de la figura y son considerados por el programa como líneas, cada segmento de las cuales puede ser modificado independientemente. Los trazos pueden ser transformados en rellenos a través de las opciones de menú de la aplicación, que presenta comandos de edición exclusivos de los rellenos, aunque no permite su conversión en trazos.

12 Al aplicar los cambios, el relleno de la forma disminuirá de tamaño según los parámetros indicados. Si se hubiese dejado seleccionada la opción Expandir en el cuadro de diálogo, el relleno aumentaría de tamaño. Pero eso lo veremos en la próxima lección. Haga clic en el botón Aceptar para aplicar los cambios.

13 Para acabar el ejercicio, modificaremos el color de relleno de la forma seleccionada, operación que podemos llevar a cabo desde el panel Propiedades. Haga clic en la muestra de color fucsia del panel Propiedades y pulse, por ejemplo, sobre la muestra de color cian de la primera columna de la paleta que aparece para aplicar ese color al relleno del óvalo. (7)

14 Para acabar este ejercicio, deseleccione el óvalo pulsando en la zona gris de la derecha del Escenario. (8)

Lección 14. Ubicación y solapamiento de formas

El comportamiento de trazos y rellenos también difiere cuando dos formas se sitúan una encima de otra dentro de una misma capa, tanto en el momento de ser dibujada la segunda como si esta última o parte de ella es reubicada. Al situar un fragmento de relleno sobre una forma, éste solapa la parte de la misma que queda debajo. En cambio los bordes nunca solapan las figuras, sino que únicamente segmentan las líneas con las que intersecan. Para desplazar una forma, o un fragmento, se puede optar por arrastrarla manualmente por el área de trabajo con la herramienta Selección activa. Pero el programa dispone de un sistema de coordenadas para la colocación exacta de los objetos en el Escenario. Tanto el panel de propiedades como el panel Información presentan unos cuadros que permiten ajustar la ubicación en los planos horizontal y vertical de los objetos seleccionados. Además ambos paneles presentan los cuadros correspondientes a la determinación de la altura y la anchura de los objetos seleccionados.

1 En el último paso de la lección anterior hundimos 14 píxeles el relleno del óvalo que habíamos dibujado en el documento 01_Herramientas. A diferencia de otros programas de dibujo vectorial, en Flash las formas de una misma capa se solapan, es decir, al situar una forma sobre otra pasa a ocupar su posición, suprimiéndola total o parcialmente. Compruebe que la herramienta Selección está activada en el panel Herramientas y seleccione el relleno del óvalo pulsando en su centro. (1)

La herramienta Selección también posibilita la reubicación de los objetos seleccionados mediante la técnica de arrastre. Pero existen otros métodos más precisos: pulsar las teclas de dirección del teclado mientras se mantiene pulsada la tecla Mayúsculas y utilizar los controles de corrdenadas del panel Propiedades o del panel Información.

2 Veamos qué pasa si eliminamos el relleno. Pulse la tecla Suprimir de su teclado para eliminar el relleno seleccionado.

3 Al eliminar el relleno la forma desaparece, puesto que en las opciones de la herramienta con la que lo trazamos 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. Despliegue el menú Edición y pulse sobre la opción Deshacer Eliminar. (2)

4 La herramienta Selección puede ser utilizada a mano alzada, es decir, creando un marco rectangular mediante la técnica de arrastre. Las formas, o parte de ellas, que queden dentro de este marco serán las seleccionadas. Veamos un ejemplo. Para seleccionar sólo parte del óvalo, pulse en este ejemplo práctico sobre el aspa que muestra el número 4 y, sin soltar el botón del ratón, arrástrelo hasta su centro y haga clic. (3)

5 Ha quedado seleccionada únicamente la porción de la figura que estaba comprendida dentro del marco de selección. Ahora esta selección puede ser editada independientemente. La herramienta Selección también posibilita la reubicación de los objetos seleccionados mediante la técnica de arrastre. Pero existen otros métodos más precisos: pulsar las teclas de dirección del teclado mientras se mantiene pulsada la tecla Mayúsculas y utilizar los controles de coordenadas del panel Propiedades o del panel Información. El cuadro X del panel de propiedades refleja la posición horizontal de la selección dentro del Escenario y el cuadro Y, la posición vertical. Abra el menú Ventana y pulse sobre el comando Información. (4)

6 El panel Información es el encargado de mostrar el tamaño y la ubicación del objeto seleccionado, además de proporcionar datos acerca de la situación del puntero y el color de las figuras. Compruebe que los valores de ubicación y tamaño de la porción seleccionada coinciden en este panel y en la sección Posición y tamaño del panel de propiedades. Haga doble clic en el campo AN del panel Información, referente a la anchura de la selección, introduzca el valor 60 y pulse la tecla Retorno.

7 A continuación, haga doble clic en el campo AL, correspondiente a la altura, inserte el valor 45 y pulse la tecla Retorno. (5)

8 En la parte inferior del panel Información se muestran, a la izquierda, los índices de color y opacidad del punto donde se encuentra el puntero y, a la derecha, la situación del puntero dentro del documento. Haga doble clic en el interior del cuadro X de la parte superior del panel Información.

9 Los cuadros X e Y de la parte superior del panel Información contienen los valores de posición horizontal y vertical, respectivamente, de la selección actual. El valor del cuadro X indica la distancia que existe desde el lateral izquierdo del Escenario hasta el punto de registro del objeto seleccionado. Evidentemente un objeto no se limita a un punto de información de color y cada uno de ellos presenta una ubicación distinta, pero se determina que uno sea el que defina la posición del objeto: el punto de registro. Introduzca el valor 125 y pulse la tecla Retorno.

10 El icono que aparece entre los cuadros de tamaño y los de posición del panel Información indica en qué lugar del objeto seleccionado se halla su punto de registro. En este ejemplo, se halla situado en el vértice superior izquierdo del objeto. Haga doble clic en el campo Y del panel Información, teclee el número 40 y pulse la tecla Retorno. (6)