Es3ado presenta orgullosamente (!?

) otra producción original de dudosa utilidad y cuestionable

calidad.
He aquí, el tutorial “Firma Flash Fácil con Sothink’s SWF Easy”.

Primero, familiaricémonos con el GUI del Glanda…

Esto nos aparecerá ni bien abrimos el programa, de aquí

debemos elegir Blank Document y presionar Ok.

Hecho esto, nos aparecerá la ventan del programa que se verá similar a esto:

* Pequeña aclaración,
este tutorial se hizo en
base a la versión 6.1
En la versión 6.2 hubo
un pequeño cambio en
la interface gráfica (ya
Línea de Tiempo no es negra, es gris)
pero la hubicación y
disposición de los
elemento es la misma.

Área de Edición de
Escenas

Panel de Panel de
Panel de Herramientas y
Escenas Propiedades
recursos
Bueno, antes de empezar, debemos configurar el tamaño de la animación al tamaño reglamentario de las
firmas o luego se verá deforme. Para hacerlo, vamos al Panel de Propiedades y nos fijamos que estemos
viendo las propiedades de Main Movie.
Allí ajustamos el color del fondo (Background) y el tamaño del flash.
El alto (Height) y el ancho (Width).

Notarán que al igual que en otros programas, estos paneles son rebatibles por lo que sugiero ocultar el
Panel de Propiedades hasta que tengamos que usarlo y así ganar más espacio en el Área de Edición de
Escenas para trabajar más comodos.

Ok, pasemos a crear la firma…

Dirijan el cursor al Panel de Escenas y marquen/seleccionen la
primer escena (Scene 1).
Si ya tenemos alguna imagen que queramos usar para la firma,
tenemos que ir al menú Insert => Image

Luego, seleccionamos la imagen y nos aparecerá una ventana

como la de la izquierda.

La opción de arriba es para que deje la imagen tal como

está, la de abajo es para que la modifique para que se
ajuste al tamaño de la animación. Mi sugerencia es que
dejen la imagen tal cual está y luego modifiquen su
tamaño manualmente si es necesario…

Hecho esto la imagen aparecerá en el área de edición.

Aquí ven que los contornos de la
imagen se vuelven rojos cuando
coinciden con los bordes del flash,
muy útil cuando quieren alinear
cosas…

Ok, hasta aquí ya hicimos la

portada. Ahora hagamos otra
“sección” de la firma, las
adopciones por ej por lo que
deberemos añadir una nueva escena…
 Dirijan el cursor al panel de escenas…
Notarán que hay un signo “+” (más) debajo de la última escena de la lista. Ese
es un botón que sirve para añadir nuevas escenas a la animación.

Otra opción es ir más abajo, al pie del panel, también hay una serie de botones
que sirven para agrgar escenas borrarlas o cambiar el orden de la lista

Y si son de trabajar mucho con el mouse, hagan clic derecho en el Panel de

Escenas…
Aquí deben seleccionar la opción Add Scene y verán que se les añadirá una
nueva escena debajo de la actual…

Al hacer clic en ella, el área de edición cambiará a la escena nueva.

Repitan el proceso para añadir una imagen para poner su adopción en esta
escena y acomódenla a gusto…

Luego, tal vez quieran añadir algo de texto así dirijan su atención a la parte superior de la ventana hasta la
barra de herraientas.

Los botones que pueden ver son para las herramientas de cursor, modificar forma, linea, lápiz (dibujo a
mano alzada), círculo, rectángulo/polígono, lapicera y texto respectivamente.

Seleccionen la herramienta de texto y usenla cual si fuera herramienta de “cuadro de texto” del MS Word.
Luego, si quieren modificar el tipo de fuente, el tamaño, el color, etc.
Sólo tienen que volver a seleccionar la
herramienta de cursor, señalar el texto (clic
en él) y desplegar el Panel de Propiedades
para acceder a esas opciones.

Si hicieron bien las cosas, deberían tener

algo similar a la imagen a la derecha.

Ahora, si quieren aplicar algún efecto (como el de

desvanecerse) a esta escena, lo mejor es agrupar
todos los elementos como uno sólo. Así solo hay
que aplicar el efecto una sola vez y a una sola
cosa…
Para agrupar los elementos, hay que seleccionarlos
y luego ir al menú Modify => Group => Group

