Edicion de Curvas y Obletos en Flash

EDICIÓN DE CURVAS Y OBJETOS

En los próximos apartados aprenderemos todo lo necesario para editar correctamente todo lo que es posible dibujar desde Flash CS3. Veremos cómo cambiar la forma de líneas y objetos, cómo cambiar el tamaño, cómo rotar, deformar, etc.

Punto de control en líneas rectas

Cuando se dibuja una línea recta, ésta consta de dos extremos y cuando se trata de varias líneas rectas encadenadas, podemos imaginarlas como rectas individuales unidas. Pues bien, los extremos de las rectas y sus puntos de unión constituyen lo que se denomina «punto de esquina» y se hacen patentes porque al situar sobre ellos el ratón, aparece un cursor especial según el tipo de herramienta de selección elegido. Así pues, si está utilizando la herramienta Selección y sitúa el ratón sobre el extremo de una recta (sin seleccionarla) o el punto de unión de varias, el cursor adoptará la forma para indicar que se está apuntando sobre un punto de esquina.

Si utiliza la herramienta Subselección , al hacer clic sobre una recta, ésta mostrará una línea verde en su interior y mostrará un pequeño cuadradito en cada extremo. Igualmente, si se trata de rectas encadenadas, aparecerá uno de estos cuadraditos en cada punto de unión. Así pues, el cuadradito relleno indica que se trata de un punto de esquina. Lo veremos cuando tratemos la edición de curvas Bézier.

Puntos de control en líneas curvas

Cuando se dibujan líneas curvas, éstas constan también de dos extremos pero tienen también muchos puntos intermedios que se asignan automáticamente al trazarlas y sirven para controlar los cambios de dirección que aparezcan en ellas. Dependiendo de cómo se haya trazado la curva, es posible que todos los puntos interiores sean de curva, pero también es posible que hayan aparecido puntos de esquina motivados por un brusco cambio de dirección durante el trazado.

Para identificar uno y otro tipo de puntos podemos utilizar la herramienta Selección (sin seleccionar nada). Identificaremos los puntos por el aspecto que adopte el cursor , es decir, cuando se apunte a un punto de esquina y cuando se apunte a un punto de curva.

También podemos utilizar la herramienta Subselección . Al hacer clic con ella sobre una curva, ésta mostrará en su interior una línea de color verde y aparecerán todos los puntos de control que contenga. Cuando se apunte un punto de esquina aparecerá un cursor . con un pequeño cuadradito hueco, mientras que, cuando se apunte a un punto de curva (cualquier otro punto del trazado de la línea), aparecerá un cursor con un pequeño cuadradito relleno. En algunos de los próximos apartados veremos cómo modificar las líneas rectas y curvas actuando sobre esos puntos.

Cómo suavizar una línea existente

Si después de haber trazado una línea desea suavizar su forma haga lo siguiente:

Ø Mediante la herramienta seleccione la línea completamente haciendo doble clic sobre ella o enmarcándola.

Ø En la parte inferior de la barra lateral de herramientas pulse en la herramienta Suavizar para suavizar la línea. Puede pulsar en ese icono varias veces sucesivas hasta alcanzar el nivel de suavizado que desee. Obtendrá el mismo resultado con la orden Modificar>Forma>Suavizar.

Cómo enderezar una línea existente

Si después de haber trazado una línea desea enderezar su forma haga lo siguiente:

Ø Mediante la herramienta seleccione la línea completamente haciendo doble clic sobre ella o enmarcándola.

Ø En la parte inferior de la barra lateral de herramientas pulse en la herramienta Enderezar para enderezar la línea. Puede pulsar en ese icono varias veces sucesivas para ir enderezando la línea hasta alcanzar el máximo posible que será cuando se convierta en una simple recta. Obtendrá el mismo resultado con la orden Modificar>Forma>Enderezar.

Optimización de curvas

Otra forma de suavizar curvas es optimizarlas. Eso refina las líneas curvas y los contornos de relleno reduciendo el número de curvas utilizadas para definirlos. La optimización de las curvas también reduce el tamaño del documento de Flash (archivo FLA) y la película Flash exportada (archivo SWF). Al igual que con los modificadores Suavizar o Enderezar, puede aplicar la optimización varias veces al mismo elemento. Para optimizar curvas siga estos pasos:

Ø Seleccione los elementos dibujados que desea optimizar y elija Modificar>Forma>Optimizar.

