Tutorial Swishmax

Adelantamos lo que es SwishMax y lo que podemos hacer con él.

SwishMax es un programa de creación en FLASH. Es muy fácil de manejar y tremendamente potente, capaz de crear animaciones y efectos con imágenes, textos, formas, gráficos y sonidos. Dispone de cientos de efectos ya creados, listos para su uso. Además posee un potente lenguaje de programación interpretado llamado SWiSHscript.

Las animaciones generadas con swishmax se exportan al formato SWF usado por Macromedia Flash.

Su principal ventaja es la facilidad de uso frente a Macromedia Flash y con resultados realmente sorprendentes.

La finalidad de la creación de animaciones es la incorporación de las mismas en páginas web, correo electrónico, Microsoft Powerpoint o incluso en un documento de Word.

Al abrir el programa, nos encontramos con la siguiente pantalla:

Antes de nada, vamos a intentar usar las herramientas básicas para crear un dibujo y familiarizarnos con el programa.

En la parte central veremos un cuadro blanco, que llamamos ventana de diseño. Allí se creará toda la animación.

En la parte izquierda de la animación nos encontramos con la caja de herramientas.

Vamos a empezar probando las herramientas básicas para crear dibujos.

Éstas son las herramientas que nos permitirán crear formas básicas:

Comenzamos a demostrar como se utilizan las principales herramientas de Swishmax. Veremos las herramientas lápiz, línea y Bezier o polígonos.

Cómo dibujar una línea

Haz clic en la herramienta línea.

• Coloca el puntero en el punto donde quieras que empiece la línea.

• Pulsa el botón izquierdo del ratón y sin soltarlo mueve el ratón hasta que veas la línea dibujada.

• Suelta el botón.

Si mantenemos pulsada la tecla SHIFT, conseguiremos que el ángulo vaya en pasos de 15º.

Intenta dibujar varias líneas en la ventana de animación. Luego bórralas haciendo clic en cada una de ellas y pulsando la tecla SUPR.

Cómo dibujar con el lápiz

Haz clic en la herramienta lápiz.

• Coloca el puntero en el punto donde quieras empezar a dibujar.

• Pulsa el botón izquierdo del ratón y sin soltarlo mueve el ratón hasta que consigas el dibujo que quieras hacer.

• Suelta el botón.

Si terminamos el dibujo en el mismo lugar en el que empezamos a dibujar, se creará una forma cerrada.

Intenta dibujar con el lápiz. Luego borra lo que has hecho haciendo clic en cada dibujo y pulsando la tecla SUPR.

Cómo crear curvas de Bezier o polígonos

Haz clic en la herramienta curvas de Bezier.

1. Creación de un polígono:

• Coloca el puntero en el punto donde quieras empezar a dibujar.

• Pulsa el botón izquierdo del ratón para indicar el punto inicial.

• Dibuja la línea y haz clic para terminarla.

• Sigue dibujando y haciendo clic en cada final de línea.

• Haz doble clic para terminar o pulsa la tecla ESC.

2. Creación de una curva de Bezier:

• Coloca el puntero en el punto donde quieras empezar a dibujar.

• Pulsa el botón izquierdo del ratón para indicar el punto inicial.

• Dibuja la línea y haz clic para terminarla pero no sueltes el botón del ratón.

• Arrastra el puntero en dirección de la tangente de la curva que deseas dibujar.

• Suelta el botón del ratón y desplaza el ratón para ajustar su curva y haz clic para colocar el punto de anclaje.

• Haz doble clic para terminar o pulsa la tecla ESC.

Si terminamos el dibujo en el mismo lugar en el que empezamos a dibujar, se creará una forma cerrada. Si mantenemos pulsada la tecla SHIFT, conseguiremos que el ángulo vaya en pasos de 15º. Si pulsamos la tecla SUPR conseguiremos eliminar el último punto creado.

Intenta dibujar un polígono y practica con las curvas de Bezier. No te preocupes si no te sale bien, es normal y además se puede corregir muy fácilmente. Lo veremos más adelante.

Continuamos demostrando como se utilizan las principales herramientas de Swishmax: ahora vemos el cuadrado o rectángulo y el círculo o elipse.

Cómo crear un cuadrado o un rectángulo.

Haz clic en la herramienta rectángulo.

• Coloca el puntero en el punto donde quieras poner una esquina del rectángulo.

• Pulsa el botón izquierdo del ratón y sin soltarlo mueve el ratón en diagonal hasta ajustar el tamaño del rectángulo.

• Suelta el botón.