si quieren seleccionar varios elementos de una sola vez, marquen un rectángulo con el cursor (como lo harían en
cualquier programa) rodeando todos los elementos que quieran seleccionar.
 Ahora, para aplicar un efecto, tienen que ir al
panel de la línea de tiempo (Time Line); si no la
ven, actívenla en el menú View…
En este panel, deberían poder ver un botón que
dice Add Effect.

Así que mientras tienen seleccionado el objeto al

cual le quieren poner un efecto, presionen el
botón y seleccionen el efecto que quieren
aplicarle.
En este caso, yo voy a seleccionar Fade in.
Ahora bien, por lo general, todo efecto que
apliquemos tendrá la opción Loop activada por
defecto. Lo cual hace que apenas termine el
efecto vuelva aplicarse en un ciclo sin fin.

Para poder cambiar eso, hay que revisar la

línea de tiempo y buscar el efecto que
agregamos…
Hacemos clic derecho sobre el efecto (el
recuadro celeste) y seleccionamos la opción
Config…

Si no desean hacer esto cada vez que pongan un efecto,

vayan al menú Tools=>Options… e ingresen a la pestaña
“General”.
Allí deben dejar desmarcado la oción “Enable loop when
add effect”.
Bueno, ahora es momento de añadir los botones que nos permitirán ir de una escena a otra…

Hay que ir al panel de Recursos y Herramientas y hacer click en la

solapa Resource.
Luego, hacemos clic en el botoncito redondo con el triangulo apuntado
hacia abajo para que se despliegue toda la lista de los recursos.

Como verán, los botones prediseñados están en

Default=>Misc=>Buttons y dentro de esa carpeta, hay varias otras con
varios tipos distintos de botones.
Cuando seleccionen alguno, debajo les aparecerá el listado de todos
los botones en forma de miniaturas. Elijan a gusto…

Selecciones uno y arrástrenlo desde el panel hasta la sección de

edición de escena.
Ubíquenlo donde les parezca más adecuado y déjenlo ahí de momento.

Por cierto, en sí, cualquier cosa, desde una figura (que dibujemos con alguna de las herramientas) hasta una imagen
pueden oficial de botones así que no estamos obligados a usar los botones que trae el programa si no queremos.
Sin embargo, facilita mucho las cosas es usar cosas pre-hechas.

Ahora que tenemos nuestro botón en la escena, hay que marcarlo y hacemos Ctrl + C para copiarlo.
Luego vamos al panel de escenas, nos dirijimos a la otra escena y hacemos Ctrl + V para pegar el botón.
No hace falta señalar donde, el programa se encarga de ponerlo en el mismo lugar en el que estaba en la
otra escena (así parece que es el mismo y no hubo cambios al ir de una escena a otra). Obvio, si lo
queremos, podemos ponerlo en otro lugar.

Una vez que tenemos los botones en su

lugar, ahora hay que decirles qué es lo
que debe hacer cada uno…
Marquen el botón y luego vayan al
Panel de Propiedades. Allí,
seleccionen la pestaña “Action”.

En este lugar tendremos varias

opciones de a qué va a reaccionar el
botón y todas ellas están en la lista
Events.
De esta lista, la que nos interesa es
press (presionar).
Luego, si presionan en el botón del +a, podemos seleccionar qué es lo que queremos que haga…
Aquí debemos seleccionar la opción Goto scene (ir a la escena) y aquí debemos decirle a qué escena debe
dirigirse.
Como nuestro ejemplo solo tiene 2 escenas, el botón de la escena 1 debe dirigirnos a la escena 2 y
viceversa…

Si saben algo de ActionScript y quieren jugar un poco con el código, en vez de presionar el bo tón +a,
pueden escribir directamente el código en el cuadro de dialogo.
Si requieren de alguna ayuda respecto a los comandos, los botones contiguos al +a pueden
proporcionarles la ayuda que buscan.
Luego de esto, sólo no queda configurar
las acciones de cada escena…
Hacemos clic en la escena a modificar
seleccionamos en el panel de escenas y
luego vamos al Panel de Propiedades y
luego seleccionamos la pestaña
“Action”…