Ø En la ventana que se abrirá arrastre el deslizador Suavizado para especificar el grado de suavizado.

Ø Seleccione Utilizar varias pasadas (más lento) para repetir el proceso de suavizado hasta que no pueda realizarse otra optimización; esto es lo mismo que elegir varias veces Optimizar con los mismos elementos seleccionados.

Ø Active Mensaje mostrar totales para visualizar un cuadro de alerta que indique el alcance de la optimización una vez finalizado el suavizado.

Cómo cambiar la longitud de una línea

Mediante la herramienta Selección puede cambiar la longitud de las líneas rectas o curvas arrastrando de sus extremos. La condición es que la línea no esté seleccionada, ya que, en caso contrario, lo que hará es mover toda la línea en lugar de alargarla o acortarla. Así pues para cambiar la longitud de las líneas siga estos pasos:

Ø Active la herramienta Selección y procure que la línea a modificar no esté seleccionada.

Ø Lleve el cursor al extremo de la línea y observe cómo aparece un cursor especial indicando que se encuentra en un punto de esquina.

Ø Arrastre para aumentar o disminuir el tamaño de la recta. Incluso podrá cambiar su dirección.

Cómo cambiar la forma de las líneas

Flash CS3 permite cambiar la forma de las líneas de una manera muy fácil, basta con elegir un punto de la línea con la herramienta y arrastrar de él. Siga estos pasos:

Ø Seleccione la herramienta y procure que la línea no esté seleccionada.

Ø Cuando lleve el cursor sobre un punto cualquiera de la línea que no sea sus extremos, aparecerá un cursor especial indicándole que se halla situado sobre un punto de curva. En ese momento, arrastre el ratón y verá cómo aparece un segmento de curva que se mueve solidario con el ratón. Cuando suelte el ratón la curva se redibujará con su nueva forma. Con este método puede convertir una línea recta en curva. Para ello basta con que arrastre desde cualquier punto que no sea sus extremos.

Cómo cambiar la orientación de una recta

Para cambiar la orientación de una recta haga lo siguiente:

Ø Seleccione la herramienta y procure que la línea no esté seleccionada.

Ø Lleve el cursor a un extremo de la recta y aparecerá un cursor especial indicándole que se halla situado sobre un punto de esquina.

Ø En ese momento, arrastre el ratón y verá cómo, además de poder cambiar la longitud del segmento, puede modificar su orientación. Cuando suelte el ratón la curva se redibujará con su nueva forma.

Cómo añadir nuevos puntos de curva o de esquina

Puede añadir nuevos puntos de curva a una línea siguiendo estos pasos:

Ø Dentro del grupo de herramientas Pluma seleccione la herramienta punto de ancla .

Ø Haga clic en el lugar de la línea en el que desee añadir un punto. Si se trata de líneas rectas se crearán puntos de esquina, mientras que si se trata de líneas curvas se crearán puntos de curva.

Cómo eliminar puntos de curva o de esquina

Si desea eliminar puntos de control, haga lo siguiente:

Ø Dentro del grupo de herramientas Pluma seleccione la herramienta punto de ancla .

Ø Haga clic sobre el punto a eliminar.

Cómo cambiar el tipo de punto de ancla

Si desea convertir un punto de curva en un punto de esquina, haga lo siguiente:

Ø Dentro del grupo de herramientas Pluma seleccione la herramienta Convertir punto de ancla .

Ø Haga clic sobre el punto a convertir.

Cambiar la forma de las líneas con las barras de control

Independientemente de la herramienta que haya utilizado para trazar líneas curvas, éstas podrán modificarse como si fueran del tipo Bézier. Para ello, se utilizarán unos tiradores de control que le permitirán modelar las curvas al igual que hacen esos artistas callejeros que realizan hermosas figuras de alambre sólo con sus manos y un alicate. Efectivamente, esos artesanos parten de un rollo de alambre y con el alicate van sujetando en diferentes puntos y torciendo y curvando para ir así dando forma a la figura.

Podemos comparar este modo de trabajar con el que vamos a utilizar en Flash ya que el punto en donde muerde el alicate será el punto de curva, mientras que las manos que moldean el alambre corresponderían a los tiradores de control que movemos hacia arriba y abajo para ir moldeando la curva. Siga estos pasos:

Ø Con la herramienta Subselección haga clic sobre la curva para visualizar todos los puntos de control (puntos de ancla).

