UNIVERSIDAD ANDINA
NESTOR CACERES VELASQUEZ
INSTITUTO DE INFORMATICA
MACROMEDIA FLASH 8
1.1 INTRODUCCIN
1.1.1 QU ES FLASH?
Flash es una herramienta de edicin con la que pueden crearse desde animaciones simples
hasta complejas aplicaciones W eb interactivas, como una tienda en lnea. Las aplicaciones
de Flash pueden enriquecerse aadiendo imgenes, sonido y vdeo. Flash incluye muchas
funciones que la convierten en una herramienta con muchas prestaciones sin perder por ello
la facilidad de uso. Entre dichas funciones destacan: la posibilidad de arrastrar y soltar
componentes de la interfaz de usuario, comportamientos incorporados que aaden cdigo
ActionScript al documento y varios efectos especiales que pueden aadirse a los objetos.
FLASH PROFESSIONAL 8
Macromedia ha concebido esta herramienta para los diseadores de pginas W eb y los
creadores de aplicaciones avanzados. Flash Professional 8 incluye todas las funciones de
Flash Basic 8, as como varias herramientas nuevas de grandes prestaciones. Cuenta
adems con nuevas herramientas de expresividad para optimizar el aspecto y el estilo de los
archivos Flash que disee. Funciones tales como la creacin externa de scripts y la gestin
de datos dinmicos de bases de datos, entre otras, hacen que Flash Professional 8 sea muy
til para proyectos complejos a gran escala que deban desarrollarse mediante Flash Placer
junto con una combinacin de contenido HTML.
Las siguientes secciones ofrecen una introduccin detallada a las herramientas, paneles y
dems elementos del espacio de trabajo de Flash.
Cada vez que se ejecuta Flash sin documentos abiertos, aparece la pgina de inicio. Esta
pgina proporciona un acceso sencillo a las acciones que se realizan con ms frecuencia.
Abrir un elemento reciente permite abrir los documentos ms recientes. Tambin se puede
ver el cuadro de dilogo Abrir si se hace clic en el icono Abrir.
Crear nuevo enumera los tipos de archivos Flash, como los documentos de Flash y los
archivos ActionScript. Para crear rpidamente un nuevo archivo, haga clic en el tipo de
archivo que desee de la lista.
Crear a partir de plantilla enumera las plantillas que se utilizan con ms frecuencia para
crear nuevos documentos de Flash. Para crear un nuevo archivo, haga clic en la plantilla que
desee de la lista.
La pgina de inicio ofrece tambin acceso rpido a recursos de la Ayuda. Puede realizar una
visita guiada de Flash, conocer los recursos de documentacin de Flash y buscar
informacin autorizada de Macromedia.
Ver: Este grupo nos ayuda a controlar la visualizacin del escenario, incluidos su
posicin y su nivel de ampliacin.
Colores: Este grupo sirve para configurar los colores de trazo (lnea) y de relleno
de las formas.
Opciones: Los botones que ofrece este grupo varan en funcin de la herramienta
que hayamos seleccionado, y permiten configurar el funcionamiento de la
herramienta. Como tcnicamente no se trata de un grupo independiente, sino ms
bien de una subseleccin de cada herramienta, las opciones disponibles en l se
explicaran al mismo tiempo que la herramienta a la que se estn asociadas.
Los paneles permiten trabajar con objetos, colores, textos, instancias, fotogramas, escenas y
documentos enteros. Por ejemplo, puede utilizar el panel Mezclador de colores para crear
colores y el panel Alinear para alinear los objetos con otros objetos o con el escenario. Para
ver una lista completa de todos los paneles disponibles en Flash, consulte el men Ventana.
La mayora de los paneles incluyen un men emergente con opciones adicionales. Este
men viene indicado mediante un control en el extremo derecho de la barra de ttulo del
panel. Si no aparece ningn control del men emergente, significa que el panel no tiene
men emergente.
De forma predeterminada, los paneles aparecen agrupados en la parte inferior derecha del
espacio de trabajo de Flash.
1.3.3 LINEA
Mtodo abreviado de teclado: N (para W indows y Macintosh).
La herramienta Lnea se utiliza para dibujar lneas rectas entre dos puntos del escenario.
Simplemente tenemos que seleccionar la herramienta, hacer clic sobre el punto inicial de la
recta y, sin soltar el botn del ratn, arrastrarlo hasta el punto final. La herramienta dispone
de las siguientes opciones:
Altura del trazo: Establece el grosor del trazo, que puede variar entre .25 y 200, siendo el
ltimo el ms grueso.
Estilo del trazo: Esta opcin ofrece varios estilos predefinidos que podemos aplicar al trazo.
A continuacin se incluye una lista de estos estilos:
Personalizado: Este botn nos permite crear nuestros propios estilos de trazado mediante
el cuadro de dilogo que muestra la figura.
Extremo: Esta opcin controla la forma del final de la lnea. Podemos elegir entre Ninguno
para que la lnea termine en seco en el punto final, o Redondeado o Cuadrado para ampliar
la longitud del trazo ms all del punto final.
Escala: Esta opcin controla el comportamiento del trazo frente a cambios de escala. Posee
las siguientes opciones:
Unin: Esta opcin controla los vrtices de interseccin entre lneas. Podemos elegir entre
Redondeada, Angular o Bisel. Al elegir la opcin Angular podemos utilizar el cuadro de texto
angular para evitar que se produzca un biselado. El valor introducido en este cuadro de texto
establece un valor mximo, que en caso de ser superado recorta las lneas en lugar de
intentar unirlas en un vrtice perfectamente anguloso.
1.3.4 VALO
Mtodo abreviado de teclado: O (para W indows y Macintosh).
La herramienta valo sirve para dibujar formas circulares, esta herramienta ofrece dos
opciones: la primera es Dibujo de objeto, que se explicara ms adelante. La otra opcin es
ajustar a objetos, que, cuando est activada, nos permite dibujar crculos perfectos si
arrastramos el ratn diagonalmente. Tambin podemos obtener el mismo resultado
manteniendo pulsada la tecla Mays mientras arrastramos el ratn. Flash 8 ofrece un
mtodo nuevo para crear valos sobre el escenario. Simplemente tenemos que mantener
pulsada la tecla Alt y hacer clic sobre el escenario para acceder al cuadro de dialogo
configuracin de valo, que muestra la figura. En este cuadro de dialogo podemos
establecer la anchura, y si queremos dibujar desde el centro o desde un esquina.
1.3.5 RECTANGULO
Mtodo abreviado de teclado: R (para W indows y Macintosh)
La herramienta Rectngulo sirve para dibujar formas rectangulares. Esta herramienta
dispone de tres opciones; la primera de ellas es Dibujo de objeto. La segunda opcin es
Ajustar a objetos, que cuando esta seleccionada, nos permite dibujar cuadrados perfectos al
arrastrar el ratn diagonalmente. Una vez ms, podemos obtener el mismo resultado
manteniendo pulsada la tecla Mays mientras dibujamos el rectngulo. La tercera opcin es
Establecer radio de esquina. Al activar esta opcin (o al hacer clic sobre la herramienta
rectngulo en el panel de herramientas), aparece el cuadro de dialogo configuracin de
rectngulo, que nos permite establecer el radio de curvatura de los vrtices del rectngulo
entre 0 y 999.
Al igual que ocurre con la herramienta valo, ahora podemos dibujar rectngulos sobre el
escenario sin tener que arrastrar el ratn. Basta con mantener pulsada la tecla Alt mientras
hacemos clic sobre el escenario para que aparezca el cuadro de dialogo configuracin de
rectngulo que muestra la figura, en el podemos establecer la anchura, altura, el radio de
esquina y si queremos que el punto sobre el que hemos hecho clic sea el centro o el vrtice
superior izquierdo del rectngulo.
1.3.6 POLYSTAR
La herramienta PolyStar sirve para dibujar polgonos regulares de varios lados o estrellas de
varias puntas. Para activar esta herramienta, haga clic y mantenga el ratn pulsado sobre la
herramienta Rectngulo en el panel de herramientas.
No existe un mtodo abreviado de teclado para esta herramienta ni en W indows ni en
Macintosh.
La herramienta PolyStar posee las mismas opciones que las herramientas rectngulo y
valo: Dibujo de objeto y Ajustar a objetos. Al hacer clic sobre l aparecer el cuadro de
dialogo Configuracin de herramientas, en el que puede elegir entre crear un polgono o una
estrella, el numero de lados (o puntas en caso de estrella) y el tamao de puntos de estrella
(que solo afecta a estrellas, y que controla la angulosidad de las puntas.).
1.3.7 LPIZ
Mtodo abreviado de teclado: Y (para W indows y Macintosh).
La herramienta Lpiz sirve para dibujar lneas, pero a diferencia de la herramienta Lnea que
diferencia lneas de punto a punto, la herramienta Lpiz funciona de un modo ms similar a
un lpiz real. Ofrece varias opciones que facilitan el dibujo, adems de la opcin dibujo de
objeto, que est disponible en todas las herramientas de dibujo. A continuacin se incluye
una lista de estas opciones y de su funcionamiento:
1.3.8 PLUMA
Mtodo abreviado para teclado: P (para W indows y Macintosh).
La herramienta Pluma se utiliza tanto para dibujar lneas rectas como curvadas. Existen
bastantes diferencias entre la utilizacin de esta herramienta y la herramienta Lnea. En este
caso al ir haciendo clic sobre diversos puntos se van creando segmentos que se unen al
punto anterior. Y para crear segmentos curvos tenemos que hacer clic y arrastrar el ratn
definiendo la curvatura.
Aunque esta herramienta solo ofrece una opcin (Dibujo de objeto), dispone de varios
parmetros configurables en la seccin Dibujo del cuadro de dialogo Preferencias, al que se
accede seleccionando Edicin>Preferencias (Control-U).
Mostrar vista previa de la pluma: Cuando est activada, esta opcin muestra una
pre visualizacin de la forma del trazo a medida que lo dibujamos, basndose en
la posicin del ratn.
Mostrar puntos slidos: Al activar esta opcin los puntos de anclaje se muestran
al revs de lo normal; es decir, los que estn seleccionados se muestran huecos,
y los seleccionados se muestran rellenos.
Mostrar cursores de precisin: Al activar esta opcin se muestra un cursor con
formas de cruz en lugar de la forma de la pluma. Tambin puede alternar entre
estas dos formas de puntero pulsando la tecla Bloq Mays.
Adems, una vez dibujada una forma o lnea con esta herramienta, podemos recurrir a la
herramienta Subseleccin para controlar las curvaturas mediante los puntos de anclaje. Si
necesitsemos ms de estos puntos, podramos crearlos con la herramienta Pluma. En este
caso deberamos prestar atencin a los diferentes iconos que aparecen junto al puntero
cuando intentamos afinar los puntos de anclaje. A continuacin se recogen todo este iconos
y su significado:
1.3.9 SUBSELECCIN
Mtodo abreviado de teclado: A (para W indows y Macintosh).
Esta herramienta es similar a la anterior, excepto porque est especialmente diseada para
seleccionar puntos vectoriales. A diferencia de la herramienta Seleccin, la herramienta
Subseleccin no posee opciones.
Tamao de hueco: Esta opcin posee un men desplegable que nos permite elegir el
tamao mximo de hueco que puede existir en una forma cuyo contorno no est cerrado
para que la herramienta actu sobre ella.
Bloquear relleno: Esta opcin nos ayuda a conseguir que los rellenos compartidos por
varios objetos sean ms coherentes.
1.3.12 TEXTO
Mtodo abreviado de teclado: T (para W indows y Macintosh).
Esta herramienta sirve para crear manualmente cuadros de texto sobre el escenario. Para
crear un cuadro de texto tenemos que hacer clic aproximadamente en la posicin en la que
nos interesa que se encuentre su vrtice superior izquierdo y, sin soltar el botn del ratn,
arrastrarlo diagonalmente hacia abajo y a la derecha. Una vez creado el cuadro de texto,
podemos introducir texto manualmente en el y aplicar algunas opciones bsicas de estilo,
como color, negrita o cursiva, que estn disponibles en el Inspector de Propiedades. Existen
tres tipos bsicos de cuadro de texto:
Texto esttico: El contenido de estos campos de texto slo se puede modificar en
tiempo de edicin.
Texto dinmico: El contenido de estos campos de texto se puede modificar tanto
en tiempo de edicin como en tiempo de ejecucin, utilizando las propiedades text
o var.
Introduccin de texto: El contenido de estos campos de texto, al igual que el de
los dinmicos, se puede modificar tanto en tiempo de edicin como en tiempo de
ejecucin. Pero adems, el usuario tambin puede introducir texto en ellos en
tiempo de ejecucin.
1.4.2 PINCEL
Mtodo abreviado de teclado: B (para W indows y Macintosh)
La herramienta Pincel sirve para pintar el escenario, como si fuera una brocha. A diferencia
de la herramienta Lpiz, las opciones de color de la herramienta Pincel s e controlan a travs
de los ajustes del relleno. Tambin ofrece algunas opciones que modifican su
comportamiento, adems de la omnipresente opcin de Dibujo de Objeto. La primera de
estas opciones es Mtodo por Pincel, que dispone de las siguientes posibilidades:
Pintar normal: Es la opcin por defecto, y nos permite rellenar con el pincel
cualquier zona del escenario.
Rellenos de pintura: Esta opcin es similar a la anterior, pero no afecta a las
lneas de trazo.
Pintar detrs: Esta opcin pinta por detrs de los elementos y objetos que ya se
encuentran en el escenario, es decir, no los solapa.
Pintar seleccin: Esta opcin nos permite pintar el relleno slo de las zonas que
Estn seleccionadas.
Pintar dentro: Esta opcin slo afecta al relleno del objeto sobre el que
empecemos a utilizar la herramienta. Por ejemplo, si empezamos a pintar dentro
del rectngulo, slo podremos cambiar el relleno de ese rectngulo; no obstante,
si empezamos a pintar fuera del rectngulo, no afectar nunca al relleno de ste.
La ltima opcin de la herramienta Pincel es Bloquear relleno. Cuando est activada esta
opcin logramos que los rellenos de degradados o con imgenes de mapas de bits sean
ms coherentes cuando afecten a varios elementos.
1.4.3 CUENTAGOTAS
Mtodo abreviado para teclado: I (para W indows y Macintosh).
La herramienta Cuentagotas sirve para capturar las propiedades de trazos y rellenos.
Cuando coloquemos el puntero sobre una lnea o relleno, aparecer un icono junto al
puntero para indicar sobre qu tipo de elemento estamos actuando. Al hacer clic sobre un
elemento, se activa automticamente la herramienta Cubo de pintura (si se trataba de un
relleno) o Bote de tinta (si se trataba de un trazo), para que podamos aplicar fcilmente esas
mismas propiedades a otros elementos del escritorio.
1.4.4 BORRADOR
Mtodo abreviado de teclado: E (para W indows y para Macintosh).
La herramienta borrador sirve para borrar trazos y rellenos. Adems, de los mens
despegables de tamao y forma ofrece otras opciones.
La ltima opcin de borrador es Grifo. Esta opcin convierte el borrador en una herramienta
de un solo clic, solo tenemos que hacer clic sobre un trazo o relleno para deshacernos de l.
1.4.5 MANO
Mtodo abreviado de teclado: H (para W indows y para Macintosh).
Utilice la herramienta Mano para arrastrar el escenario de modo que se visualicen ciertas
zonas que previamente pudieran estar ocultas por el elevado nivel de ampliacin. Adems,
si mantiene pulsada la tecla Mays mientras utiliza esta herramienta, el escenario solo podr
arrastrarse en direcciones que sean mltiplos de 45 grados respecto a la horizonta
1.4.6 ZOOM
Mtodo abreviado de teclado: Z o M (para W indows y para Macintosh).
Le herramienta Zoom controla el nivel de ampliacin con el que se visualiza el escenario.
Esta herramienta es muy til cuando necesitamos crear dibujos muy detallados. Posee dos
opciones en la seleccin Opciones.
Estas opciones determinan si el nivel de ampliacin se aumenta o, si por el contrario, se
reduce, al hacer clic sobre el escenario. Adems de simplemente hacer clic sobre el
escenario para modificar el nivel de ampliacin, tambin podemos hacer clic y arrastrar el
ratn para definir una seccin concreta del escenario que nos interese ampliar.
Como ocurre con muchas otras herramientas de Flash, hay ms de una manera de controlar
el nivel de ampliacin del escenario. A continuacin se incluyen algunas combinaciones de
teclas que pueden resultar de utilidad.
1.4.7 LAZO
Mtodo abreviado de teclado: L (para W indows y para Macintosh).
La herramienta Lazo es otra herramienta de seleccin que ofrece mayor precisin que la
herramienta seleccin. Simplemente tenemos que activarla y dibujar una forma que incluya
los elementos que queremos seleccionar; asegrese de cerrar esta forma antes de soltar el
botn del ratn para evitar selecciones extraas. Esta herramienta ofrece varias opciones
que pueden ayudar a realizar selecciones concretas, siendo la primera de ellas Varita
mgica. La opcin Varita mgica selecciona zonas cuyo color esta dentro de un margen de
tolerancia. Para establecer esta tolerancia tenemos que hacer clic sobre la opcin
propiedades de varita mgica (que esta junto a ella en la seccin opciones), que nos
conducir al cuadro de dialogo. En el podemos configurar tambin el suavizado eligiendo
entre las siguientes opciones:
La ltima opcin de la herramienta Lazo es Modo polgono. Esta opcin nos permite crear el
contorno de seleccin dibujando segmentos rectos con solo hacer clic sobre los puntos de
los extremos.
El Borde: Consiste en una delgada lnea que separa el objeto del exterior del escenario.
Puede existir o no, segn nos convenga. Cuando creamos un objeto, el borde se crea
siempre y su color ser el indicado en el Color de Trazo (dentro del Panel Mezclador de
Colores). Si queremos dibujar creando Bordes deberemos emplear las Herramientas Lpiz,
Lnea o Pluma y si queremos que nuestro dibujo no tenga borde, bastar con seleccionar el
borde y suprimirlo (ver siguiente punto).
El Relleno: El relleno no es ms que el propio objeto sin borde. Es, por tanto, la parte
interna del objeto. Su existencia tambin es arbitraria, ya que podemos crear un objeto cuyo
color de relleno sea transparente, y por tanto, parecer que dicho objeto no tiene relleno,
aunque en realidad s que exista pero sea de color transparente. Para dibujar Rellenos (sin
borde) podemos usar herramientas tales como el Pincel o el Cubo de Pintura.
Para poder trabajar con objetos, es fundamental saber seleccionar la parte del objeto que
queramos modificar (mover, girar, cambiar de color...). Podremos observar que las partes
de un objeto seleccionadas toman una apariencia con textura para indicar que estn
seleccionadas.
Seleccionar todos los bordes (o lneas) de un mismo color que estn en contacto:
Hacer doble clic sobre una de las lneas que tenga el color que pretendamos seleccionar.
Seleccionar los objetos que se encuentran en una determinada zona: Para ello
usaremos la Herramienta Seleccin (Flecha). Haremos clic en una parte del escenario y
arrastraremos el cursor hasta delimitar el rea que contenga los objetos que queremos
seleccionar. Si esta rea corta algn objeto, slo quedar seleccionada la parte del objeto
que est dentro del rea que hemos delimitado. Si quisiramos incluir dicho objeto,
bastara con usar la tecla SHIFT y seleccionar la parte del objeto que falta por seleccionar.
Dicho fotograma. Esto es til para modificar de un modo rpido todos los elementos del
Fotograma.
Para modificar un objeto, primero debe seleccionarlo. Flash proporciona diferentes mtodos
de seleccin, entre ellos las herramientas Seleccin y Lazo, y los comandos de teclado.
Puede agrupar objetos individuales para manipularlos como un nico objeto.
Flash resalta los objetos y los trazos que se han seleccionado con un recuadro de
delimitacin. Los grupos seleccionados se resaltan con recuadros de delimitacin cuyo color
se utiliza para el contorno de la capa que contiene el grupo seleccionado. Puede c ambiar el
color del contorno de la capa en el cuadro de dilogo Propiedades de capa.
Puede optar por seleccionar nicamente los trazos de un objeto o sus rellenos. Se puede
ocultar el resaltado de la seleccin para poder editar los objetos sin tener que visualizar
dicho resaltado. Al seleccionar un objeto, el inspector de propiedades visualiza el trazo y el
relleno de dicho objeto, sus dimensiones en pxeles y las coordenadas x e y del punto de
transformacin.
El inspector de propiedades se puede utilizar en una forma para cambiar el trazo y el relleno
de un objeto. Puede evitar que se seleccione y se cambie accidentalmente un grupo o
smbolo. Para ello, puede bloquear el grupo o smbolo.
Para seleccionar instancias, grupos y bloques de tipos, stos deben quedar totalmente
encerrados en el recuadro.
Cuando seleccionamos uno o varios objetos, estos aparecen enmarcados por el cuadro
delimitador, que determina el alto y ancho total del objeto. Ya sabemos que para mover el
objeto, solo hay que hacer clic sobre l y arrastrarlo. Si al hacerlo mantenemos pulsada la
tecla Alt, en vez de moverlo creamos una copia.
Los valores que se modifican pueden ser introducidos directamente a travs del comando
Transformar de cada herramienta, al que accedemos haciendo doble clic sobre la propia
herramienta, o desde el men Objeto Transformar.
Hay herramientas comunes que nos permiten aplicar cualquier transformacin. Utilizando
la herramienta Transformacin libre podemos modificar los objetos con el cursor. Al
seleccionar esta herramienta, el objeto queda rodeado por una serie de controladores que
nos permitirn modificarlo:
Puede seleccionarse por separado. La nica diferencia es que aqu el relleno no resulta
segmentado por la lnea.
Para poder manipular los elementos como un nico objeto, debe agruparlos. Por ejemplo,
despus de crear un dibujo de un rbol o una flor, agrupe los elementos del dibujo para
facilitar la seleccin y el desplazamiento del mismo como un todo.
Aunque pueda elegir Edicin > Deshacer inmediatamente despus de separar un grupo u
objeto, esta separacin no es del todo reversible. Afecta a los objetos del modo siguiente:
Para agrupar objetos, primero los seleccionamos y desde el men emergente o el men
Objeto, seleccionamos Agrupar (teclas Ctrl + G).
Si ahora intentas seleccionar un objeto del grupo como hemos visto hasta ahora, vers
que se seleccionan todos.
Podemos tambin seleccionar varios grupos y agruparlos de nuevo. Esto convertir a los
primero grupos en subgrupos de un grupo mayor. De esta forma podemos crear una
jerarqua de grupos.
desagruparlo. Basta con hacer doble clic con la herramienta Seleccin para entrar en
el modo de aislamiento. Esto hace que los objetos que no pertenezcan al grupo se
muestren atenuados, y no podamos seleccionarlos, pero s los componentes del grupo, ya
sean objetos u otros grupos. Si el objeto est en un subgrupo, podemos ir haciendo doble
clic hasta llegar al grupo del objeto.
Para salir del asilamiento, basta con volver a hacer doble clic fuera del grupo.
Esto es til cuando queremos editar el grupo, y la disposicin de los elementos dentro de
l. Pero para editar un nico objeto, es ms rpido utilizar las herramientas de seleccin
El panel Alinear permite alinear objetos seleccionados a lo largo de los ejes vertical y
horizontal. Puede alinear objetos verticalmente a lo largo del borde derecho, del centro o del
borde izquierdo de los objetos seleccionados, o bien, horizontalmente a lo largo del borde
superior, del centro o del borde inferior de dichos objetos. Los recuadros de delimitacin que
encierran los objetos seleccionados determinan los bordes.
Con el panel Alinear, se pueden distribuir objetos seleccionados de manera que sus centros
o bordes estn espaciados de forma uniforme. Puede cambiar el tamao de los objetos
seleccionados de manera que las dimensiones horizontales o verticales de todos los objetos
coincidan con las del objeto seleccionado ms grande. Tambin puede alinearlos con
respecto al escenario. Puede aplicar una o ms opciones de alineacin a los objetos
seleccionados.
Ahora que ya sabemos seleccionar los objetos o las partes de estos que consideremos
oportunas, veamos cmo colocarlos en el Escenario.
Para colocarlos de un modo preciso (por no decir exacto), Flash pone a nuestra disposicin
el Panel Alinear. Este Panel lo podemos encontrar en el Men Ventana Alinear. As
funciona:
El Panel Alinear permite colocar los objetos tal y cmo le indiquemos. Antes de ver las
posibilidades, debemos hacer hincapi en la opcin En Escenario. Esta opcin nos permite
decir a Flash que todas las posiciones que indiquemos para nuestros objetos tomen como
referencia el escenario
Si esta opcin no est seleccionada, los objetos toman como referencia al conjunto de
objetos en el que se encuentran, y se colocan en funcin de ellos. Lo ms habitual es
seleccionar En Escenario, para que los objetos se coloquen segn los lmites de la pelcula,
en el centro del fotograma etc...
Conozcamos un poco mejor el Panel Alinear y sus posibilidades:
Coincidir Tamao: Hace coincidir los tamaos de los objetos. Si est activo
"En Escena" estirar los objetos hasta que coincidan con el ancho y el largo de la pelcula. Si
no est activo, la referencia ser el resto de objetos. Por ejemplo, si tenemos 2 cuadrados
distintos y la opcin "En Escena" no est activada, al hacer clic en el primer botn de
"Coincidir Tamao", el cuadrado ms estrecho pasar a tener la anchura del cuadrado ms
ancho. Si "En Escena" hubieran estado activos ambos cuadrados hubieran pasado a tener el
ancho del fotograma.
A este Panel se puede acceder desde el Men Ventana Informacin. Las posibilidades
de este Panel son limitadas, pero si buscamos exactitud en las medidas o no nos fiamos de
las distribuciones de objetos que crea Flash, debemos acudir a l.
Situacin del objeto: Desde aqu controlamos la posicin del objeto en el escenario.
La X y la Y representan el eje de coordenadas (La X es el eje Horizontal y la Y el eje
vertical). Las medidas tambin van en funcin de las medidas elegidas para la pelcula.
Color Actual: Indica el color actual en funcin de la cantidad de Rojo (R), Verde (V),
Azul (A) y efecto Alfa (Alfa) que contenga.
Este indicador puede ser engaoso, el motivo es que indica el color que tiene el objeto por
el que en ese momento pasamos el cursor del ratn. Por tanto, podemos tener
seleccionado un objeto (haciendo clic en l) y ver en el Panel Informacin su tamao y su
posicin, pero al desplazar el ratn, el valor del color cambiar y ya no indicar el color del
objeto seleccionado, sino el del objeto por el que pase el cursor. Tened esto en cuenta
para no cometer errores o perder tiempo innecesario.
Posicin del Cursor: Indica la posicin del cursor. Es til por si queremos que suceda
algo en la pelcula al pasar el cursor justo por una posicin determinada o para situar
partes del objeto en lugares especficos.
El Panel Muestras de Color sirve para poder ver de un modo rpido y claro los colores de
que disponemos, tanto slidos (un solo color) como degradados (lineales o radiales).
Adems, cuando creemos un color mediante el Panel Mezclador de Colores, podremos
agregarlo a nuestro conjunto de muestras mediante Agregar Muestra (que se encuentra en
un men desplegable en la parte superior derecha del Panel Mezclador de Colores). Una
vez est agregado el color, pasar a estar disponible en nuestro conjunto de muestras y
podremos acceder a l rpidamente cada vez que trabajemos con nuestra pelcula.
Cada pelcula tiene su propio conjunto de muestras y cada vez que la abramos para editarla,
podremos usar las muestras que tenamos la ltima vez que trabajamos con dicha pelcula.
1.6.2 FILTROS
Los filtros le permiten aadir atractivos efectos visuales a texto, botones y clips de pelcula,
siendo los ms frecuentes la aplicacin de sombras, desenfoques, iluminados y biseles a los
elementos grficos. Una caracterstica exclusiva de Flash es que permite animar los filtros
utilizando interpolaciones de movimiento. Por ejemplo, si crea una bola (o esfera) con
sombra, puede simular el movimiento de la fuente de luz de un lado al otro del objeto
cambiando la posicin de la sombra del primero al ltimo fotograma de la lnea de tiempo.
Una vez aplicados, las opciones de los filtros pueden modificarse en cualquier momento, as
como el orden de los mismos para experimentar con efectos combinados. Los filtros se
pueden activar, desactivar y eliminar en el inspector de propiedades. Cuando se elimina un
filtro, el objeto correspondiente recupera su apariencia anterior. Para ver los filtros aplicados
a un objeto basta con seleccionarlo; de este modo se actualiza automticamente la lista de
filtros correspondiente al objeto en el inspector de propiedades.
Es posible animar los filtros en la lnea de tiempo. Los objetos incluidos en diferentes
fotogramas clave unidos entre s por una interpolacin tienen los parmetros de los
correspondientes filtros interpolados en los fotogramas intermedios. Si un determinado filtro
no cuenta con un filtro coincidente (del mismo tipo) en el extremo opuesto de la
interpolacin, ste se aade automticamente para garantizar que el efecto se encuentre al
final de la secuencia de animacin.
Por ejemplo, si crea una interpolacin de movimiento utilizando el filtro de sombra y aplica
una sombra con extractor al primer fotograma de la interpolacin y una sombra interior al
ltimo, Flash corrige esta incoherencia. En este caso concreto, se aplica la configuracin de
filtro aplicada al primer fotograma de la interpolacin: una sombra con extractor.
El tipo, cantidad y calidad de los filtros aplicados a los objetos influye en el rendimiento de la
reproduccin de los archivos SW F. Cuantos ms filtros aplique a un objeto, mayor nmero
de clculos tendr que realizar Macromedia Flash Player para mostrar correctamente los
efectos visuales creados. Por esta razn Macromedia aconseja aplicar nicamente un
nmero limitado de filtros a un determinado objeto.
Cada filtro incluye controles que le permiten ajustar su intensidad y calidad. Un ajuste en
valores bajos mejora el rendimiento en los equipos ms lentos. Si crea contenidos para su
reproduccin en una variada gama de equipos o no tiene seguridad de que su audiencia
cuente con equipos de cierta potencia, conviene que establezca un nivel de calidad bajo
para maximizar el rendimiento en la reproduccin.
Puede aplicar uno o varios filtros a los objetos utilizando el inspector de propiedades. Cada
filtro que se aplica a un objeto se aade a la lista de filtros aplicados a dicho objeto en el
inspector de propiedades. Se pueden aplicar varios filtros a un mismo objeto, as como
eliminar los que se hayan aplicado previamente.
1. Seleccione en el escenario el clip de pelcula, botn u objeto de texto al que desea aplicar
el filtro. Los filtros slo pueden aplicarse a objetos de texto, botn y clip de pelcula.
2. Seleccione la ficha Filtros del inspector de propiedades.
3. Haga clic en el botn Aadir filtro (+) y seleccione uno en el men emergente Filtros.
El filtro seleccionado se aplica al objeto y los controles de configuracin del filtro se muestran
en el inspector de propiedades. Experimente con los parmetros de configuracin hasta
obtener el resultado que desea.
1. Seleccione el clip de pelcula, botn u objeto de texto del que desea eliminar el filtro.
2. Seleccione la ficha Filtros del inspector de propiedades.
3. Seleccione el filtro en la lista de filtros aplicados.
4. Haga clic en el botn Eliminar filtro (-) para eliminarlo.
Tambin puede crear una biblioteca de configuracin de filtros que le permita aplicar
fcilmente un filtro o un conjunto de filtros a un objeto. Flash almacena los valores
predeterminados creados en el inspector de propiedades en la ficha Filtros del men Filtros
> Preestablecidos. Puede eliminar o cambiar el nombre de cualquier valor predefinido.
1. Seleccione el clip de pelcula, botn u objeto de texto al que desea aplicar el filtro
predefinido.
2. Seleccione la ficha Filtros del inspector de propiedades.
3. Haga clic en el botn Aadir filtro (+) y seleccione Preestablecidos en el men emergente
Filtros.
4. Seleccione el filtro predefinido que desee aplicar en la lista que aparece en la parte inferior del
men.
Cuando se aplica un filtro predefinido a un objeto, todos los filtros que ste pudiera tener
aplicados son reemplazados por los filtros que utiliza la configuracin predeterminada.
Haga clic en el icono de activacin o desactivacin que aparece junto al nombre del filtro
en la lista de filtros del inspector de propiedades.
Haga clic en el botn Aadir filtro (+) del inspector de propiedades y a continuacin
seleccione Activar todos o Desactivar todos.
Windows:C:\DocumentsandSettings\nombreusuario\LocalSettings\ApplicationData\
Macromedia\Flash8\idioma\Configuration\Filters\nombrefiltro.xml
Macintosh:MacintoshHD/Users/nombreusuario/Library/ApplicationSupport/Macrom
edia/Flash 8/idioma/Configuration/Filters/nombrefiltro. xml
1. Haga clic en el botn Aadir filtro (+) y seleccione Preestablecidos > Cambiar
nombre en el men emergente Filtros. Aparecer el cuadro de dilogo Cambiar
nombre de preestablecido.
2. Haga doble clic en la configuracin cuyo nombre desea cambiar.
3. Escriba el nombre nuevo y haga clic en Cambiar nombre.
1. Haga clic en el botn Aadir filtro (+) y seleccione Preestablecidos > Eliminar en el
men emergente Filtros. Aparecer el cuadro de dilogo Eliminar preestablecido.
2. Seleccione la configuracin de filtros que desea suprimir y seleccione Eliminar.
El filtro Sombra simula el aspecto de un objeto que proyecta su sombra sobre una
superficie o que recorta en el fondo un agujero con su forma.
4. Cambie la configuracin del filtro en la ficha Filtros del inspector de propied ades .
o Arrastre los deslizadores Desenfocar X e Y para establecer la anchura y la
altura de la sombra.
o Arrastre el deslizador Distancia para establecer la distancia entre el objeto y su
sombra.
o Haga clic en el cuadro Color para abrir la ventana emergente de colores y
establecer el color de la sombra.
o Arrastre el deslizador Intensidad para establecer la opacidad de la sombra.
Cuanto mayor sea el valor numrico, tanto ms opaca ser la sombr a.
o Introduzca un valor para establecer el ngulo de la sombra o haga clic en el
selector de ngulos y arrastre el indicador de ngulo.
o Seleccione la casilla de verificacin Extractor para extraer (u ocultar) el objeto
origen y mostrar nicamente la sombra en la imagen extrada.
o Seleccione la casilla de verificacin Sombra interior para aplicar la sombra
dentro de los lmites del objeto.
o Seleccione la casilla de verificacin Ocultar objeto para ocultar el objeto y
mostrar nicamente su sombra. Esta accin facilita la creacin de sombras de
mayor realismo.
o Elija el nivel de calidad de la sombra. Un nivel de calidad Alta equivale
aproximadamente a un desenfoque de Gauss. Para obtener un mximo
rendimiento en reproduccin es aconsejable utilizar un nivel de calidad Baja.
El filtro Desenfocar suaviza los bordes y los detalles de los objetos. Aplicando este filtro a
un objeto puede conseguir que parezca estar detrs de otros objetos o estar en
movimiento.
El bisel aplica al objeto un efecto de resaltado que le hace aparecer curvado por encima
de la superficie del fondo. Puede crear tres tipos de bisel: interior, exterior y completo.
Para cambiar un color del degradado, seleccione uno de los punteros de color situados
bajo la barra de definicin del degradado y haga clic en el espacio de color que aparece
justo debajo de la barra de degradado para mostrar el Selector de colores. De este modo
de ajusta el nivel y la posicin del color correspondiente dentro del degradado.
Para aadir un puntero al degradado, haga clic en la barra de definicin del degradado o
debajo de sta. Puede aadir hasta 15 punteros de color, lo que le permite crear
degradados con un mximo de 15 transiciones de color. Para volver a colocar un puntero
en el degradado, arrastre el puntero por la barra de definicin del degradado. Arrastre el
puntero hacia abajo y fuera de la barra de definicin del degradado para eliminarlo.
El bisel degradado confiere al objeto un efecto de resaltado que le hace aparecer elevado
por encima del fondo, con un color degradado de un lado al otro de la superficie del bisel.
Este efecto requiere un color con un valor Alfa igual a 0 en el centro del degradado. Este
color no se puede mover de su posicin, pero s se puede cambiar.
Para cambiar un color del degradado, seleccione uno de los punteros de color situados
bajo la barra de definicin del degradado y haga clic en el espacio de color que aparece
justo debajo de la barra de degradado para mostrar el Selector de colores. De este modo
de ajusta el nivel y la posicin del color correspondiente dentro del degradado.
Para aadir un puntero al degradado, haga clic en la barra de definicin del degradado o
debajo de sta. Puede aadir hasta 15 punteros de color, lo que le permite crear
degradados con un mximo de 15 transiciones de color. Para volver a colocar un puntero
en el degradado, arrastre el puntero por la barra de definicin del degradado. Arrastre el
puntero hacia abajo y fuera de la barra de definicin del degradado para eliminarlo.
El filtro Ajustar color permite ajustar el brillo, el contraste, la saturacin y el matiz del clip
de pelcula, botn u objeto de texto seleccionado.
Nota: Si slo desea aplicar control de brillo a un objeto, utilice los controles de color
situados en la ficha propiedades del inspector de propiedades. La opcin Brillo de la ficha
Propiedades ofrece mejor rendimiento que la aplicacin de un filtro.
1. Seleccione el clip de pelcula, botn u objeto de texto cuyo color desea ajustar.
2. Seleccione la ficha Filtros del inspector de propiedades.
3. Haga clic en el botn Aadir filtro (+) y seleccione Ajustar color en el men
emergente Filtros.
4. Arrastre los deslizadores de los atributos de color que desea cambiar o introduzca
un valor en el correspondiente cuadro de texto. Estos atributos y sus
correspondientes valores son los siguientes:
Contraste: Ajusta los resaltados, sombras y medios tonos de una imagen. Admite valores
comprendidos entre -100 y 100.
Brillo: Ajusta el brillo de una imagen. Admite valores comprendidos entre -100 y 100.
Matiz: Ajusta el tono de un color. Admite valores comprendidos entre -180 y 180.
5. El botn Restablecer le permite devolver a todos los ajustes de color el valor 0, con
lo que la imagen recupera su aspecto original.
Una vez hecho esto nos aparecer una ventana como la mostrada en la imagen.
Introducimos el nombre del smbolo que vamos a crear.
Esto al principio y mientras tengamos poco smbolos no ser muy importante, pero ms
adelante nos servir para hacer referencia al objeto.
Slo nos queda seleccionar el tipo de smbolo o comportamiento en que queremos convertir
nuestro objeto. Podemos elegir entre Clip de Pelcula, Botn y Grfico. Sus caractersticas y
las diferencias entre ellos las veremos en temas posteriores.
Bastar con pulsar Aceptar para tener nuestro smbolo creado.
Para acceder a los efectos aplicables sobre una instancia determinada, debemos acudir
nuevamente al Panel Propiedades, desde aqu podremos acceder a todos los efectos que
Flash nos proporciona. En el grfico de la derecha se puede observar la pestaa Color: del
Panel Propiedades.
Arrastre la barra que separa los nombres de capas y los fotogramas de la lnea de
tiempo.
Si est trabajando con tantos fotogramas que no es posible que todos aparezcan a la vez
en la lnea de tiempo, puede desplazar la cabeza lectora por la lnea de tiempo para
mostrar fcilmente un determinado fotograma.
Para ir a un fotograma:
Puede cambiar el tamao de los fotogramas en la lnea de tiempo y aadir color a las
secuencias de los mismos para resaltarlos. Tambin puede incluir vistas previas en
miniatura del contenido de los fotogramas en la lnea de tiempo. Estas miniaturas son
muy tiles como vista global de la animacin, pero ocupan mucho espacio de pantalla.
Para crear una animacin fotograma a fotograma, defina cada fotograma como fotograma
clave y cree una imagen distinta para cada uno. Inicialmente, cada fotograma clave tiene el
mismo contenido que el fotograma clave inmediatamente anterior, de modo que los
fotogramas pueden modificarse en la animacin de forma gradual.
Puede utilizar las herramientas de dibujo, pegar imgenes del portapapeles o importar un
archivo.
4. Haga clic en el siguiente fotograma a la derecha de la misma fila y elija Insertar >
Lnea de tiempo > Fotograma clave, o bien haga clic con el botn derecho del ratn
De esta forma se agrega un nuevo fotograma clave cuyo contenido es igual al del primero.
1. En la lnea de tiempo (Ventana > Lnea de tiempo), haga doble clic en el ttulo de la
capa 1 y escriba AnimNeumtico. Presione Intro (Windows) o Retorno (Macintosh)
para asignar un nuevo nombre a la capa.
2. Con la capa AnimNeumtico an seleccionada, arrastre el clip de pelcula Tire de la
ventana Biblioteca (Ventana > Biblioteca) al escenario y colquelo sobre la sombra del
neumtico.
3. Utilice la herramienta Seleccin para volver a colocar el neumtico, si es necesario.
Aparece una flecha en la lnea de tiempo entre los dos fotogramas clave.
Con la interpolacin de forma, se especifican atributos para una forma en un fotograma clave
y, a continuacin, se modifica la forma o se dibuja otra forma en un fotograma clave
posterior. Como sucede con la interpolacin de movimiento, Flash crea la animacin en los
fotogramas que hay entre los fotogramas clave.
Ahora configurar una interpolacin para la sombra del neumtico para que, mientras el
neumtico rebota, la sombra se mueva y se desvanezca.
6. Haga clic en el control del men emergente situado en la esquina superior derecha del
Mezclador de colores y seleccione Cerrar panel para cerrar el panel.
7. Seleccione un fotograma entre los fotogramas 2 y 14 en la capa AnimSombra. En el
inspector de propiedades, seleccione Forma en el men emergente Interpolacin.
8. En la capa AnimSombra, seleccione un fotograma entre los fotogramas 16 y 29. En el
inspector de propiedades, seleccione de nuevo Forma en el men emergente Animar.
Haga clic en el botn Papel cebolla. Todos los fotogramas entre los marcadores
Papel cebolla inicial y Papel cebolla final (en el encabezado de la lnea de tiempo)
aparecen superpuestos como un solo fotograma en la ventana Documento.
Para controlar la visualizacin del papel cebolla, siga uno de estos procedimientos:
Para ver los fotogramas de papel cebolla como contornos, haga clic en el
botn Contornos de papel cebolla.
Para cambiar la posicin de los marcadores de papel cebolla, arrastre el puntero
hasta la nueva ubicacin. En general, los marcadores se mueven de forma
conjunta con el puntero del fotograma actual.
Para poder editar todos los fotogramas situados entre los marcadores de papel
cebolla, haga clic en el botn Editar varios fotogramas. En general, la opcin
Papel cebolla slo permite editar el fotograma actual. Sin embargo, puede ver el
contenido de cada fotograma situado entre los marcadores y editarlo aunque no
se trate del fotograma actual.
NOTA: Las capas bloqueadas (con el icono del candado) no aparecen cuando se activa la
opcin de papel cebolla. Para evitar la confusin producida por mltiples imgenes, puede
bloquear u ocultar las capas que no desea visualizar con esta opcin.
Haga clic en el botn Modificar marcadores de papel cebolla y elija una opcin del
men:
Definir papel transparente bloquea los marcadores de papel cebolla en la posicin actual
en el encabezado de la lnea de tiempo. En general, el rango de papel cebolla es relativo al
puntero del fotograma actual y los marcadores de papel cebolla. Al anclar los marcadores,
evita que se muevan con el puntero del fotograma actual.
Papel cebolla 2 muestra dos fotogramas a cada lado del fotograma actual.
Papel cebolla 5 muestra cinco fotogramas a cada lado del fotograma actual.
Papel cebolla todo muestra todos los fotogramas a cada lado del fotograma actual.
Al igual que los otros tipos de smbolos de Flash, los clips de pelcula tienen su propia lnea
de tiempo. Sin embargo, y a diferencia de los Grficos (como veremos a continuacin),
esta lnea temporal no est ligada a la lnea de tiempos del documento que lo contiene, de
tal forma que su ejecucin es independiente.
Este tipo de smbolos puede contener cualquier otro tipo de smbolo: grfico, clip o botn,
as como cualquier objeto creado con Flash, ya que un clip es realmente una pelcula.
Otra de las ventajas de los Clips la encontramos cuando realizamos pelculas de gran
complejidad y tamao, en la que intervienen un nmero muy elevado de fotogramas,
debido a que en la vista general del documento, nosotros slo veremos un fotograma por
clip, el cual puede estar compuesto por muchos frames, lo que nos permitir tener una
mejor visin de cmo se desarrolla nuestra animacin, y una barra de tiempos ms clara y
"limpia".
Los Clips son una de las herramientas que dan mayor potencia a Flash 8, permitindonos
crear pelculas de gran complejidad y multiplicar los efectos visuales, ya que se pueden
crear mltiples movimientos independientes entre s y crear conexiones entre los diferentes
Clips de un documento.
Todas aquellas cosas que no podamos hacer con un smbolo de tipo Grfico, lo podemos
hacer con un Clip, adems de poder realizar tambin todo aquello que nos permita dicho
smbolo. Por esto, normalmente se utilizan los clips para cualquier tipo de animacin
debido a su gran flexibilidad, dejando los grficos slo para imgenes estticas.
Como hicimos con los grficos, vamos a ver como la lnea de tiempo de un clip no est
ligada a la lnea de tiempo del documento que lo contiene y, a la vez, veremos la
diferencia entre los clips y los smbolos Grficos, que supone una de las razones de la
mayor utilizacin de los primeros en lo que se refiere a la creacin de animaciones.
Para ello abriremos una nueva pelcula Flash (Archivo Nuevo). Despus
importaremos una imagen cualquiera o bien crearemos una. La convertimos en Smbolo
(Insertar Nuevo Smbolo...) y seleccionamos en Comportamiento "Clip de Pelcula"
Ahora tenemos nuestro Clip, insertado en nuestro nuevo documento Flash. Es decir,
tenemos dos pelculas, cada una con su lnea de tiempos.
Ahora veamos que son independientes, siguiendo un proceso similar al que utilizamos
con los smbolos de tipo Grfico.
Como vemos, la duracin del clip que hemos insertado es mucho mayor que la pelcula
nueva que lo contiene. Si el pez fuera un grfico ya hemos visto que si intentramos
reproducir la pelcula no ocurrira nada. Veamos qu sucede siendo en este caso un Clip
(esto tambin es vlido si la animacin se ha creado del modo visto con los grficos).
(Control + Intro).
En este caso s que vemos la animacin porque en el momento en que el reproductor
ha pasado por el fotograma que contena el clip, ste ha empezado a reproducirse y,
puesto que su lnea de tiempos es independiente, ha seguido reproducindose a pesar
de que la lnea de tiempos principal haya terminado, y lo continuar haciendo hasta que
acabe su lnea temporal propia.
Crear un nuevo Clip
Como hemos comentado, utilizaremos normalmente Clips para hacer animaciones.
Aunque no lo hayamos comentado antes, se puede crear un smbolo Flash de la nada, de
forma que se quede en la biblioteca y podamos editarlo cuando nos convenga. Esto
puede ser interesante en los clips, ya que a diferencia de los grficos, su finalidad suele
ser el movimiento y, en animaciones complejas, en ocasiones se les asignan acciones
especiales en las cuales, bien no es necesario crearlo en ese momento, bien conviene
dejar el clip vaco.
Por esto, es interesante aprender cmo crear un smbolo, en este caso un clip, de la nada
para despus modificarlo.
Para insertar un clip vaco haz clic en Insertar Nuevo smbolo y se abrir el cuadro
de dilogo de Crear un nuevo smbolo.
All debers darle un Nombre para identificarlo ms tarde en la Biblioteca y seleccionar
la opcin Clip de Pelcula en el marco Tipo.
A partir de este momento tendremos un nuevo clip (vaco) al cual podremos acceder
desde nuestra Biblioteca (men Ventana Biblioteca), si hacemos clic derecho sobre
l y seleccionamos Edicin, podremos editarlo y trabajar con l.
El filtro en flash sirve funciona nicamente con movie clip (clip de pelcula) y con texto, sirve
para darle efectos a estos, nicamente se encuentra disponible en la versin 8 de flash, se
encuentra ubicado a la par de la barra de propiedades en la parte inferior del programa o
bien sino lo tenemos activado, lo podemos activar con Control + F3.
Para probarlo haremos un texto y si seleccionan el texto con el puntero negro y se van a
filtros, le dan donde tiene el signo +, Les va aparecer unas opciones de sombra,
desenfocar, iluminado, bisel, iluminado degradado, bisel degradado, ajustar color. Las
cuales significa, Sombra: le va colocar sombra al texto, ustedes pueden ubicar la orientacin
de la sombra (ngulo), el color de la sombra, la distancia de la sombra, pero lo realmente
bueno de esto esta en alterar los valores de X y Y de desenfocar. La intensidad es la fuerza
con la que se va proyectar esta sombra, y la calidad es cuan real se puede llegar a ver la
sombra. adems de esto estn las opciones de extractor, que este quita el texto original y
solo queda la sombra, dndole un buen efecto de invisibilidad, tambin esta la opcin de
sombra interior que da la idea de hundimiento, y quitar objeto que quita el texto y solo deja la
sombra. todo esto tambin se puede hacer nicamente haciendo un clip de pelcula.
Ahora bien, podemos utilizar lo que es desenfocar para lograr efectos en el texto de una
presentacin que aparezca cerca y luego se vaya alejando y se vaya viendo difuso.
Haremos una nueve con este efecto esta vez, primero agarremos el PINCEL HAGAMOS
UNAS FORMAS uniformes (de preferencia de color negro) y seleccionmosla con el
PUNTERO NEGRO, luego presionemos F8, seleccionemos la opcin de clip de pelcula
(movie clip)
Ahora para qu sirve la opcin de iluminar este le da un efecto de iluminacin frontal, lo que
provoca que salga una sombra en todos los sentidos, sin tener direccin, lo podemos probar
con un texto como sombra o bien como iluminacin, en este ejemplo lo vamos a probar
como iluminacin con colores claros y sombra con colores oscuros, colocaremos un fondo
de color negro para ver bien el ejemplo, escribiremos iluminacin, nos iremos a filtro, iluminar
el color de la iluminacin debe ser igual al del texto, si es de sombra es contrario y alterando
el valor de X obtendremos estos efectos.
Ahora probaremos el bisel o biselado, haremos lo mismo colocaremos un color de fondo gris
claro y el texto tambin para ver este ejemplo, ahora nos vamos al filtro y elegimos la opcin
de bisel, y vemos que este nos da un tono de iluminacin por un lado y sombra por otro al
texto, o bien en cualquiera de los casos un clip de pelcula.
Las otras dos opciones son aplicaciones de degradado de estas ltimas dos, y la ultima que
es ajustar color solo es si deseamos cambiar el color de la letra o del clip de pelcula, a un
texto o clip de pelcula se le pueden hacer varias opciones de filtro como en el ejemplo,
Que tiene aplicaciones de bisel + iluminacin + ajustes de color.
Una vez insertados los botones y definidos los eventos sobre los que deben actuar,
tendremos que decidir qu queremos que hagan.
De esta forma, si no aplicsemos ninguna accin sobre la lnea de tiempo, todas las
secciones se ejecutaran una seguida de la otra. Lo que queremos conseguir es que se
ejecute la primera (para mostrar la seccin principal) y el cabezal se pare hasta nueva
orden (para mostrar la segunda).
Esta funcin sirve para parar el cabezal de la lnea de tiempo donde sea colocada. As
que seleccionamos el ltimo fotograma de la seccin y abrimos el Panel Acciones.
Stop
();
Esto har que cuando la animacin llegue a ese punto se detendr a espera de nueva
orden.
Nosotros hemos colocado las acciones en una capa aparte llamada Acciones para as
poder acceder ms rpido a ella. El mtodo es el mismo, solamente habr que crear
fotogramas claves en aquellos sitios en los que queramos insertar un stop ().
Los botones nos ayudarn a desplazar el cabezal por la lnea de tiempo. As que
modificaremos el cdigo de uno de los botones donde habamos escrito:
on (release) {
on (release) {
gotoAndPlay(21);
De esta forma, al hacer clic sobre ese botn, el cabezal de reproduccin se desplazar
hasta el fotograma 21 y reproducir a partir de all.
Si aadimos un stop () en el ltimo fotograma de la segunda seccin, cuando ste se
reproduzca se parar y el contenido permanecer esttico en espera de una nueva orden.
Existe otra forma, muy til, para nombrar los fotogramas. Del mismo modo que dbamos un
nombre de instancia a un botn lo haremos con un fotograma.
Basta con introducir una Etiqueta de fotograma para poder remitir el cabezal a ste:
Por ejemplo:
on (release) {
prevFrame(), que har que el cabezal retroceda al fotograma anterior al que nos
encontramos.
nextFrame(), que har que el cabezal avance al fotograma siguiente al que nos
encontramos.
Al importar archivos de Illustrator a Flash, nos vamos a encontrar que se encuentra todo
agrupado, as slo nos queda desagrupar todos los objetos, luego, los tenemos como si los
hubiramos dibujado en flash.
"La importacin de imgenes de mapas de bits a una pelcula puede incrementar el tamao
de archivo de la misma. Para reducir el tamao de archivo de una imagen de mapa de bits,
puede elegir una opcin de compresin en el cuadro de dilogo Propiedades de mapa de
bits."
Flash importa grficos vectoriales, mapas de bits y SECUENCIAS de imgenes tal como se
describe a continuacin:
NOTA: Si importa un archivo PNG desde Fireworks cortando y pegando, dicho archivo se
convertir en un mapa de bits.
Cuando importe archivos de Adobe Illustrator, EPS o PDF a Flash, puede seleccionar
opciones para convertir pginas y capas. Puede optar por entramar todo el contenido,
incluido el texto.
Las imgenes vectoriales de los archivos SW F y WMF (W indows Metafile Format,
formato de metarchivo de Windows) que importa directamente a un documento de
Flash (en lugar de una biblioteca) se importan como un grupo de la capa activa.
Los mapas de bits (fotografas digitalizadas, archivos BMP) que importa directamente
a un documento de Flash se importan como objetos individuales de la capa activa.
Flash mantiene la configuracin de transparencia de los mapas de bits importados.
Puesto que importar un mapa de bits puede aumentar el tamao del archivo SW F, es
recomendable comprimir los mapas de bits importados.
Las secuencias de imgenes (por ejemplo, una secuencia PICT y BMP) que importa
directamente a un documento de Flash se importan como fotogramas clave sucesivos
de la capa activa.
forma, es necesario importar un mapa de bits al archivo actual. Tambin puede crear una
forma con contorno y sin relleno mediante Sin color como relleno, o con relleno y sin
contorno mediante Sin color como tipo de contorno. Otra posibilidad es aplicar un relleno de
color slido a un texto..
Puede modificar los atributos de trazo y relleno de diversas maneras con las herramientas
Cubo de pintura, Bote de tinta, Cuentagotas y Transformacin de relleno, y con el
modificador Bloquear relleno de las herramientas Pincel y Cubo de pintura.
Con el mezclador de colores, se pueden crear y editar de forma sencilla colores slidos y
rellenos con degradado en los modos RVA y MSB. Puede importar, exportar, eliminar y
modificar la paleta de colores de un archivo utilizando el panel Muestras de color. Puede
seleccionar colores en modo hexadecimal en el mezclador de colores, as como en las
ventanas emergentes Trazo y Relleno de panel Herramientas o del inspector de
propiedades.
Se puede acceder al selector de color del sistema desde el control Color de trazo o el control
Color de relleno del panel Herramientas, el inspector de propiedades de la forma o el
Mezclador de colores.
Puede aplicar un mapa de bits como relleno a un objeto grfico mediante el mezclador de
colores. Al aplicar un mapa de bits como relleno, el mapa de bits se coloca en mosaico
para rellenar el objeto. La herramienta Transformacin de relleno permite escalar, rotar o
sesgar una imagen y su relleno de mapa de bits.
Flash permite separar un mapa de bits en pxeles editables. El mapa de bits mantiene el
nivel de detalle original pero se separa en reas diferenciadas de color. Al separar un
mapa de bits, se pueden seleccionar y modificar reas del mapa de bits con las
herramientas de dibujo y pintura de Flash. La separacin de un mapa de bits tambin
permite tomar una muestra del mapa de bits con la herramienta Cuentagotas para
utilizarlo como relleno. Puede editar un mapa de bits importado en Fireworks o en otro
editor de imgenes externo abriendo la aplicacin de edicin desde Flash. Para convertir
una imagen de mapa de bits en un grfico vectorial, puede trazar el mapa de bits.
Al realizar esta conversin, podr modificar el grfico como cualquier otra ilustracin
vectorial de Flash.Si un documento de Flash muestra un mapa de bits importado con un
tamao superior al original, la imagen puede aparecer distorsionada. Pre visualice el
mapa de bits importado para asegurarse de que las imgenes se muestran
correctamente.
Lo primero que deberemos hacer es transformar nuestro vdeo de formato avi, mpeg,
mov, wmv o dv al formato que utiliza Flash: flv.
Este formato, adems de crear archivos de vdeo de buena calidad muy comprimidos,
te permitir introducir puntos de referencia desde donde controlaremos la interaccin del
entorno de la pelcula con el vdeo.
Haz clic en Archivo Importar Importar vdeo para empezar a configurar el archivo
.flv que crearemos.
Aqu debers seleccionar el archivo que quieres importar para utilizarlo en tu pelcula. Haz clic
en el botn Examinar y bscalo en tus carpetas. Cuando lo hayas encontrado pulsa el botn
Aceptar y estars listo para seguir pulsando el botn Siguiente.
Tambin es posible marcar la opcin Ya se ha implementado en un servidor Web, Flash
Vdeo Streaming Service o Flash Communication Server. En este caso debers introducir
la URL del archivo, que previamente habr sido preparado para poder utilizarlo en Flas.
Ahora es cuando realmente configuraremos el archivo de salida. Antes que nada pulsa el
botn Mostrar configuracin avanzada.
Vers 3 pestaas. La primera te servir para ajustar la compresin y calidad del vdeo.
Puedes seleccionarla directamente en el desplegable de arriba del todo o cambiar alguna
de las opciones que te aparecen en la pestaa Codificacin.
Otra razn para separar los objetos en capas, es que Flash nos obliga a colocar cada
animacin distinta en una capa. De lo contrario, todos los objetos que se encuentren en dicha
capa formarn parte de la animacin. Si queremos que un objeto NO forme parte de una
animacin, deberemos quitarlo de la capa en la que se produce dicha animacin.
Siguiendo con el ejemplo del portero, si quisiramos crear un movimiento que haga que el
portero se desplace hacia un lado no hay ningn inconveniente, pero si la portera estuviera
en la misma capa que el portero, entonces AMBOS objetos se moveran hacia dicho lado, con
lo que resultara imposible que slo se moviera el portero. La solucin es separar los objetos
en 2 capas, como ya hemos hecho.
Las capas adems, tienen otras utilidades, nos permiten ordenar nuestra pelcula de forma
lgica, y nos ayudan en la edicin de dibujos (evitando que se "fundan" en uno slo, o
bloqueando el resto de capas de modo que slo podamos seleccionar la capa que nos
interese).
LA vista estndar de una capa es la que muestra la imagen. Veamos para qu sirven los
distintos botones y cmo usarlos.
Insertar Capas : Como su nombre indica, sirve para Insertar capas en la escena actual.
Inserta capas normales (en el siguiente punto se vern los distintos tipos de capas).
Aadir Capa Gua : Inserta una capa de tipo gua. Se tratan en profundidad el siguiente
punto.
Cambiar Nombre: Para cambiar el nombre a una capa, basta con hacer doble clic en el
nombre actual.
Aqu puedes cambiar diferentes opciones sobre la capa, como su nombre o su color.
Tambin puedes bloquearla u ocultarla.
Para obtener el efecto de foco y de transiciones, puede utilizar una capa de mscara para
crear un agujero a travs del cual se puedan ver las capas situadas por debajo. Un
elemento de mscara puede ser una forma rellena, un bloque de texto, una instancia de
un smbolo de grfico o un clip de pelcula. Varias capas pueden agruparse bajo una
misma capa de mscara para crear efectos sofisticados.
Para crear efectos dinmicos, puede animar una capa de mscara. Para una forma
rellena utilizada como mscara, utilice interpolacin de formas; para un objeto de tipo,
una instancia de grfico o un clip de pelcula, utilice la interpolacin de movimiento. Si
utiliza una instancia de clip de pelcula como mscara, puede animar la mscara a lo
largo de un trazado de movimiento.
Para crear una capa de mscara, coloque un elemento de mscara en la capa que desee
utilizar como mscara. En lugar de tener un trazo o un relleno, el elemento de mscara
acta como una ventana que muestra el rea de las capas vinculadas situadas por
debajo. El resto de la capa de mscara oculta todos los elementos excepto los que se
muestran a travs del elemento de mscara. Una capa de mscara slo puede contener
un elemento de mscara. En un botn no puede haber una capa de mscara, y las
mscaras no se pueden aplicar a otras mscaras.
Tambin puede utilizar ActionScript para crear una capa de mscara a partir de un clip de
pelcula. Una capa de mscara creada con ActionScript slo puede aplicarse a otro clip
de pelcula.
1. Seleccione o cree una capa que contenga los objetos que deben aparecer dentro
de la mscara.
2. Con la capa seleccionada, elija Insertar > Lnea de tiempo > Capa para crear una
capa nueva encima.
Flash pasa por alto los mapas de bits, degradados, transparencias, colores y estilos de
lnea en una capa de mscara. Todas las reas rellenas de una mscara son
transparentes y las reas no rellenas son opacas.
4. Haga clic con el botn derecho del ratn (W indows) o con la tecla Control
presionada (Macintosh) en el nombre de la capa de mscara de la lnea de tiempo
y elija Mscara en el men contextual.
Para enmascarar capas adicionales despus de crear una capa de mscara, siga uno de
estos procedimientos:
Arrastre una capa existente directamente debajo de la capa de mscara. Cree una
capa nueva en cualquier sitio por debajo de la capa de mscara. Seleccione
Modificar > Lnea de tiempo> Propiedades de capa y seleccione Con mscara en
el cuadro de dilogo Propiedades de capa.
Para animar una forma rellena, un objeto de tipo o una instancia de un smbolo de grafico
en una capa de mscara:
1.10.4 ESCENAS
Flash permite el uso de escenas para separar diferentes temas en una sola pelcula. Se
suelen utilizar sobre todo en animaciones, donde una parte de la accin transcurre sobre un
fondo y la siguiente sobre otro completamente diferente.
De este modo podemos usar las escenas para representar diferentes secciones muy
diferentes en nuestra pelcula, por ejemplo, crear una escena para el cargador, otra para la
pelcula principal y una tercera para una seccin que se diferencie completamente del rest o
y nos sea ms cmodo trabajar con ella independientemente.
A pesar del hecho de que las escenas se trabajan como lneas de tiempo diferentes, al crear
el archivo SWF stas se alinean en orden reproducindose una detrs de otra.
Por ello, al publicar el documento los fotogramas de las escenas se numerarn respecto a
esto. Es decir, si tenemos una primera escena que va del fotograma 1 al 50, la segunda
escena comenzar en el fotograma 51.
Todo esto hace que las escenas, en algunos casos estn desaconsejadas por las siguientes
razones:
En el Panel Escena (brelo desde Ventana Otros paneles Escena) podrs ver las
escenas actuales de la pelcula.
Puedes eliminar una escena utilizando el botn Eliminar escena o duplicarla con el
botn Duplicar escena .
Como hemos comentado antes (y si no existe cdigo ActionScript que modifique esto) las
escenas se reproducen una despus de la otra en el orden en el que se encuentran en el
Panel Escena. Puedes cambiar este orden con solo arrastrar y colocar la escena en
cuestin en su lugar correspondiente.
Trabajar con una escena es muy sencillo, basta con seleccionarla en el panel y su contenido
se mostrar en el Escenario. Podrs trabajar con ella como si se tratase de una pelcula
independiente.
Pero veamos cmo podemos utilizar ActionScript para desplazarnos de escena a escena.
Antes hemos mencionado las funciones prevScene () y nextScene (). Estos comandos
hacen que el cabezal de reproduccin se desplace de una escena a otra en el orden en el
que se encuentran en el Panel Escena.
Pero existe otra posibilidad.
Segn el ejemplo que estamos siguiendo creamos una nueva escena llamada
escena_otros. En el botn Otros Restaurantes hemos aadido el siguiente cdigo:
on (relase) {
Con esto estamos indicando que al soltarse el botn el cabezal se desplace al fotograma 1
de la escena escena_otros y empiece a reproducirse a partir de all. Sencillo, verdad?
Cree una capa y asgnele el nombre Botones. Arrastre una instancia del smbolo
BTNback al escenario y colquelo a la derecha del clip de pelcula.
1. Para abrir el panel Escena, seleccione Ventana > Otros paneles > Escena.
Seleccione la escena 1
Para organizar un documento por temas, puede utilizar escenas. Por ejemplo, puede
utilizar escenas diferentes para una introduccin, un mensaje de carga y los crditos.
Al publicar un documento de Flash que contiene ms de una escena, las escenas del
documento se reproducen en el orden en el que aparecen en el panel Escena del
documento de Flash. Los fotogramas del documento se numeran de forma consecutiva
en todas las escenas. Por ejemplo, si un documento contiene dos escenas, cada una de
ellas con diez fotogramas, los fotogramas de la escena 2 estarn numerados del 11 al 20.
Puede aadir, eliminar, duplicar, cambiar el nombre y c ambiar el orden de las escenas.
Para detener un documento o hacer una pausa despus de cada escena, o bien para
permitir que los usuarios vean el documento de manera no lineal, utilice las acciones.
1.11.1 ACTIONSCRIPT
No es necesario entender todos los elementos de ActionScript para empezar a crear scripts;
si parte de un objetivo claro, podr empezar a crear scripts con acciones sencillas. Puede
incorporar nuevos elementos del lenguaje a medida que aprenda a utilizarlos para realizar
tareas ms complejas.
Al igual que otros lenguajes de creacin de scripts, ActionScript tiene sus propias reglas
sintcticas, reserva palabras clave, proporciona operadores y permite utilizar variables para
almacenar y recuperar informacin. ActionScript incluye funciones y objetos incorporados y
permite crear los suyos propios. Para ms informacin sobre ActionScript, consulte
Aprendizaje de ActionScript 2.0 en Flash.
Tambin el popular lenguaje JavaScript tiene su base en este estndar. Por esta razn, los
desarrolladores acostumbrados a trabajar con JavaSript se encontrarn inmediatamente
familiarizados con ActionScript y no tendrn mayores problemas en aprender a utilizarlo.
La accin stop permite indicar que la cabeza lectora se detenga cuando llegue al fotograma
15.
5. Haga clic en la escena 1, situada encima del escenario, para salir del modo de
edicin de smbolos y volver al documento principal.
6. Haga clic en el control del men emergente situado en la esquina superior derecha
del panel Acciones, y seleccione Cerrar panel para cerrar el panel.
7. Seleccione Control > Habilitar botones simples para poder probar el botn
animado.
8. En el escenario, desplace el puntero por encima del botn y haga clic en el botn.
9. Seleccione Control > Habilitar botones simples para anular la seleccin de esta
funcin.
1.11.3 BOTONES
QUE ES UN BOTON?
Los smbolos de tipo Botn son los que aportan la mayor parte de la interactividad de las
pelculas Flash con aquel que la est visualizando. Un botn, en Flash, es igual que
cualquier botn de cualquier entorno informtico, sea web o cualquier otro.
Son elementos que se prestan a que el usuario los presione, desencadenando al hacerlo
una serie de acciones. Tambin es habitual ver como este tipo de elementos reaccionan
cuando se les pasa el ratn por encima o cuando se les est pulsando, por ejemplo.
Pues bien, para conseguir los efectos interactivos que acabamos de mencionar en otros
lenguajes orientados a la web, que es el caso que nos ocupa, debemos crear programas
relativamente grandes. Esto es un inconveniente bastante grande ya que el uso de los
botones es una prctica muy habitual en el diseo en Internet. Sin embargo, en Flash no
ocurre as. Su interfaz est diseada de manera especial para la creacin de botones, lo
que nos permite crear todos estos efectos de una manera muy sencilla.
Al igual que los otros smbolos de Flash 8, los botones tienen su propia lnea de tiempos.
Esta es independiente pero, sin embargo, est formada nicamente por cuatro fotogramas,
Uno para cada estado posible del botn.
Reposo. Aspecto por defecto del botn, es decir, cuando el puntero del ratn no est
situado sobre l.
Zona activa. Aqu debemos indicar el rea real en la que queremos que acte nuestro
botn. Esto es importante sobre todo en botones compuestos slo por texto como veremos
ms adelante. Parece que la limitacin de fotogramas podra implicar una limitacin en la
capacidad de espectacularidad y utilidad de estos smbolos, pero no es as.
Los botones pueden contener a su vez otros smbolos, como clips o grficos (tambin de
tipo Bitmap). La unin de las posibilidades de todos los smbolos dota a los botones de
gran espectacularidad.
De esta forma ya tenemos transformado el objeto para que se comporte como un botn.
Para determinar cmo debe reaccionar el botn en funcin de las acciones del ratn, lo
editaremos haciendo clic con el botn derecho del ratn sobre nuestro nuevo botn y
seleccionando la opcin Editar.
Cuando tengamos delante la lnea de tiempos del botn (observa que tiene el aspecto
que hemos mostrado anteriormente), seleccionaremos cada uno de los frames (sobre,
reposo, presionado y zona activa) y pulsaremos F6 para crear un fotograma clave en
cada uno de ellos.
Ahora ya podemos modificar el aspecto inicial del botn para cada posicin del cursor y
marcar el rea de accin del botn (fotograma Hit) en la que simplemente podremos dejar
la misma figura que la inicial (en este caso slo es importante la forma del objeto, no los
colores u otras cosas) o bien dibujar con las herramientas de dibujos de Flash una nueva
figura, en cuya superficie "se sentir aludido" nuestro botn.
Los botones son smbolos que pueden tener multitud de formas. Si bien lo ms habitual
es ver botones rectangulares, cuadrados y circulares, cuya creacin es inmediata como
vimos en el punto anterior, tambin hay otros muchos tipos de botones que, pese a ser
menos utilizados, es muy habitual verlos en multitud de pginas web.
Entre estos estn los creados mediante formas poligonales, aquellos que estn
formados por texto nicamente, dibujos con diferentes motivos, etc. Es interesante su
uso para dar ms vistosidad ya que algunos resultan ms expresivos, y en esto Flash
nos ayuda mucho, debido a la relativa sencillez de creacin de botones que sus
herramientas de dibujo nos ofrece.
Hay varias formas de botn tambin muy extendidas, como el botn con relieve sencillo o
los botones en forma de pldora. Puesto que existen muchas formas de conseguir estos
efectos, a continuacin tienes un ejercicio paso a paso que muestra una forma de
Conseguir el relieve en un botn rectangular.
Haga clic en el elemento del rbol de navegacin. Haga clic con la tecla Mays
presionada para seleccionar varios elementos.
La ruta completa del elemento seleccionado aparecer en la parte inferior del explorador de
pelculas. Al seleccionar una escena del explorador de pelculas, aparecer el primer
fotograma de dicha escena en el escenario. Al seleccionar un elemento del explorador de
pelculas, se seleccionar dicho elemento en el escenario, siempre que la capa que contiene
ese elemento no est bloqueada.
Para utilizar los comandos del men contextual o del men de opciones del
explorador de pelculas:
Cortar, Copiar, Pegar y Borrar realizan estas conocidas funciones con el elemento
seleccionado. Al modificar un elemento en la lista de visualizacin, tambin se
modifica el elemento correspondiente en el documento.
Contraer otras contrae las ramas del rbol de navegacin que no contienen el
elemento seleccionado.
1.12 SONIDOS
Flash nos permite insertar cualquier sonido que queramos en nuestras pelculas (.wav, .aiff y
.mp3) de forma fcil y muy efectiva, ya que es capaz de acelerar la descarga del sonido siempre
y cuando se descargue junto con nuestra pelcula.
Podemos dar a la pelcula efectos simples (el tpico "clic" al pulsar un botn), efectos complejos
(msica de fondo) e incluso podemos hacer que la animacin se desarrolle conjuntamente con
una msica (si bien esto ltimo necesitara que toda la pelcula estuviera descargada
previamente, para evitar "atascos" durante el desarrollo de la animacin). En definitiva, Flash
nos lo vuelve a poner fcil.
Si alguna vez habis intentado aadir un sonido a vuestra animacin Flash probablemente
os hayis llevado una gran decepcin, no conseguirlo. Esto se debe a que no se tiene en
cuenta que para poder emplear un objeto en nuestra pelcula, o bien lo creamos nosotros
(como llevamos haciendo hasta ahora) o bien lo conseguimos de cualquier otro modo y lo
insertamos en nuestra pelcula.
A esto ltimo se le llama "Importar" y se puede hacer con sonidos, grficos, e incluso con
otras pelculas Flash. Importar por tanto, no es ms que decirle a Flash que aada un
determinado archivo a nuestra pelcula, para que podamos usarlo cuando queramos. En
realidad, lo aade a nuestra Biblioteca, que es el Panel en el que estn todos los objetos
que participan en la pelcula (este Panel se ver ms adelante).
Flash 8 todo lo referente a los sonidos lo podemos editar desde el Panel Propiedades.
Aqu tenemos todo lo necesario para insertar, modificar y editar el sonido que
acabamos de importar. Si no hemos importado ningn sonido, nos daremos cuenta de
que no podemos seleccionar nada en dicho panel, basta insert arlo para que esto
cambie.
Para que aparezca la posibilidad de trabajar con sonidos, deberemos hacer clic en
algn fotograma de nuestra pelcula, tras hacer esto, el Panel Propiedades toma el
siguiente aspecto:
La opcin de flujo sincroniza el sonido con el o los objetos con los que est asociado, por
tanto, si la carga de la pelcula es lenta y las imgenes no fluyen adecuadamente, el sonido
se detendr para sincronizarse con ellas. Este efecto puede dar la sensacin de que la
pelcula se corta de un modo muy brusco (pensar en que se considera normal que una
imagen tarde en cargarse, pero si se detiene un sonido mientras se reproduce, produce una
reaccin muy negativa en los que pueden estar viendo nuestra pelcula).
Por otra parte, es un efecto muy adecuado para algunas situaciones, por ejemplo, el efecto
de que un personaje hable durante una pelcula. En esta situacin, es muy recomendable
que el sonido y las imgenes estn sincronizados.
Flash no fue creado como un editor de sonidos, por lo que su potencia en este campo es
limitada. Aun as, los efectos que permite aplicar de un modo sencillo suelen ser suficientes
para cualquier animacin que queramos realizar. Disponemos de estos efectos:
Esta es la apariencia del Panel Personalizar Sonido. La parte superior representa el canal
izquierdo y la parte inferior el canal derecho. Entre las 2 partes hay una lnea de tiempo
que nos indica el tiempo de sonido transcurrido en cada punto.
Las lneas grises representan el volumen del sonido y haciendo clic en ellas podemos
configurar este volumen.
En el ejemplo, el canal izquierdo se reproduce normalmente (pues el volumen est al
mximo), pero el canal derecho empieza en silencio, para poco a poco alcanzar el volumen
normal (este efecto equivaldra a un Aumento Progresivo en el canal derecho).
El peso en KB de una pelcula FLASH viene determinado por la suma del peso de todos los
fotogramas que la componen. El peso de cada fotograma est en funcin de su contenido.
Para poder ver una representacin grfica de los fotogramas puede utilizarse el Creador de
perfil para ancho de banda. Se activa cuando se est probando una pelcula (desde el men
control o por teclas Ctrl + Intro) con la combinacin de teclas Ctrl + B. El grfico de barras
muestra el peso en KB por cada fotograma de pelcula.
FLASH presenta diferentes vas para publicar y exportar los contenidos. Principalmente est
enfocado a la creacin de contenidos multimedia para Internet, pero tambin permite
exportar a ficheros autoejecutables (EXE), pelculas de vdeo (AVI, Quicktime...), mapas de
bits (JPG, BMP, GIF...). Cada formato tiene sus pros y sus contras, por lo que es interesante
tener claro desde un principio cul es el objetivo de nuestras creaciones.
Pre visualizacin de publicacin: Abrir directamente un formato concreto para ver cmo
est quedando.
Para exportar formatos ms concretos pueden utilizarse las opciones Exportar pelcula
y Exportar imagen.
Las pelculas FLASH se exportan en formato SW F y necesitan una pgina HTML para
poder ser visualizadas. Desde FLASH puede generarse automticamente el HTML que
permitir contener las pelculas SW F.
Las propiedades del HTML se ajustan desde la pestaa HTML de la opcin Configuracin
de publicacin, del men Archivo. Para generar el archivo puede pulsarse el botn
Publicar.
FLASH permite realizar pginas autoescalables; es decir, que sea cual sea el tamao de
la ventana, la pelcula se readaptara para ocupar siempre toda la ventana. Para activar
esta opcin es necesario hacerlo tambin con Dimensiones a porcentaje, y si es
necesario puede adaptarse el porcentaje de anchura por altura que debe cubrir.
Para que los archivos sean visibles desde Internet es necesario disponer de algn
servidor que ofrezca servicios de hospedaje. Hoy en da es fcil conseguir hospedaje
gratuito en multitud de servidores (Terra, Eresmas, Geocities...).
Para subir (copiarlos) los ficheros al servidor es necesario un programa de FTP. Dicho
programa es el encargado de establecer una conexin y copiar los ficheros en el disco
duro del servidor, momento a partir del cual las pginas ya sern visibles en la red.
www.softonic.com
www.tucows.com
www.download.com
Con FLASH pueden generarse ficheros independientes (formato EXE) que ya incorporan
el reproductor para as poder distribuir las creaciones en un disco, CD-ROM o
sencillamente enviarlas por e-mail.
En el caso de que la creacin FLASH est compuesta por una pelcula principal que
carga a otras en diferentes niveles, slo es necesario exportar como EXE la principal.
Las acciones pueden ser disparadas cuando la pelcula llegue a un fotograma concreto o
bien colocarlas dentro del evento de un botn.
PASO 1.- Comenzamos por crear un objeto. Por ejemplo un rectngulo, hacemos clic en la
Herramienta rectngulo, que se encuentra en el panel de herramientas.
PASO 2.- Dibujamos el rectngulo, ya tenemos un objeto cuyo relleno es de un nico color,
veamos cmo convertir este relleno en un degradado de varios colores.
PASO 6.- El panel del mezclador de colores se abre, ya podemos trabajar con l.
PASO 9.- Ahora editaremos los colores que formarn el degradado. Hacemos clic sobre el primer
marcador de color. Y selecciona el color que desee.
PASO 10.- Repetimos el proceso para el segundo marcador y selecciona el color que desee.
PASO 11.- Y ya tenemos un relleno formado por un degradado que contiene los colores que
hemos decidido.
PASO 2.- Despus insertamos un circulo de diferente color para posteriormente con la herramienta
cuenta gotas cambiar el relleno del objeto.
PASO 3.- Despus seleccionamos el crculo con la herramienta seleccin y damos un clic en el
crculo para seleccionarlo.
PASO 5.- Una vez seleccionada la herramienta cuenta gotas damos un clic sobre el rectngulo,
teniendo el circulo seleccionado esto para que al momento de dar clic se modifique el color del
crculo. Y por ltimo tenemos nuestro objeto modificado.
PASO 2.- Insertamos un fotograma clave en el fotograma 60 de nuestra lnea del tiempo.
PASO 3.- Luego nos posicionamos en el primer fotograma y creamos interpolacin de movimiento.
PASO 4.- De nuevo nos posicionamos en el primer fotograma y seleccionamos nuestro objeto.
PASO 5.- Despus nos posicionamos en el fotograma 60 y movemos nuestro objeto a dicho
fotograma.
PASO 1.- Insertamos un objeto a nuestro escenario, en este caso insertamos una estrella con la
herramienta Polystar.
PASO 2.- Despus damos clic sobre la figura con el botn secundario de nuestro mouse,
enseguida se mostrara un men del cual seleccionaremos la opcin convertir en smbolo.
PASO 3.- Damos un clic en convertir a smbolo y nos mostrara la siguiente ventana, en la cual se
seleccionar la opcin de clip de pelcula y tendr la opcin de cambiarle el nombre en este caso la
llamaremos estrella y le damos aceptar.
PASO 4.- Para entrar a la escena de nuestro clip de pelcula dar doble clic al objeto previamente
seleccionado, una vez que ya entramos nos muestra el clip de nuestra escena.
PASO 5.- Ya que estamos dentro de nuestra escena insertamos fotogramas claves para cambiar el
color de nuestro objeto. Por ejemplo en el fotograma 10 insertamos un fotograma clave, la
insercin de los fotogramas va a depender de la animacin o del cambio de color que usted desee
darle a su objeto.
PASO 6.- Para cambiarle el color a nuestro objeto nos posicionamos en el primer fotograma de la
lnea del tiempo de nuestro clip de pelcula y ah cambiamos el color del objeto, esto ser tambin
para todos los fotogramas que haya insertado.
PASO 6.- Para cambiarle el color a nuestro objeto nos posicionamos en el primer fotograma de la
lnea del tiempo de nuestro clip de pelcula y ah cambiamos el color del objeto, esto ser tambin
para todos los fotogramas que haya insertado.
PASO 7.- Una vez que ya haya cambiado los colores de su objeto para salir del clip de pelcula
tiene que dar un clic en escena1.
PASO 8.- Ya que terminamos nuestro clip de pelcula lo publicamos y veremos nuestra animacin.
PASO 2.- Le cambiamos el nombre a nuestra capa, para cambiar el nombre a la capa solo tienes
que posicionarte sobre la capa y le das doble clic, el cual te permitir cambiar de nombre.
PASO 3.- Despus inserto la gua de la capa, para insertar la gua dar doble clic en aadir gua de
movimiento y la gua aparecer encima de la capa de nuestro crculo.
PASO 5.- Luego me posiciono en el primer fotograma de la capa gua y selecciono la herramienta
Lpiz y comienzo a realizar la gua por donde va a pasar mi objeto.
PASO 7.- Una vez creada la interpolacin de movimiento mover nuestro objeto al final de la gua,
para que al momento de la publicacin nuestro objeto recorra toda la gua.
PASO 1.- Para crear un botn insertamos un rectngulo del color que desee en el rea de trabajo.
PASO 2.- Despus le agregamos texto a nuestro botn, con la herramienta texto la encontramos
en el panel de herramientas.
PASO 3.- Para convertir nuestro objeto en un botn, los seleccionamos con la herramienta de
Seleccin y con el botn secundario damos clic y elegimos la opcin convertir a smbolo.
PASO 4.- Una vez convertido en smbolo nos muestra otra ventana en la cual elegimos convertir a
smbolo BOTON y le cambiamos el nombre y le damos aceptar.
PASO 5.- Para entrar a los estados de nuestro botn le damos doble clic.
PASO 6.- Una vez que ya hayamos entrado a los estados de nuestro botn procedemos a insertar
fotogramas claves a cada uno de ellos.
PASO 7.- Ya que estamos dentro de los estados de nuestro botn procedemos a realizar las
animaciones que desee. Por ejemplo en el estado de sobre podemos hacer que nuestro botn
cambie de color y en presionado que su tamao cambie.
PASO 8.- Para salir de los estados de nuestro botn le damos en escena 1.
PASO 9.- Ahora veremos nuestro botn publicado.
PASO 1.- Para insertar una cuadricula a nuestro escenario nos vamos al men ver, cuadrcula y
elegimos mostrar cuadrcula.
PASO 2.- Una vez que ya elegimos la opcin mostrar cuadrcula nuestro escenario se vera de la
siguiente forma:
PASO 3.- Para cambiar el tamao de la cuadricula nos vamos al men ver, cuadrcula y elegimos
editar cuadrcula.
PASO 4.- Ya que elegimos la opcin de editar cuadrcula nos mostrara la siguiente ventana la cual
nos va a permitir cambiar el color de fondo, el tamao y ajuste de la cuadrcula
PASO 1.- Para importar una imagen a la biblioteca seleccionamos, en el men archivo, importar e
importar a la biblioteca.
PASO 2.- Una vez que elegimos la opcin importar a la biblioteca nos muestra otra ventana
(importar a biblioteca) en la cual especificamos la ruta de donde vamos a tomar la imagen para
importarla a nuestra biblioteca, la elegimos y le damos aceptar.
PASO 4.- Ahora arrastra al escenario la imagen que importamos a la biblioteca. Y ah tenemos la
imagen que importamos a nuestra biblioteca.
PASO 1.- Para insertar una imagen al escenario, seleccionamos en el men archivo, importar e
importar a escenario.
PASO 2.- Una vez que elegimos la opcin importar a escenario nos muestra una ventana
(Importar) en la cual vamos a elegir la imagen para importarla al escenario.
PASO 3.- Ahora nuestra imagen fue importada directamente al escenario, tambin aparece en el
panel de la biblioteca pero en esta ocasin no tuvimos que arrastrar la imagen desde la biblioteca
sino que directamente la importo al escenario.
PASO 1.- Para importar un sonido a la biblioteca seleccionamos, en el men archivo, importar e
importar a la biblioteca.
PASO 2.- Una vez que elegimos la opcin importar a la biblioteca nos muestra otra ventana
(importar a biblioteca) en la cual especificamos la ruta de donde vamos a tomar el sonido para
importarlo a la biblioteca.
PASO 3.- Una vez que importamos el sonido a la biblioteca lo arrastramos al igual que las
imgenes para ponerlo sobre el escritorio, como podemos ver el archivo de sonido ya fue
importado a la biblioteca, y para darnos cuenta de que el sonido si fue puesto en el escenario
observemos nuestra capa, la cual indica que el sonido fue importado a nuestro escenario.
PASO 1.- Para publicar documentos en flash en el men archivo elegimos la opcin de
configuracin de la publicacin.
PASO 2.- Ahora elegimos configuracin de la publicacin y nos muestra otra ventana en la cual
podemos seleccionar los formatos de la configuracin de la publicacin que usted desee.
Por ejemplo: Ah en las propiedades del documento podemos agregar un titulo, una descripcin,
as como tambin le podemos cambiar las dimensiones, el color de fondo y la velocidad de
fotogramas.
PASO 2.- Ahora tenemos el rea de trabajo configurada segn las especificaciones que le
agregamos.
Nota: Como podemos observar los objetos los podemos seleccionar en forma separada, se puede
seleccionar el relleno del objeto as como tambin el contorno o lnea del objeto.
PASO 2. Convertir en grfico el objeto. Para convertir a grfico damos clic con el botn secundario
sobre la figura y elegimos grfico.
PASO 3. Ya que nuestro objeto esta convertido en grfico, en las propiedades elegimos color y ah
elegimos alfa.
PASO 1. Comenzamos por insertar una nueva capa, hacemos clic en el botn nueva capa.
PASO 2. Queda insertada una nueva capa cuyo nombre es capa 2, si insertramos otra nueva
capa flash la llamara capa 3, segn las capas que desee insertar.
PASO 3. Cambiar el nombre a la capa. Para cambiar el nombre a la capa, se da doble clic sobre
capa 1 para editar el nombre de est.
INSTITUTO DE INFORMATICA - UANCV
MACROMEDIA FLASH 8
PASO 4. Eliminar capa. Para eliminar una capa, se selecciona la capa y despus dar un clic en el