En cada una de las escenas, ponemos en el

evento Exit Scene la acción Stop.
Hecho esto, nuestra firma ya está lista…

Si quieren probarla, usen la función de Preview. Sólo hagan click en el botón con forma de triangulo azul
que está en la barra de herramientas.

Preview Export Movie

Si nos parece que todo está bien, presionen el botón Export Movie que está más a la derecha…
Allí deberemos seleccionar donde (en qué carpeta) queremos que quede guardado el archivo flash y ya
está.
¡La firma flash está lista!
 Detalles extras:
Lo que detallaré a continuación serán algunas cosas que omití en la parte principal del tutorial en pos de
hacerlo lo más fácil posible de comprender y seguir. En si, lo omitido no les impedirá hacer animaciones
flash simples pero tal vez algunos de ustedes estén interesados en hacer algunas cosillas más complejas
y/o elaboradas como incluir sonidos a sus animaciones.
r
1) Línea de tiempo:
Supongo que la habrán notado cuando añadieron efectos a algunos elementos, no?
Cada vez que añadimos algún elemento que consuma
tiempo en una escena (un efecto, sonido, etc.) este
aparecerá en la línea de tiempo como un bloque.
La longitud de ese bloque indica cuanto tiempo (en
frames) consume y su posición en la línea de tiempo
indica en qué momento de la escena sucede y si hacen
clic en el bloque.
Si así lo quisieran podrán ajustar la duración de un efecto al posicionar el cursor en el extremo del bloque
que lo representa, hacer clic y arrastrar ese extremo para ajustar la longitud del bloque a nuestro antojo.
También es posible desplazar el bloque de un elemento a lo largo de la línea de tiempo para cambiar el
momento exacto en el que sucederá el efecto o empezará a reproducirse el sonido añadido.
Por defecto, el programa podrá todo efecto y/o sonido para que se reproduzca de sde el inicio de una
escena por lo que será tarea suya el ubicarlos en el momento exacto que quieran que sucedan.

Un par de detalles a tener en cuenta:

 Duración de un segundo:
¿Recuerdan que cuando comenzamos el tutorial, debimos ajustar el “tamaño” de la animación en el panel
de propiedades?
Allí notarán un valor llamado “Frame Rate”, es valor indica cuantos frames equivalen a un segundo.
Tengan esto en mente cuando quieran calcular /ajustar en qué frame debe comenzar un efecto/sonido.

 Duración de una escena:

La parte clara de la línea de tiempo indica cantidad de
tiempo (en frames) que dura la escena en la que
estemos trabajando.
Como el programa pone a todo efecto y/o sonido en el
inicio de una escena, por defecto ajusta la duración de
la escena a la duración del elemento que ocupe m ás
tiempo.
Si al reajustar el momento de inicio de cada elemento
notamos que alguno queda total o parcialmente en la
parte oscura de la línea de tiempo (fuera de escena), es
posible cambiar la duración de la escena para que
todo que de incluido.
Para hacer esto, hay que hacer clic en la escena en el
panel de escena para marcarlo y luego revisa el
Panel de Propiedades en la pestaña “Properties”.
Allí, activen la opción “Specify total frames” y
pongan la cantidad de frames que necesiten en el
cuadro la derecha.
 Efectos por elemento:
Es posible poner más de un efecto
a un elemento, estos pueden darse
a la par, contiguos o espaciados.
El programa los pondrá contiguos
pero luego podrán ajustarlos (en
duración, secuencia y momento
de ejecución) a su antojo.
El programa también hará que el primer efecto comience desde el primer frame pero eso también puede
cambiarse/ajustarse.

2) Sonidos:
Este programa acepta la inclusión de sonidos en formato wav o mp3.
Sin embargo, hay que ser muy cuidadoso a la hora de incluir sonidos porque estos pueden incrementar
considerablemente el tamaño de nuestras animaciones fla sh.
Como consejo general, sólo usen lo justo y necesario. Si van a usar una canci ón para que suene de fondo
en una escena y la canción dura más que la escena, no la incluya completa. Previamente, usen algún
programa de edición de audio, corten lo que no van a necesitar y creen un nuevo archivo para luego
insertarlo en la animación.
Además, ya que están con el programa de edición de audio, nunca está de más bajarle la calidad de audio
a los archivos. Las animaciones flash nunca necesitan más de 64Kbps…

 Incluir sonidos en una escena:

Se pueden añadir fácilmente desde el menú Insert=>Sound o simplemente presionando F4.
Les a parecerá una ventana de dialogo en la que deberán buscar y elegir el archivo que quieran agregar.
Por defecto, se abrirá en la carpeta con los sonidos que trae el programa pero son libres de buscar en otras
carpetas y usar sonidos propios.
Al igual que los efectos, aparecerán como un bloque en la línea de tiempo que se puede desplazar para
ajustar su inicio de reproducción y finalización a nuestras necesidades. Sin embargo, no podremos ajustar
su duración ya que esto dependerá de la duración del sonido que agregamos y será un valor fijo.

 Cambiar/quitar el sonido de un botón:

Si añaden algún botón prediseñado del programa,
notarán que algunos tienen sonido y pueden llegar
muy molestos o “feos”.
Si lo que queremos es silenciar o cambiar el sonido
de un botón, hay que seleccionarlo, ir al Panel de
Propiedades en la pestaña “Properties” y presionar
el botón que dice “Advanced…”
En la ventana que les aparece, seleccionen la
pestaña “Sound” y verán los sonidos que el botón
tiene asociados a ciertas acciones.
Por ej.
Over = pasar el cursor por encima del botón.
Down = presionar el botón.

Si lo que quieren en quitar un de los sonidos,

seleccionen el sonido y presionen el botón
“Remove Sound”.
Si lo que quieren cambiar el sonido por otro,
seleccionen el sonido actual y presionen el botón
“Replace Sound…”. Les aparecerá un cuadro de
dialogo donde deberán buscar y seleccionar el
nuevo sonido.
Desgraciadamente, no hay manera de añadirle sonidos a un bot ón que no los tiene más que por artilugios
de diseño de escenas y/o el uso de Action Script.

3) Videos:
Este programa acepta la inclusión de videos en varios formatos (mpg, mpeg, wmv, flv, avi, mov, rm y
otros).
Sin embargo, al igual que con los sonidos, hay que ser muy cuidadoso a la hora de incluirlos porque estos
pueden incrementar considerablemente el tamaño de nuestras animaciones fla sh.
Sólo usen lo justo y necesario. Si tienen algún programa de edición de video, corten lo que no van a
necesitar y creen un nuevo archivo para luego insertarlo en la animaci ón.

 Añadir videos a una escena:

Se pueden añadir fácilmente desde el menú Insert=>Video o simplemente presionando F6.
Les a parecerá una ventana de dialogo en la que deberán buscar y elegir el archivo que quieran agregar.

Para añadir el video en l

animación, éste deberá
ser recodificado en
formato de video flash
(flv) y s por eso que no
aparecerá una nueva
ventana de dialogo en la
que debemos elegir las
opciones de codificación
del video.

Enable audio es para

habilitar el sonido del
video, si no lo activamos,
el video quedará mudo.

En Audio Settings no
creo que haya muchas
dudas y tampoco en
Videos Settings, no?
En todo caso, sugiero que
ajusten el tamaño del
video al tamaño de
nuestra animación para que no quede cortado si lo hacen más grande.
En la parte de “Profiles” hay sets de preajustes dependiendo de las conexiones de Internet que tengan las
personas a las que apuntamos que vean la animación.
Son libres de usarlos, configurar manualmente cada parámetro o crear nuevos preajusten en base al ajuste
actual que setearon a través del botón “Save As…”.

Al igual que los sonidos, aparecerán como un bloque en la línea de tiempo que se puede desplazar para
ajustar su inicio/ finalización de reproducción a nuestras necesidades tampoco podremos ajustar su
duración ya que esto dependerá de la duración del sonido que agregamos y será un valor fijo.
Mientras tanto, en la escena, aparecerá un cuadro con el primer fotograma del video como si hubiéramos
añadido una imagen.