Ø Si hace clic sobre alguno de esos puntos, aparecerá una barra de control con un puntito en cada extremo.

Ø Arrastre de uno u otro de esos puntos teniendo en cuenta lo siguiente:

· Cuanto más estire los puntos de control, más amplia será la curva y viceversa.

· Estire y rote los puntos de control de cada lado de la curva hasta que obtenga el perfil de curva deseado.

Cómo cambiar la forma de los rellenos

Aunque un relleno no tenga contorno puede cambiar su forma del mismo modo que se ha explicado en los apartados anteriores. Puede hacerse con la herramienta Selección y con la herramienta Subselección Vamos a ver cómo se hace.

Cambio de la forma de un relleno con la herramienta Selección

Active la herramienta Selección y arrastre del contorno del relleno para deformarlo a su gusto. Al igual que sucede con las líneas, si se trata de un punto de curva como los que tiene, por ejemplo, un óvalo u otra figura sin vértices, al llevar el cursor al borde del relleno aparecerá un cursor especial indicando que se trata de una curva; arrastre para deformarlo. Si se trata de un punto de esquina como los que aparecen, por ejemplo, en los rectángulos u otro tipo de polígonos, al llevar el cursor a alguno de sus vértices aparecerá el cursor indicándose que se trata de un punto de esquina; si arrastra de él desplazará el vértice.

Cambio de la forma de relleno con la herramienta Subselección

El uso de esta herramienta para editar la forma de un relleno le confiere las mismas ventajas que ha visto para la edición de curvas, ya que también puede añadir puntos de control y actuar en las barras de control para editar la forma del relleno. Vamos a ver cómo se hace:

Ø Active la herramienta Subselección y haga clic en algún lugar del contorno del relleno. Aparecerán todos los puntos de control o ancla.

Ø A partir de aquí, arrastre los puntos de control o actúe en las barras de control para deformar el relleno a su antojo.

Ø Si desea añadir o eliminar puntos de control, utilice respectivamente las herramientas Añadir punto de ancla o Eliminar punto de ancla tal como se ha visto antes.

Cómo cambiar el tamaño de los objetos

Vamos a ver los modos que proporciona Flash CS3 para cambiar el tamaño de los objetos.

Cambio del tamaño de los objetos mediante el ratón

1. Seleccione el objeto cuyo tamaño desea cambiar y pulse en la herramienta Transformación libre de la barra lateral de herramientas (está en el grupo de herramientas tercero comenzando por arriba) y de la que veremos otros detalles más adelante. Seguidamente pulse en el modificador Escalar en la parte inferior de la barra lateral de herramientas. El objeto aparecerá bordeado por unos tiradores. Estire de los tiradores de los vértices para escalar el objeto o de los tiradores de los laterales para cambiar sus proporciones. Si mantiene la tecla Mayús pulsada, el cambio de tamaño se realizará proporcionalmente.

2. Seleccione el objeto y elija la opción Modificar>Transformar>Escalar o bien, haga clic sobre el objeto con el botón derecho y seleccione la opción Transformación libre. En cualquier caso aparecerán los tiradores indicados en el párrafo anterior. Proceda igual que se ha explicado ahí.

Cambio del tamaño de los objetos con el panel Transformar

Seleccione el objeto y elija la orden Ventana>Transformar para abrir el panel de transformación.

Ajuste el porcentaje de ampliación o reducción en las casillas y , teniendo en cuenta que 100% representa el tamaño actual. Si activa la casilla Restringir, al modificar una casilla la otra se adaptará automáticamente para que se produzca un escalado proporcional en lugar de un estirado.

Pulse en para realizar un duplicado y conservar el objeto original. Pulse en para restablecer el objeto a su posición original.

Cómo cambiar la orientación de los objetos

Flash CS3 le permite rotar, inclinar y reflejar los objetos seleccionados. Puede hacerlo según se explica en los próximos apartados.

Cómo rotar objetos mediante el ratón

Puede activar la orden de rotación de varias formas:

A. Seleccione el objeto y seleccione la herramienta Transformación libre de la barra lateral de herramientas y luego pulse el modificador Rotar y sesgar en la parte inferior de la misma barra. El objeto aparecerá bordeado de unos tiradores. Arrastre de los tiradores de los vértices para rotar el objeto.

