Kitabı oku: «Aprender Flash CS5 con 100 ejercicios prácticos», sayfa 3
010Rectángulos y óvalos
LAS HERRAMIENTAS RECTÁNGULO Y ÓVALO de Flash permiten dibujar de modo directo el tipo de figuras geométricas que sus mismos nombres indican. Además, la pulsación de la tecla Mayúsculas durante su trazado perfecciona las figuras hasta convertirlas en cuadrados o círculos.
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.Empezamos esta práctica con un documento en blanco. Pulse sobre la herramienta Rectángulo del panel Herramientas. 
2.El modificador Extremo del panel Propiedades permite crear rectángulos con los bordes redondeados. Para ver el efecto que produce este modificador debemos cambiar primero el tipo de trazo. Despliegue el cuadro Estilo de trazo y seleccione el estilo Muy fino. 
Mientras el trazo Sólido, predeterminado por el programa, tiene un grosor de 1 punto, el de la opción Muy Fino se corresponde con el valor 0.1 de esta unidad.
3.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. 
4.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. 
5.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 izquierda del lienzo. 
6.Las esquinas de la figura dibujada presentan una curvatura. Para eliminar la figura trazada, despliegue el menú Edición, pulse sobre la opción Seleccionar todo y, a continuación, pulse la tecla Suprimir.
7.Podemos aumentar el grado de curvatura de un rectángulo hasta el punto de que los segmentos curvos que conforman las esquinas eliminen los fragmentos de borde rectos. Haga doble clic en el primer control de radio de curvatura, inserte el valor 85 y pulse la tecla Retorno.
8.Como la figura que queremos dibujar medirá aproximadamente 90 píxeles de ancho por 120 de alto, será suficiente con esta cantidad para hacer desaparecer los segmentos rectos de la parte superior e inferior de la figura conservando parcialmente los de los laterales. Antes de trazarla, modificaremos el grosor del trazo. Haga clic en el botón de flecha del campo Estilo de trazo del panel Propiedades y seleccione la opción Sólido. 
9.Por último, dibuje un rectángulo mediante la técnica de arrastre que presente las características recién seleccionadas. 
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.
011Rectángulo simple y óvalo simple
LAS HERRAMIENTAS DE DIBUJO Rectángulo simple y Óvalo simple permiten crear rectángulos, cuadrados, óvalos y círculos con propiedades que se podrán editar en cualquier momento desde el panel Propiedades.
IMPORTANTE
Recuerde que también puede crear directamente formas perfectas, tanto cuadrados como círculos, manteniendo pulsada la tecla Mayúsculas mientras arrastra.
1.Para empezar, en un documento en blanco, haga clic en el botón de punta de flecha de la herramienta Rectángulo del panel Herramientas y seleccione la herramienta Óvalo simple.
2.Mediante la técnica de arrastre, trace un óvalo simple cuyas dimensiones modificaremos después desde el panel Propiedades para convertirlo en un círculo perfecto.
3.Obtenemos así un óvalo 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. Haga clic sobre el valor del campo AL, correspondiente a la altura, inserte el mismo valor que aparezca en el campo AN, referente a la anchura, y pulse la tecla Retorno.
Recuerde que tanto el color de relleno como el trazo aplicados corresponden a la última selección realizada para estos elementos.
4.Desde el panel Propiedades de óvalo simple también es posible modificar los ángulos inicial y final de la forma para convertirla así en un sector circular, en un semicírculo o en otras formas especiales. Veamos un ejemplo. Haga doble clic en el campo Ángulo inicial, escriba el valor 25 y pulse la tecla Retorno.
Tanto el ángulo inicial como el final se pueden modificar mediante el correspondiente botón deslizante.
5.Haga doble clic ahora en el campo Ángulo final, inserte el valor 340 y pulse la tecla Retorno.
6.También es posible especificar un radio interior dentro del óvalo o círculo utilizando el control deslizante o introduciendo manualmente el valor adecuado. 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 el mencionado campo, escriba el valor 50 y pulse la tecla Retorno.
7.Haga clic en la muestra de color de trazado del panel Propiedades y, en la paleta de colores, elija el tono amarillo de la primera columna.
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.
012Dibujar polígonos y estrellas
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 algún punto libre del documento y, sin soltar el botón del ratón, arrastre en línea recta y hacia arriba hasta conseguir la figura deseada.
Flash MX incorporó esta herramienta, presente en la práctica totalidad de programas de dibujo vectorial, para facilitar el trazado de polígonos y estrellas.
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.
El número de lados de un polígono o puntas de una estrella puede oscilar entre 3 y 32.
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 sobre un punto libre 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 el ángulo o la longitud del segmento seleccionado, 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 para ver cómo se alarga. 
La orientación de la estrella también depende de la situación del puntero al liberar el botón del ratón, puesto que en ese punto quedará situada una de las puntas de la misma.
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.
013Dibujar con el lápiz y el pincel
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.Esta herramienta se utiliza de manera muy similar a como se emplea un lápiz para realizar un dibujo, es decir, a mano alzada. Para aumentar el grosor del borde sólido definido, haga doble clic en el interior del cuadro Trazo, introduzca el número 3 y pulse la tecla Retorno.
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. Deshaga la última acción realizada pulsando la combinación Ctrl + Z.
La herramienta Lápiz está destinada a dibujar trazos y presenta en su área de opciones una serie de modificadores de comportamiento que interpretan las formas dibujadas para corregir las imperfecciones cometidas durante su trazado.
El modificador Enderezar también interpreta los trazos cerrados, convirtiendo las figuras similares a triángulos, óvalos, círculos, rectángulos y cuadrados dibujadas a mano alzada en estas formas geométricas comunes.
5.El modificador Enderezar presenta una pequeña punta de flecha junto a su icono, lo que indica que contiene un menú emergente. Haga clic sobre esta punta de flecha, el último del panel Herramientas, seleccione la opción Suavizar y dibuje un trazo similar al anterior.
6.Deshaga la última acción pulsando la combinación Ctrl + Z y active la herramienta Pincel, onceavo icono del panel Herramientas.
7.La herramienta Pincel sólo pinta rellenos. Para comprobarlo, trace una línea recta en algún punto del documento.
8.También el trazado de la pincelada se corrige automáticamente, suavizándose. Cambiaremos el color de relleno por un tono azul oscuro para distinguir mejor las nuevas pinceladas. Tras deshacer la última acción realizada, haga clic sobre la muestra de color de relleno del panel Herramientas y, en la paleta desplegada, seleccione el tono azul oscuro de la primera columna.
9.Los dos últimos cuadros desplegables de la sección Opciones del panel Herramientas permiten cambiar el tamaño y la forma del pincel. Elija los parámetros que usted desee para estas dos características y dibuje de nuevo una línea para ver el efecto que producen estas modificaciones.
La pulsación de la tecla Mayúsculas durante el uso de la herramienta Lápiz dibuja sólo rectas verticales u horizontales.
En el momento de seleccionar el tamaño del pincel debe tener en cuenta que éste permanece constante aunque se varíe el porcentaje de visualización del Escenario. Un mismo tamaño de pincel pintaría en un documento visualizado al 50% rellenos del doble de grosor que los realizados en el mismo documento con un grado de zoom del 100%.
La opción Pintar Normal, la tercera empezando por abajo del panel Herramientas, solapa tanto las líneas como los rellenos situados en la misma capa. La segunda de las posibilidades, Pintar rellenos, pinta rellenos y áreas vacías de la capa seleccionada, pero no afecta a las líneas, y con el modificador Pintar detrás activo, los rellenos del pincel sólo afectan a las áreas vacías del documento, respetando tanto los bordes como los rellenos preexistentes.
IMPORTANTE
El menú emergente muestra las tres opciones de configuración de la herramienta Lápiz. Si la opción Enderezar interpreta el trazado en clave de segmentos rectos, la segunda de las opciones, Suavizar, corrige automáticamente los trazados convirtiéndolos en suaves segmentos curvos. La última de las opciones del menú, Tinta, no aplica ninguna modificación a los trazos dibujados, respetando por tanto el trazado a mano alzada.
014Trazar rectas y curvas
LA HERRAMIENTA PLUMA PERMITE al usuario la creación de segmentos de líneas rectas o curvas. La herramienta Subselección posibilita mostrar los puntos de las líneas y los contornos de las formas y modificar las líneas y los contornos desplazando o ajustando esos puntos.
IMPORTANTE
Las figuras que se crean utilizando las diversas herramientas de dibujo de Flash se definen mediante un número variable de puntos de anclaje. Esta forma de componer trazados mediante puntos se ve más claramente en el caso de los objetos dibujados con la herramienta Pluma, pues en este caso es el propio usuario quien va creando uno a uno los puntos de anclaje que definen el trazo.
1.En un documento en blanco pulse sobre la herramienta Pluma, sexto icono del panel Herramientas.
2.Con la herramienta Pluma se van creando uno a uno los puntos de anclaje que definen el trazado de la forma. Haga clic en un punto del documento y, a continuación, haga clic en otro punto para crear un segmento.
Sólo es posible cerrar un trazado que se esté dibujando pulsando sobre el punto inicial del mismo. Tenga en cuenta que el trazado resultante no tiene una configuración de color de relleno para la forma que encierra.
3.La siguiente pulsación sobre el área de trabajo generará un tercer punto y el segmento correspondiente entre este último punto y el anterior. Cada nueva pulsación generará un punto y el segmento recto correspondiente. Sabiendo esto, haga clic siete veces más hasta conseguir una forma a su gusto.
4.Para cerrar el trazado pulse con la herramienta Pluma sobre el primer punto de anclaje.
En Flash CS5, el comportamiento de esta herramienta es similar a la de Illustrator y permite una mayor precisión y un menor número de puntos al convertir de manera más eficaz de cúbico a cuadrático.
Los trazos pueden dejarse abiertos, de manera que funcionen únicamente como líneas, o cerrarlos formando una figura cerrada. Al situar el puntero del ratón sobre el punto inicial del trazado, éste mostrará un pequeño círculo que nos indica que al pulsar sobre ese punto se obtendrá un trazado cerrado.
5.La herramienta Subselección, segunda del panel Herramientas, permite mostrar los puntos de anclaje de los contornos de las formas, así como ajustar estos puntos para modificar las líneas. Pulse sobre esta herramienta.
6.Para remodelar la figura creada, pulse sobre uno de los puntos de anclaje de la figura y, sin soltar el botón del ratón, arrástrelo hasta deformarla.
7.Los puntos que conforman un trazado pueden ser eliminados. Para ello, haga clic en el botón de punta de flecha de la herramienta Pluma, seleccione la herramienta Eliminar punto de ancla y haga clic sobre el punto de ancla que desee suprimir.
El puntero del ratón mostrará el icono de la herramienta Pluma acompañado de un signo menos.
8.Para ver el modo de creación de segmentos curvos dibujaremos una nueva figura con la herramienta Pluma. Pero para eso necesitaremos eliminar la actual. Despliegue el menú Edición, elija la opción Seleccionar todo y pulse la tecla Suprimir.
9.Haga clic en la punta de flecha de la herramienta Eliminar punto de ancla, pulse sobre la herramienta Pluma y, para dibujar un segmento curvo, haga clic sobre un punto y arrastre hasta otro.
10.Estos tiradores definen la orientación de las curvas que partirán de este punto. Para crear el segundo punto del trazado, haga clic sobre un tercer punto del documento 
y vaya pulsando para crear nuevos segmentos curvos, 
haciendo clic sobre el primero para cerrar el trazado. 
IMPORTANTE
Otra de las variantes de la herramienta Pluma es la que posibilita la creación de nuevos puntos de anclaje en los trazados. De forma predeterminada, la herramienta Pluma cambia a Añadir punto de ancla al colocar el puntero sobre un trazado seleccionado o a Eliminar punto de ancla cuando se coloca en un punto de ancla existente. En cualquier caso, ya sabe que puede encontrar esas herramientas en el panel Herramientas.
015Importar mapas de bits
FLASH CS5 PERMITE IMPORTAR IMÁGENES creadas en otras aplicaciones. Los mapas de bits (en una gran variedad de formatos de archivo) se importan como objetos individuales de la capa activa y quedan automáticamente almacenados en la Biblioteca del documento.
IMPORTANTE
Puesto que importar un mapa de bits aumenta el tamaño del archivo de Flash en el que se incluye, es recomendable comprimir las imágenes importadas. Flash predetermina el formato de compresión JPEG para ellas. El cuadro de diálogo Propiedades de mapa de bits, accesible desde la propia Biblioteca, muestra la información del archivo de imagen de origen y posibilita el ajuste de una serie de parámetros relacionados con la resolución de este tipo de gráficos.
1.En este ejercicio importaremos un mapa de bits de formato comprimido. Abra el menú Archivo, seleccione la opción Importar y pulse sobre la opción Importar a escenario.
2.Esta acción nos conduce al cuadro de diálogo Importar. Haga doble clic sobre el archivo de mapa de bits que desee utilizar.
3.La imagen importada se visualiza en el centro del Escenario y sus principales características se muestran ya en el panel Propiedades. Efectivamente, el programa identifica el objeto como un mapa de bits, y no aparecen las opciones correspondientes al trazo y relleno, puesto que estos atributos son propios de las formas de Flash pero no de las imágenes con formato de mapa de bits. Vamos a eliminar la imagen para insertarla de nuevo desde el panel Biblioteca. Haga clic sobre la herramienta Selección y pulse la tecla Suprimir de su teclado.
El submenú Importar muestra las diferentes opciones de importación ofrecidas por el programa.
El botón Intercambiar posibilita permutar una imagen del Escenario por otra de las contenidas en la Biblioteca del documento en uso. El botón Editar abre la imagen dentro de la aplicación predeterminada en nuestro sistema para la manipulación de este tipo de archivos.
4.A continuación, pulse sobre la pestaña Biblioteca, a la derecha de la pestaña del panel Propiedades.
5.En la parte superior del panel se actualiza una vista previa de la imagen seleccionada tras seleccionar el nombre del archivo correspondiente. Haga clic sobre el nombre del archivo importado y seguidamente, haga doble clic sobre su vista previa.
6.Se abre el cuadro de diálogo Propiedades de mapa de bits que muestra información acerca de la importación, las dimensiones reales de la imagen y su resolución. Pulse el botón Aceptar para cerrar este cuadro.
7.Una vez contamos con una imagen importada en la Biblioteca podemos situarla en el Escenario tantas veces como queramos, sin que esto suponga un incremento en el tamaño del documento. Haga clic sobre el nombre de la imagen en el panel Biblioteca y arrástrela hasta el vértice superior izquierdo del documento.
8.A continuación reduciremos el tamaño de la imagen recién insertada. Selecciónela usando la herramienta de selección, haga clic en el menú Modificar, seleccione la opción Trasformar y haga clic sobre la subopción Escalar.
9.Haga clic sobre el botón de punta de flecha del campo Zoom y seleccione la opción 25%.
10.Utilice los marcadores de los vértices de la imagen para cambiar el tamaño de la imagen usando el método de arrastre.
11.Ahora copie la imagen y pegue dos instancias de la misma en distintos lugares del área de trabajo. Por último guarde el documento.
IMPORTANTE
Flash aplica el formato comprimido JPEG a todos los mapas de bits importados, independientemente de su extensión original. Este formato puede originar pérdidas en la calidad de las imágenes mostradas a una gran resolución. Para evitar este problema, el campo Compresión del cuadro de propiedades permite adaptar la imagen al formato PNG, que conserva las propiedades de color de la imagen original, sin compresión y, por tanto, sin merma. Esta opción sólo debe ser utilizada en casos en los que prime más la calidad de las imágenes que el tamaño final de la película, y está completamente desaconsejado para los archivos que tengan como destino final su visionado en Internet.
