martes, 8 de abril de 2014


Cómo transformar formas en SwishMax

En la parte derecha de la ventana nos encontramos con este panel:


En concreto tenemos visible la pestaña Shape (forma) y nos permite cambiar ciertas opciones referentes al objeto seleccionado. 

A la derecha de la palabra Line tenemos un cuadro desplegable, ábrelo y selecciona la primera línea que aparece como ejemplo. Una vez seleccionado el tipo de línea, aparecerá a la derecha una casilla para indicar qué grosor queremos. Pon el valor 5. 

Observa cómo ahora el rectángulo que dibujaste tiene una línea alrededor de color negro. 

Redimensiona  el objeto aumentando su tamaño. Observa que el contorno negro no varía su grosor. 

Pulsa la combinación de teclas CTRL-Z para volver a dejarlo como lo tenías antes. 

Escoge la herramienta Escalar  ahora y haz lo mismo, cambia su tamaño y observa el grosor de la línea que rodea al rectángulo. 




Vamos a probar ahora la herramienta Rotación / Inclinación. ¡Pínchala! 
http://www.desarrolloweb.com/articulos/images/swishmax/h-rotacion.gif 

Pasa con el puntero del ratón por encima de cada uno de los tiradores. Verás que en las esquinas aparece el siguiente símbolo  que indica que pinchando y arrastrando podremos girar el rectángulo. En los demás tiradores aparece el símbolo  que nos permite inclinar el objeto en la dirección que arrastremos. 

Prueba las dos opciones inclinando ligeramente el rectángulo y girándolo un poco. 

Observa que el punto de anclaje está situado en el centro del objeto. 

¿Cómo podremos cambiar el lugar del punto de anclaje? 

Para ello debemos activar el panel Transform de la derecha y modificar la zona que pone Anchor point




Origin... Predeterminado 
Top left... Arriba izquierda 
Top right... Arriba derecha 
Center left... Centro izquierda 
Center... Centro 
Center right... Centro derecha 
Bottom left... Abajo izquierda 
Bottom center... Abajo centro 
Bottom right... Abajo derecha 
Custom... Personalizado 

Si seleccionamos Custom podemos mover manualmente el punto de anclaje situándonos encima de la y arrastrando a una nueva posición. 

Practica con los puntos de anclaje y gira el rectángulo las veces que haga falta, hasta que entiendas el funcionamiento. 

Ya que tenemos el panel Transform activado vamos a explicar el resto de las opciones que contiene. 

Observa las explicaciones del cuadro: 




La X indica la posición absoluta de X (horizontal) del punto de anclaje del objeto. 
La Y indica la posición absoluta de Y (vertical) del punto de anclaje del objeto. 




La W indica el tamaño en anchura del objeto. 
La H indica el tamaño en altura del objeto. 




El primer valor refleja el porcentaje actual en anchura del objeto desde que se creó. 
El segundo valor refleja el porcentaje actual en altura del objeto desde que se creó. 
Cuando se marca la casilla X=Y, los valores en ambas casillas serán idénticas. 




El primer valor refleja el grado de rotación horizontal relativo a su posición inicial. 
El segundo valor refleja el grado de rotación vertical relativo a su posición inicial. 
Cuando se marca la casilla X=Y, los valores en ambas casillas serán idénticas. 




El modo Scale activa la herramienta escala ya comentada. 
El modo Resize activa la herramienta redimensionar ya comentada. 




Copy copia en memoria los valores actuales. 
Paste reemplaza los valores por los que tiene en memoria. 
Reset deja los valores originales. 

Nos queda por ver la herramienta distorsionar. 

Veámosla: 

Pincha la herramienta distorsionar.  

Activa un objeto que tengas en la ventana y tira de sus tiradores 
http://www.desarrolloweb.com/articulos/images/swishmax/tirador-aspa.gif 

Verás que puedes estirar cada tirador y distorsionar el objeto. 

Bueno ya sabemos cómo dibujar un objeto, escalarlo, redimensionarlo, ponerle un contorno, rotarlo, inclinarlo y distorsionarlo. 

Vamos ahora a practicar todo lo que hemos visto, así que pulsa la combinación de teclas CTRL-N para crear un nuevo documento, y haz clic en NO cuando te pregunte el programa si quieres guardarlo. 





Practica por tu cuenta los distintos objetos y transformaciones
Cómo crear una autoforma en Swishmax

 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 grosor al modificarse su tamaño.
HERRAMIENTAS DE SWISHMAX:  Cuadrado y círculo

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.


HERRAMIENTAS DE SWISHMAX: Lápiz, línea y Bézier y polígonos
Cómo dibujar con la 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.

INTRODUCCIÓN
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 sorprendente.