B. Haga clic con el botón derecho sobre el objeto y elija la opción Transformación libre o bien, seleccione el objeto y elija la opción Modificar>Transformar>Rotar y sesgar. Aparecerán los mismos tiradores. Lleve el cursor a las proximidades de un tirador de esquina hasta que aparezca un cursor con la forma arrastre para rotar.

Rotar objetos mediante el panel Transformar

Seleccione el objeto y mediante la opción Ventana>Transformar abra el panel de transformación de objetos que hemos visto antes. Marque la opción Girar y ajuste los grados de rotación. Valores positivos provocarán una rotación en sentido horario, mientras que valores negativos rotarán el objeto en sentido antihorario. Pulse en para realizar un duplicado y conservar el objeto original. Pulse en para restablecer el objeto a su posición original.

Rotar objetos mediante la ventana Escalar y girar

Seleccione el objeto y elija la opción Modificar>Transformar>Escalar y girar y aparecerá una ventana en la que podrá ajustar los grados de rotación con total precisión. Valores positivos provocarán una rotación en sentido horario, mientras que valores negativos rotarán el objeto en sentido antihorario.

Rotar objetos mediante las opciones de menú

Seleccione el objeto y elija la opción Modificar>Transformar>Rotar 90° en el sentido de las agujas del reloj para rotar 90 grados en sentido horario o bien, elija Modificar>Transformar>Rotar 90° en sentido contrario a las agujas del reloj para rotar 90 grados en sentido antihorario.

Cómo cambiar el eje de rotación de los objetos

Para cambiar la posición del eje de rotación haga lo siguiente:

Seleccione el objeto y, seguidamente, seleccione la herramienta Transformación libre. Verá cómo en el centro del objeto aparece un pequeño círculo que constituye el eje de rotación de ese objeto. A continuación, arrastre el círculo a otro lugar del objeto o, incluso, fuera de él. Seguidamente aplique una rotación y vea cómo ahora el centro de rotación ha cambiado. Si desea devolverlo a su lugar de origen, haga doble clic sobre él.

El uso combinado de las órdenes Copiar, Pegar in Situ y Girar con el eje de rotación desplazado resulta ideal para, por ejemplo, dibujar repeticiones de objetos situados alrededor de un eje. Se trata de desplazar el eje de rotación fuera del objeto siguiendo su eje de simetría; seguidamente copiamos el objeto al portapapeles; después lo pegamos con la orden Pegar in Situ y rotamos cada copia arrastrando con el ratón pero limitando los grados de giro manteniendo pulsada la tecla Mayús.

Cómo inclinar los objetos

Inclinar objetos mediante el ratón

Puede activar la orden de inclinación (sesgado) de varias formas:

A. Seleccione el objeto y pulse en la herramienta Transformación libre de la barra lateral de herramientas. El objeto aparecerá bordeado de unos tiradores. Acerque el cursor a alguno de los tiradores laterales hasta que el cursor se convierta en una doble flecha y arrastre para inclinar el objeto vertical u horizontalmente.

B. Haga clic con el botón derecho sobre el objeto, elija la opción Transformación libre o bien, seleccione el objeto y elija la opción Modificar>Transformar>Rotar y sesgar. En cualquier caso aparecerán los mismos tiradores. Actúe tal como se indica en el procedimiento anterior.

Inclinar objetos mediante el panel Transformar

Seleccione el objeto y seleccione la orden Ventana>Transformar para abrir el panel de transformación. Marque la opción Sesgar y ajuste los grados de inclinación vertical y/o horizontal. Pulse en para realizar un duplicado y conservar el objeto original. Pulse en para restablecer el objeto a su posición original.

Cómo reflejar los objetos

Para reflejar objetos en Flash CS3 haga alguna de estas cosas:

A. Seleccione el objeto y elija la orden Modificar>Transformar>Voltear horizontalmente para crear una imagen reflejada horizontal, o bien, elija Modificar>Transformar>Voltear verticalmente para crear una imagen reflejada vertical.

B. Seleccione el objeto y pulse en la herramienta Transformación libre de la barra lateral de herramientas y, a continuación pulse en el modificador Escalar en la parte inferior de la barra lateral de herramientas. Aparecerán los tiradores de escalado de objetos. Arrastre de alguno de los tiradores laterales hacia el lateral opuesto y sobrepáselo; verá cómo se crea una imagen reflejada del objeto. Observe cómo, además de reflejar, puede también escalar el objeto.

Control de las transformaciones