Si quieres que las esquinas sean redondeadas, haz clic en el punto inicial y suelta el botón del ratón. Arrastra el puntero y haz clic en el punto final y no sueltes el botón. Arrastra el puntero hacia el interior del rectángulo y suelta el botón cuando veas que las esquinas tengan su redondez deseada.

Si terminamos el dibujo en el mismo lugar en el que empezamos a dibujar, se creará una forma cerrada. Si mantenemos pulsada la tecla SHIFT, conseguiremos que el ángulo vaya en pasos de 15º. Si pulsamos la tecla SUPR conseguiremos eliminar el último punto creado.

Intenta dibujar un polígono y practica con las curvas de Bezier. No te preocupes si no te sale bien, es normal y además se puede corregir muy fácilmente. Lo veremos más adelante.

Cómo crear una elipse o un círculo.

Haz clic en la herramienta círculo.

• Coloca el puntero en el punto donde quieras empezar a dibujar la elipse.

• Haz clic y sin soltar mueve el ratón hasta terminar la elipse.

• Suelta el botón.

Para dibujar un círculo pulsa y mantén apretada la tecla SHIFT mientras dibujas.

Explicación de la herramienta autoforma en sus diversas variantes. Veremos las distintas maneras y herramientas para transformar las formas.

Las autoformas permiten dibujar formas ya creadas.

Haz clic y deja pulsado el botón en la herramienta autoforma hasta que aparezcan todas las formas disponibles:

Luego haz clic en la forma deseada. Tenemos las siguientes formas incorporadas:

Rectángulo redondeado

Corazón

Flecha

Flecha con muesca

Flecha izquierda derecha

Estrella

Polígono

Cubo

Botón biselado

Botón redondeado

Recuerda el uso de la tecla SHIFT en el caso que quieras que las proporciones sean exactas.

En el caso del rectángulo redondeado, al terminar de dibujarlo nos aparece un puntito verde que nos permite redondear a gusto de cada uno.

El punto verde permite modificar la forma.

El punto verde central permite aumentar la cantidad de brazos con el botón izquierdo del ratón y disminuye con el botón derecho.

El punto verde externo permite girar la estrella.

El punto verde medio permite ajustar la profundidad de los brazos.

El punto central aumenta o disminuye la cantidad de lados del polígono de la misma manera que lo hace la estrella.

El punto externo permite girar el polígono.

Los dos puntos centrales permiten ajustar la perspectiva del cubo.

El punto externo ajusta las sombras.

El punto central ajusta la perspectiva y el punto externo su sombra.

Bueno, ya hemos visto cómo se dibujan formas sencillas. Ahora vamos a ver cómo se modifican una vez dibujadas.

Primero tenemos que saber cómo seleccionamos los objetos que hemos dibujado. Para ello tenemos la herramienta selección.

Si tu ventana contiene elementos, bórralos seleccionándolos previamente y suprímelos con la tecla SUPR.

Dibuja un rectángulo que no sea grande.

Mueve el ratón por encima del objeto dibujado hasta que veas

Cuando aparece éste símbolo, el programa indica que podemos mover el objeto pulsando el botón izquierdo del ratón y sin soltarlo arrastrando el objeto.

Desplaza el rectángulo hasta el centro de la ventana.

Localiza en la izquierda de la ventana de animación la caja de opciones

Escalar

Redimensionado

Rotación / Inclinación

Distorsionar

Pulsa el botón Escalar y selecciona el rectángulo que dibujaste.

Verás que alrededor del rectángulo aparecen 8 cuadraditos. (tiradores)

Arrastra el tirador de la esquina superior izquierda y observa su comportamiento.

Arrastra el tirador superior medio y observa su comportamiento.

Intenta que el rectángulo ocupe toda la ventana de la animación.

Siempre que quieras volver a un estado anterior puedes usar la combinación de teclas CTRL-Z y en caso contrario usa CTRL-Y.

Acabamos de aprender a usar el botón Escalar.

Ahora pulsa el botón de Redimensionar y vuelve a ajustar el rectángulo hasta que ocupe el centro de la ventana como lo tenías antes.

Verás que ahora los tiradores tienen la siguiente forma:

¿Notas algo diferente?

Aparentemente la herramienta Escalar y Redimensionar hacen lo mismo pero no es así. Veamos cómo provocar que tenga un objetivo distinto.

La diferencia radica en que cuando un objeto tiene un contorno, si usamos la herramienta escalar, el grosor del contorno variará mientras que con la herramienta Redimensionar no variará su

...