Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Swish es una herramienta fcil de usar que permite producir en pocos minutos complejas animaciones
con texto e imgenes. Contempla ms de 150 efectos especiales: Aparecer, Desaparecer, Giro 3D,
Vrtice, Onda, etc. que se pueden aplicar a un cuadro de texto o a una imagen. Las animaciones
producidas se pueden importar desde Flash para incorporarlas a nuestra pelcula.
Al pulsar este botn, se muestra el cuadro de dilogo Descarga de archivos. Pulsa el botn Abrir para continuar la instalacin.
1
Abre Swish haciendo doble clic sobre su icono en el escritorio
2
Clic en el botn Insertar Texto de la barra de herramientas o bien Insertar >Texto. Se insertar
una nueva capa que muestra el cuadro de texto
6
Archivo > Exportar > SWF para guardar esta animacin en un archivo SWF en el disco. Por
ejemplo en la carpeta Mis documentos.
7
Cerrar el programa Swish y abrir Flash.
8
Desde Flash , Archivo > Importar > Importar a escenario para importar el archivo SWF que
hemos creado con Swish. Ntese que los fotogramas de la animacin se insertan en la capa activa
y en la biblioteca aparecen los smbolos grficos que contienen las letras animadas del rtulo
animado.
Nota:
Este texto animado se puede importar a un smbolo de Clip de Pelcula mediante Archivo >
Importar > Importar a escenario durante la edicin de un smbolo de este tipo. De esta forma
se podr situar el clip que contiene el texto animado en cualquier parte de la pelcula principal. No
obstante se reproducir de forma contnua con independencia de la lnea de tiempo principal.
Swish no viene integrado con Flash. Es un programa independiente fabricado por la empresa DJJ
Holdings. Hemos incluido este breve apunte en el Curso por su utilidad y sencillez en la animacin
de textos para nuestras pelculas de Flash. Algunos docentes utilizan este programa para el diseo
web y multimedia en lugar de Flash ya que ofrece ciertas prestaciones (muchas ms de las vistas
aqu) y es ms fcil de manejar.
Vimos este tutorial realizado en Flash y algunas personas nos preguntaron si se poda
hacer en Swish y la respuesta es si.
El poder que tiene Swishmax es muy parecida a la de Flash asi que aqu les dejamos
este tutorial en la web. No olviden visitar las referencias
PASO 1
Crear un nuevo documento de Swishmax.
PASO 5
Con la herramienta Pen Tool vamos a aplicarle detalle a la oreja con unas formas como
se ve en la imagen.
PASO 37
Ahora vamos a la ventana Outline y seleccionamos todos nuestros grupo y damos clic
derecho sobre ellos y luego vamos a la opcin Grouping Group as Movie Clip.
PASO 38
Ahora nuevamente vamos al aventana Outline y damos clic derecho sobre nuestro
movie clip y vamos a la opcin Grouping Group as Movie Clip para agruparlo
nuevamente en un nuevo movie clip.
Paso 1
Crear un nuevo documento y con la herramienta Elipse (L), crear una elipse.
Paso 2
Paso 3
Crear una nueva elipse y lo rellenamos con un degradado radial. Haga el nivel de color
por primera vez en el blanco y el color gradiente de segunda parada en un color gris
claro. Cambiar la ubicacin de Middlepoint del degradado a 87.
Paso 4
Paso 5
Paso 6
Seleccione la elipse ojo blanco, Copiar (Ctrl + C) y Pegar detrs (Ctrl + B). Con la copia
seleccionado, moverlo hacia arriba un poco. Cambiar el relleno de la elipse a un color
naranja oscuro. Seleccione la elipse blanca de nuevo, Copiar (Ctrl + C) y Pegar detrs
(Ctrl + B). Esta vez, mover la copia ligeramente hacia abajo y cambiar el color a un
color amarillo claro.
Paso 7
Seleccionar todas las formas de los ojos, Copiar (Ctrl + C) y Pegar en Frente (Comando
+ F). Con las copias seleccionadas, moverlos a la derecha de la elipse principal y de
bajar un poco con la herramienta Seleccin (V).
Paso 8
Con la herramienta Rectngulo (M) crear un rectngulo sobre la anchura de la forma
del ojo y alrededor de un cuarto de su altura.
Paso 9
Paso 10
Paso 11
Paso 12
Copia (Ctrl + C) la forma de las cejas y Pegar detrs (Ctrl + B). Con la copia
seleccionada, se mueven hacia abajo y ligeramente hacia la izquierda. Cambiar el
relleno de la copia de un color naranja oscuro.
Paso 13
Con ambas formas de la ceja seleccionado, rotarlas ligeramente hacia la izquierda con
la herramienta Seleccin (V). Copia (Ctrl + C) las formas de la ceja y Pegar en Frente
(Comando + F). Con la copia seleccionada, vaya Objeto> Transformar> Reflejar. En el
Paso 14
Crear un elipse sobre el tamao de uno de los ojos y lo coloca en medio de los ojos
hacia la parte inferior.
Paso 15
Llene la nueva elipse con un degradado radial. Para este degradado vamos a agregar
una parada ms color, haciendo un total de tres paradas de color en el
degradado. Para ello, haga clic en el centro del regulador de degradado del panel
Degradado. A continuacin, cambie el nivel de color primero en un color ms claro que
tu color naranja de color naranja claro original de la forma de sol principal, cambiar el
color del medio a la misma deje de color naranja como la forma de sol el cuerpo
principal, y cambiar el color de la ltima parada a la misma luz naranja como la forma
principal de dom. Cambiar el Middlepoint primero de la parada del primer color de dos
a 65 aos. Por ltimo, con la herramienta Degradado (G), escalar la pendiente por lo
que el centro de la pendiente est en la esquina superior derecha de la elipse.
Paso 16
Copia (Ctrl + C) la forma de la nariz y Pegar detrs (Ctrl + B). Con la herramienta de
seleccin directa (A) tomar el punto de anclaje inferior y arrastre hacia abajo ya la
izquierda, creando una sombra.
Paso 17
Crear un elipse alrededor de la mitad del tamao de la forma de sol principal. Dibuje
un rectngulo que cubra la mitad superior de la elipse. Seleccione las dos formas y
pulse el botn frontal de menos en el panel de Pathfinder.
Paso 18
Llenar la forma de la boca nueva con un gradiente lineal con el color de la primera
parada de un color rojo-marrn y el segundo color ms oscuro detener a un color
marrn rojizo. Con la herramienta degradado (G) ajustar el fondo gradiente hasta por
lo que la parte ms oscura del gradiente se encuentra en la parte superior de la boca.
Paso 19
Copia (Ctrl + C) la forma de la boca y pegar en la espalda (Comando + B). Mueva la
copia un poco y cambiar el color a tu color naranja oscuro. Copia (Ctrl + C) la forma de
la boca y pegar en la espalda (Comando + B) otra vez. Esta vez, mover la forma abajo
y cambiar el relleno a su color naranja claro.
Paso 20
Crear un elipse oblonga que es aproximadamente un tercio del tamao de la
boca. Copia (Ctrl + C) de la elipse y Pegar en Frente (Comando + F). Mueva la copia
ligeramente hacia abajo y aumentar alrededor de un cuarto del tamao original. A
continuacin, seleccione las dos formas y pulse el botn frontal Menos desde el panel
de Pathfinder.
Paso 21
Llene la forma nueva con el color naranja oscuro. Copia (Ctrl + C) la forma y Pegar
detrs (Ctrl + B). A continuacin, la escala de la forma de copiar y cambiar el color a
tu color naranja claro. Centro de las dos formas en la parte inferior de las formas de la
boca ya se ha creado.
Paso 22
Seleccione las nuevas formas curvas que ha creado, Copiar (Ctrl + C) y Pegar en
Frente (Comando + F). Escala hacia abajo y girar las formas a la izquierda con la
herramienta de seleccin (V), a continuacin, colocarlos en el lado izquierdo superior
de la boca. A continuacin, Copiar (Ctrl + C) las formas originales curvas, Pegar en
Frente (Comando + F), rotar y escalar las formas a la derecha, y el lugar en el lado
derecho de la forma de la boca.
Paso 23
Paso 24
Paso 25
Con la herramienta Elipse (L) crear dos elipse hacia la parte inferior de la forma de la
boca, haciendo un medio seguro de las elipses estn colgando fuera de la forma de la
boca. Seleccione la forma principal de la boca oscura, Copiar (Ctrl + C) y Pegar en
Frente (Comando + F) dos veces. Seleccione una de las copias, seleccione la elipse
derecha, y pulse el botn Interseccin desde el panel de Pathfinder.Repita lo mismo
para la elipse izquierda. Llene los dos elipses con un gradiente lineal con el color de la
primera parada un rosa claro y el color de la segunda parada de un color
rosado. Ajustar por separado cada una gradiente de elipse con la herramienta
Degradado (G) de la parte superior derecha de la elipse de la parte inferior izquierda.
Paso 26
Seleccione todas las formas de la boca y colocarlos en la cara del sol. A continuacin,
gire la forma de la boca ligeramente hacia la izquierda.
Paso 27
Con la herramienta Estrella, haga clic en la mesa de trabajo para abrir el dilogo de
las Estrellas. Crear una estrella con un radio de 1 de 100 px, un radio de 2 pxeles de
50, y 3 puntos (al igual que antes de estas dimensiones puede ser diferente
Paso 28
Llene el tringulo con un degradado de color tres paradas, por lo que el color de la
primera parada de un color naranja claro, la segunda de color naranja, y el tercero, un
oscuro color naranja. Seleccione la Middlepoint entre las dos primeras detenciones de
color y cambiar la ubicacin a 65 aos. A continuacin, cambie la ubicacin de la
parada del segundo color a 60 y de la ubicacin de Middlepoint de los dos ltimos
detencin de color a 15. Ajustar el gradiente de arriba a abajo con la herramienta
Degradado (G).
Paso 29
Haga una copia del tringulo por lo que tiene un total de dos. Con la copia
seleccionada, vaya Efecto> Arco> Warp. En el cuadro de dilogo Opciones de
deformacin, seleccione el botn radial vertical y cambiar el porcentaje de curva a 30
y ampliar la apariencia.
Paso 30
Haga una copia del primer tringulo se mueven, y gire la copia por lo que se irradia
desde la forma de la cara del sol, la creacin de explosiones solares. Asegrese de
que el tringulo est detrs de todas las ilustraciones otra por ir Objeto> Disposicin>
Enviar al fondo. A continuacin, girar y colocar copias de los tringulos, alternando
entre los dos, alrededor del sol. Asegurarse de que todos los tringulos son enviados a
la parte posterior.
Paso 31
Seleccione la forma de sol cara principal, (Ctrl + C) y Pegar detrs (Ctrl + B). Con la
copia seleccionado, moverlo ligeramente hacia abajo y cambiar el color a tu color
naranja oscuro.
Paso 32
3.- Al dar clic en este men, podremos elegir el efecto que deseemos aplicar a nuestro objeto que hemos
insertado
Se agrega una opcin nueva, donde se muestra el nombre del efecto que agregamos asi como a que objeto
agregamos el efecto.
7.- Para ver los efectos que agregamos podremos utilizar la siguiente opcion en la barra de herramientas:
2.- AL dar clic tendremos las siguientes opciones, y daremos clic en la opcin de importar imagen:
Aqu podremos seleccionar la carpeta donde este guardada la imagen que deseamos insertar, al identificar
dicha imagen, se selecciona y damos la opcin de abrir. Ejemplo:
Swishmax nos permite el insertar y editar texto para poder insertarlo a nuestra animacin, para poder insertar el
texto debemos de:
En la caja de herramientas damos clic en la opcin texto
Al seleccionar el texto, se activan las opciones de propiedades para poder editar el texto
Aqu podemos cambiar el formato del texto, como el tipo de letra, color, orientacin, etc.
Con estas opciones podremos cambiar en su totalidad el formato para poder mejorar la calidad de nuestras
animaciones
Texto
Este elemento, Es el mtodo habitual para la comunicacin asncrona entre las personas (el habla lo es para la
comunicacin sncrona). Ha sido la forma tradicional de comunicacin entre las personas y las computadoras.
Se Clasifica en:
Texto sin formato (ASCII)
Texto formateado (RTF, PDF).
Texto lineal e hipertexto (link, ligas, hipervnculos, utilizamos hoy da en internet).
Lenguajes de de programacin para internet (HTML, SGML, XML)
Grficos
Los grficos son utilizados para representar esquemas, planos, dibujos lineales, mapas, diagramas etc. Estos
son formados por una serie de formas bsicas (puntos, segmentos, crculos, cuadros, cilindros, etc.). Se pueden
modificar de muchas maneras diferentes (traslacin, escalado, rotacin, cambio de atributos, colores, tipos de
lnea, tamao, etc.)
Imgenes
Las imgenes se usan para representar fielmente la realidad en un determinado tiempo (fotografas). Son
documentos formados por pixeles y se generan escaneado, tomado fotografa digital, y estos tienden a ser
archivos de gran tamao (pesados).
Existen varios tipos o formatos de imgenes tales como:
.jpg, gif, bmp, png, tga, tif, lbm entre muchos ms.
Vdeo
Se define como la presentacin de un nmero de imgenes por segundo, que crean en el usuario la sensacin
de movimiento. Las imgenes pueden ser sintetizadas (creadas manualmente) o captadas a partir del entorno
(vdeo). Al igual que en el caso de las imgenes estticas, los archivos pueden ser muy pesados, y tienen unas
capacidades de modificacin limitadas.
Sonido.
Los sonidos utilizados en un para un sistema multimedia se pueden clasificar en:
Habla.
Msica.
Otros sonidos.
Este tipo de archivos se pueden editar para su manipulacin, (grabacin, edicin y reproduccin)
Dentro de este tambin existen varios formatos, tales como:
Mp3, wmv, mp4, midi
Ahora crea un cuadrado que ocupe tres casillas en todos sus lados. Usa la rejilla como referencia.
An con la ayuda de la rejilla es algo difcil que no nos salgamos de las lneas, as que vamos a activar
el efecto rejilla con imn.
Activa el botn rejilla con efecto imn.
Elimina el cuadrado y vuelve a dibujarlo.
Lo tienes? Fcil, no?
Arrastra el cuadrado a otra zona y observa cmo el efecto imn har que se adhiera a la rejilla.
Bueno, creo que ya es hora que veamos un nuevo panel, el de las guas.
ya deberan de estar activadas pero para que sepas cmo activarlas o desactivarlas, pulsa el botn
Ruler
Si movemos el puntero dentro de la ventana de animacin, podemos observar que en las reglas se
puede ver la posicin actual del mismo puntero.
Cmo se crean lneas guas?
Existen 2 maneras:
La primera consiste en hacer un clic en la regla (horizontal y/o vertical) en el lugar exacto que
queramos que aparezca.
La segunda manera es parecida pero en vez de hacer un clic, lo que haremos es arrastrar el puntero
desde la regla hacia dentro de la ventana y soltamos.
Lo probamos?
Primer mtodo:
Calcula ms o menos el valor medio de tu regla horizontal y haz un clic all.
Si te ha salido bien vers una lnea vertical que atraviesa toda la ventana.
Mueve el puntero hacia esa gua (dentro de la ventana) y arrstrala hacia otro punto. Se podr mover
cuando veas que el puntero cambia a una flecha doble. Dependiendo de la gua que intentes mover,
vers el puntero as:
Crea otra gua pero ahora que sea horizontal as que haz clic en la regla vertical (en la mitad de la
regla)
Arrastra las dos guas para que queden cruzadas en el centro de la ventana.
Si usas la tecla SHIFT, tanto para crear o para arrastrar una gua, la lnea se alinear a la regla.
Segundo mtodo:
Para crear una gua, coloca el puntero sobre la regla y arrastra el puntero hacia el interior de la
ventana.
Prueba este segundo mtodo para enmarcar todo el cuadrado hasta que te quede as:
El imn de guas!
elimina todas las guas que hemos creado. No lo pulses!, quiero que veas cmo se
22 de agosto de 2007
1 Comentarios
Manuales de aplicaciones
Primero desplegamos las opciones de la flecha azul Tolerance (tolerancia). Aparecen las opciones que
vemos a continuacin:
Para que el imn de objetos funcione, vamos a activar el botn imantar al objeto
Vuelve a probar mover un cuadrado y acrcate a los lados del otro cuadrado para ver el efecto imn
funcionando.
Prueba con distintos valores de tolerancia y vers que cuanto menor ms fino ser el desplazamiento
y observa que cuando llegues a tocar el borde del otro cuadrado, se produce como un ligero frenazo.
Para usar el otro botn imantar al pxel
Primero vamos a definir el tamao total de la ventana de la animacin. Aunque no hayamos visto
cmo hacerlo, definir el tamao no es nada difcil.
Activa la pestaa Movie de los paneles de la derecha.
Pon estos valores en el cuadro:
300 indica la anchura y 250 la altura. Deja el fondo con el color blanco.
Pon la visualizacin al 100%
Dibuja un cuadrado.
Ahora vamos a modificar sus parmetros para que sea rectangular y lo haremos usando el panel
Transform
Introduce los siguientes valores en el sitio correspondiente.
250 indica que el cuadrado va a tener una anchura de 250 pxeles y una altura de 50.
Ya tenemos el rectngulo creado. No te preocupes si se sale fuera de la ventana.
Selecciona el objeto y pulsa CTRL-C para copiarlo en memoria.
Ahora pulsa CTRL-V para pegarlo en la ventana.
Ya tenemos 2 rectngulos idnticos.
Crea una gua horizontal en el pxel 50 y otra en el pxel 200.
Crea otra gua vertical en el pxel 50.
Bueno ya tenemos los bordes, ahora nos queda por crear el centro amarillo.
Crea un rectngulo que quede en la zona central y le pones el color amarillo.
Vers que al intentar crear el cuadrado, no encontrars dificultad en la zona inferior pero si no
tenemos activada el imn de objetos, nos resultar difcil cuadrarlo por la derecha y abajo. As que si
no tienes activado el imn de objetos, actvalo y termina el dibujo para que quede perfecto.
Ahora observa el panel de la izquierda y vers lo siguiente:
Cmo se hace?
Haz clic en el primer Shape que aparece.
Ahora presiona la tecla SHIFT y sin soltarla haz clic en el tercer Shape.
La tecla SHIFT en las selecciones permite seleccionar desde un punto hasta el otro sin tener que
marcar una por una.
Ya tienes las 3 formas seleccionadas? Espero que s.
Si usas la tecla CTRL en vez de SHIFT, podrs ir seleccionando los objetos que quieras, marcndolos o
desmarcndolos.
Ahora intenta mover toda la bandera pero hazlo slo cuando veas que el puntero tiene la siguiente
forma:
Puedes dejar la bandera en el centro de la ventana sin problemas?
imantar al objeto as
Vers que delante de Group tenemos el signo + que nos indica que dentro del grupo hay objetos.
Pulsa el signo ms que aparece all.
Vers que ahora estn dentro de Group los 3 objetos que tenamos antes.
Ahora para conseguir reducir el tamao de la bandera, tan slo tenemos que seleccionar del panel de
la izquierda Group y reducir su tamao con los tiradores.
Reduce el tamao de la bandera y recuerda usar la tecla SHIFT al hacerlo para que las proporciones
no cambien.
Si quieres seleccionar un objeto del grupo, seleccinalo directamente del panel izquierdo y asegrate
que el puntero tenga el aspecto
Cuando quieras trabajar con el grupo y no con su contenido, recuerda pulsar el signo - (contraer
grupo) para que slo trabaje con el grupo o bien asegrate que el puntero tenga el aspecto
Me gustara ms que los nombres de los objetos fuesen ms descriptivos as que vamos a hacerlo.
Haz clic en Group y pulsa la tecla F2. Cambia la palabra Group por bandera y pulsa Intro.
Haz lo mismo para el resto de los objetos, poniendo como nombre su color.
Fusin de objetos en SwishMax
Selecciona los dos objetos desde el panel izquierdo o hazlo enmarcando los dos objetos desde la
misma ventana.
Abre el men Modify y selecciona Grouping y luego Group as shape.
Te aparecer la siguiente ventana:
Ahora fusiona los dos objetos, contestando que S a la pregunta que te formular el programa.
Nota: Para que los objetos fundidos puedan crear zonas transparentes, hace falta que los
objetos tengan exactamente el mismo color de relleno. Si no es as, no se crearn zonas
transparentes.
04 de septiembre de 2007
4 Comentarios
Manuales de aplicaciones
Cada vez que creemos un objeto, ste estar dispuesto por encima de
los dems.
Veamos un ejemplo:
Dibuja un cuadrado y un crculo, cada uno con un color diferente.
Arrastra uno de ellos por encima del el otro y vers el orden de los objetos.
Si te fijas en el panel de la izquierda, vers como el objeto que se encuentre arriba en la lista,
corresponde al ltimo creado y se encuentra por encima de los dems objetos.
Cambia el nombre a los objetos poniendo cuadrado y crculo respectivamente.
Para cambiar el orden, tan slo tienes que seleccionar el objeto y hacer clic en la flechita que
corresponda para hacerlo subir o bajar un nivel.
Mira este ejemplo:
Ya que estamos trabajando con el panel de objetos, veamos para qu sirve el ojo que sale delante de
cada objeto.
Cuando el ojo est visible, el objeto ser visible en la pantalla, si hacemos clic en el ojo, el programa
har que ese objeto no se vea en la pantalla. Ojo! Slo en la pantalla, en la animacin terminada se
seguir viendo igual que antes.
Haz clic en el ojo del cuadrado.
Ahora aparece un candado que nos indica que el objeto es visible pero estar bloqueado para que en
ningn momento podamos moverlo de sitio por accidente.
Haz clic en el candado.
Vuelve a aparecer el ojo como al principio.
Queda por comentar un par de herramientas que nos pueden ayudar a dibujar.
Cuando seleccionamos la herramienta mano
Antes de nada, crea un documento nuevo con CTRL-N y no guardes los cambios.
Activa la ficha Movie y usa los siguientes parmetros:
Anchura=400, Altura=300, Frame rate=20
Casilla Stop playing (parar la animacin al terminar la pelcula) activada.
Ms tarde explicar qu es el Frame rate.
Pulsa el botn de visualizacin completa ajustando el % automticamente.
Recordemos que vamos a crear una pelcula (Movie) y que dentro de la pelcula podemos tener una o
ms escenas (Scene).
Ahora quiero que te fijes en la lnea de tiempo (arriba del todo)
En la parte superior vemos una regla que nos indica los cuadros (frames) de una animacin.
En este caso estamos en la posicin 1 de la escena 1. Correcto?
Dibuja un cuadrado que tenga cada lado el valor 50 y djalo en la esquina superior izquierda de la
ventana de animacin. Puedes usar la opcin Imantar al objeto para que te sea ms cmodo ajustarlo
en la esquina.
Al objeto creado, ponle el nombre "cuadrado".
Ahora tendremos en la lnea de tiempo lo siguiente:
Pon el puntero encima del cuadrito azul (cuadro 1 de la lnea Cuadrado) y pulsa el botn derecho del
ratn para ver el men contextual.
Ahora arrastra el cuadrado hasta la esquina inferior derecha. Procura desplazar el cuadro cuando te
salga el smbolo
Comprueba el resultado:
Arrastra ahora la animacin (izquierda y derecha) desde la lnea de tiempo y observa el cambio
producido.