Si ha practicado realizando las transformaciones a objetos que se han explicado en los últimos apartados, habrá observado que, si no se hace nada, las transformaciones de tamaño, inclinaciones, reflejados, etc. que se realizan directamente con el ratón se producen de forma simétrica, es decir, la variación se produce desde el centro del dibujo. Sin embargo, en ocasiones nos interesará que la transformación se produzca desde un lateral del objeto, ya que es posible que en caso de hacerlo desde el centro, nos interfiera con otro elemento de la escena. Pues bien, para ello, mantenga pulsada la tecla Alt mientras se realiza la transformación.

En todo momento y mientras realice la transformación, podrá pulsar, además de la tecla Alt, la tecla Mayús para que la transformación se realice de forma proporcional.

Cómo eliminar transformaciones

Si desea eliminar las transformaciones realizadas, puede utilizar la orden Modificar>Transformar>Quitar transformación o bien, pulsar Ctrl + Z las veces necesarias para deshacer los cambios. También puede hacerlo desde el panel Transformar y pulsando en el icono Restablecer .

La herramienta Transformación libre

Esta útil herramienta de Flash, cuyo funcionamiento ya hemos ido viendo en los últimos apartados, nos va a permitir realizar, además, todo tipo de transformaciones en los objetos, grupos, instancias o bloques de texto libremente. También se pueden realizar transformaciones individuales o combinar varias transformaciones, como el movimiento, la rotación, la escala, la inclinación y la distorsión. En los apartados anteriores ya hemos trabajado con ella para realizar cambios de tamaño, rotaciones e inclinaciones de objetos. Ahora vamos a ver otras posibilidades de esta herramienta, concretamente la distorsión y la envoltura.

Las funciones de distorsión y envoltura que analizaremos en los próximos apartados no pueden aplicarse a símbolos, bitmaps, vídeo, sonidos, degradados, grupos de objetos o texto sin separar. Así pues, sólo pueden aplicarse a objetos gráficos.

Distorsión de objetos

Esta prestación de la herramienta Transformación libre le permitirá distorsionar objetos gráficos. Para ello siga estos pasos;

Ø Seleccione el objeto a distorsionar.

Ø En la barra lateral de herramientas seleccione la herramienta Transformación libre y seguidamente pulse en el modificador Distorsionar o bien, seleccione la opción Modificar>Transformar>Distorsionar. En cualquier caso, el objeto aparecerá bordeado por los típicos tiradores.

Ø Lleve el cursor a alguno de los tiradores de los vértices y aparecerá una flecha especial . Arrastre para estirar de ese punto en cualquier dirección.

Al aplicar la opción Distorsionar a un objeto seleccionado tenga en cuenta que:

· Si se arrastra un tirador lateral en el recuadro de delimitación, se mueve la esquina o borde y se vuelven a alinear los bordes adyacentes.

· Al arrastrar un punto angular con la tecla Mayús presionada, se ahúsa el objeto, es decir, dicho ángulo y la esquina adyacente se mueven a la misma distancia y en la dirección opuesta uno respecto al otro, lo cual resulta ideal para realizar perspectivas.

Envoltura de objetos

Esta herramienta de Flash CS3 le permitirá distorsionar los objetos a partir de su envoltura. Con este procedimiento podrá deformar los objetos gráficos de múltiples maneras. Resulta de especial utilidad en la deformación de textos previamente separados. Para modificar la envoltura de los objetos gráficos siga estos pasos:

Ø Seleccione el objeto a distorsionar.

Ø En la barra lateral de herramientas seleccione la herramienta Transformación libre y seguidamente pulse en el modificador Envoltura o bien, seleccione la opción Modificar>Transformar>Envoltura. En cualquier caso, el objeto aparecerá bordeado por gran cantidad de tiradores.

Ø Lleve el cursor a alguno de los tiradores y aparecerá una flecha especial . Arrastre para estirar de ese punto en cualquier dirección. Observe que al arrastrar estos tiradores aparecen palancas o barras de control del mismo tipo que vimos al estudiar las curvas Bézier, con lo cual puede actuar sobre ellas para corregir el grado de curvatura de la envoltura.

Curso de Flash

Todos nuestros cursos son compatibles con cualquier sistema windows, incluido windows Vista y con cualquier sistema Linux.

Creacion de paginas web con flash, animaciones con flash, formularios con flash. Flash CS, Flas