Computacin III

UCC-LEON

Unidad I :Aspectos bsicos de Adobe Flash y espacio de trabajo.

Tema:

Adobe Flash y sus aplicaciones

Espacio de trabajo de Adobe Flash
La Barra de Men
La Barra de Herramienta

Objetivos

Conocer la importancia de adobe Flash CS4 para realizar animaciones

interactivas.
Ordenar el escenario lnea de tiempo y caja de herramientas de Adobe Flash
en el diseo grfico para realizar correctamente animaciones.

Contenido
Flash ha conseguido hacer posible lo que ms se echa en falta en
Internet: Dinamismo, y con dinamismo no slo nos referimos a las
animaciones, sino que Flash permite crear aplicaciones interactivas
que permiten al usuario ver la web como algo atractivo, no esttico
(en contraposicin a la mayora de las pginas, que estn realizadas
empleando el lenguaje HTML). Con Flash podremos crear de modo
fcil y rpido animaciones de todo tipo, desde un botn a un complejo
juego.
Adems sus desarrolladores estn apostando muy fuerte por
ActionScript, el lenguaje de programacin Flash. A cada versin se
mejora y ofrece un abanico de posibilidades cada vez mayor, por lo
que adems de dinamismo, Flash nos ofrece la posibilidad de ser la
plataforma para aplicaciones web de un modo real.
Flash es fcil de aprender, tiene un entorno amigable que nos invita a
sentarnos y pasar horas y horas creando lo que nos dicte nuestra
imaginacin, pero esto no es suficiente para ser el preferido por los
diseadores profesionales.
Flash, ventajas y desventajas
El principal uso de Flash se da en el mundo de la web. Desde la
creacin de pequeos botones o banners publicitarios, hasta webs
totalmente basadas en esta tecnologa, Internet est repleta de
animaciones Flash.
Como todo, Flash presenta tanto ventajas como inconvenientes:

El tiempo de carga. Mientras que una pgina HTML puede

ocupar unos 10-20 KB como media, una animacin Flash
ocupa mucho ms. Evidentemente depende del contenido que

Lic. Rider Sarria

Diseo Grfico Publicitario

Computacin III

UCC-LEON

tenga, pero suelen superar los 100 KB con facilidad, y si

adems incorpora sonidos es fcil que la cifra se dispare. Al
ocupar ms espacio, el tiempo que tarda en estar visible el
contenido Flash es mayor y no todos los visitantes estn
dispuestos a esperar... simplemente, se irn a otra pgina.

Los buscadores. Son capaces de indexar el contenido de

nuestra pgina, el texto, pero no el contenido del Flash, ya
que no lo pueden leer, lo que afectar negativamente al
posicionamiento de la pgina. Y hoy en da es crucial para una
web encontrarse bien posicionada. No obstante, los
buscadores trabajan para solucionar este problema, pero de
momento la mejor forma de solucionarlo es crear un diseo
paralelo sin Flash, lo que aumenta el trabajo.

Flash requiere de plugins para poder visualizarse, y el

hecho de no tenerlos instalados, o de que un navegador tenga
los scripts deshabilitados por seguridad, impedirn la
visualizacin del Flash. Este plugin lo suelen incorporar la
mayora de navegadores, es gratuito y se puede instalar
desde aqu de forma muy intuitiva, pero siempre habr
usuarios que prefieran salir de nuestra pgina si tienen que
instalar "algo raro".

Compatibilidad con distintos dispositivos. Cada vez es

ms frecuente acceder a la web con telfonos mviles y PDAs,
y muchos de ellos no soportan Flash.

Flash es una tecnologa propietaria de Adobe, por lo que

su futuro depende de lo que esta compaa quiera hacer con
l.

Otro aspecto a tener en cuenta es la usabilidad de las

pginas Flash, a veces se cae en la tentacin de dar
demasiada importancia al diseo y olvidarse de que la pgina
debe ser fcil de usar, aunque es ms un error de diseo que
del propio Flash.

Por supuesto su fuerte uso en la web se debe a que tambin

aporta ventajas:

La web se vuelve muy vistosa y atractiva, adems de aadirle

ms interactividad. El aspecto visual es muy importante para
la web, ya que al visitante, sobre todo al principio, "le entra
por los ojos".

Lic. Rider Sarria

Diseo Grfico Publicitario

Computacin III

UCC-LEON

Con un poco
vuelve rpido.

Compatibilidad con navegadores. Uno de los principales

problemas en el diseo web es que el resultado no tiene por
qu verse igual en todos los navegadores. Con Flash, nos
aseguramos de que lo que hemos creado es exactamente lo
que se ver.

Por tanto, se hace necesario cuando lo que se necesita es que

el usuario pueda interactuar completamente con el contenido.

de

prctica,

el desarrollo con

Flash

se

Flujo de trabajo general de Flash

Para crear una aplicacin Flash, se realizan

normalmente los pasos bsicos siguientes:
Planificar la aplicacin.
Decida las tareas bsicas que realizar la aplicacin.
Aadir elementos multimedia.
Cree e importe elementos multimedia como imgenes, vdeo, sonido
y texto.
Organizar los elementos.
Organice los elementos multimedia en el escenario y en la lnea de
tiempo para definir cundo y cmo aparecern en la aplicacin.
Aplicar efectos especiales.
Aplique filtros grficos (como desenfoques, iluminados y biseles),
mezclas, adems de otros efectos especiales que considere
oportunos.
Utilizar ActionScript para controlar el comportamiento.
Escriba cdigo ActionScript para controlar cmo se comportarn los
elementos multimedia, incluido cmo correspondern los elementos a
las interacciones del usuario.
Probar y publicar la aplicacin.
Realice pruebas para verificar que la aplicacin funciona del modo
deseado; asimismo, busque y solucione los errores que encuentre. La
aplicacin se debe probar durante todo el proceso de creacin.
Publique el archivo FLA como archivo SWF para que pueda mostrarse
en una pgina Web y reproducirse con Flash Player.

Lic. Rider Sarria

Diseo Grfico Publicitario

Computacin III

UCC-LEON

Segn el proyecto y el estilo de trabajo, se puede cambiar el orden de

estos pasos.

Informacin general sobre el espacio de trabajo

Cree y manipule los documentos y los archivos empleando distintos
elementos como paneles, barras y ventanas. Cualquier disposicin de
estos elementos se denomina espacio de trabajo. Los espacios de
trabajo de las distintas aplicaciones de Adobe Creative Suite 4
tienen el mismo aspecto para facilitar el cambio de una a otra.
Adems, si lo prefiere, puede adaptar cada aplicacin a su modo de
trabajar seleccionando uno de los varios espacios de trabajo
preestablecidos o creando otro personalizado.
Aunque el diseo del espacio de trabajo predeterminado vara en
funcin del producto, los elementos se manipulan de manera muy
parecida en todos los casos.

Descripcin general de la pantalla de bienvenida

Cuando se ejecuta Flash sin documentos abiertos, aparece la pantalla
de bienvenida. Esta pantalla presenta las cuatro reas siguientes:
Abrir un elemento reciente
Permite abrir los ltimos documentos que se han abierto (haga clic en
el icono Abrir).
Crear nuevo
Muestra los tipos de archivo de Flash, como documentos de Flash y
archivos de ActionScript.
Crear a partir de plantilla
Muestra las plantillas que ms se utilizan para crear documentos de
Flash.
Extender
Incluye vnculos con el sitio Web de Flash Exchange, desde donde
puede descargar aplicaciones auxiliares, extensiones e informacin
relacionada.
La pantalla de bienvenida ofrece tambin acceso rpido a recursos de
la Ayuda. Puede realizar una visita guiada de Flash, conocer los
recursos de documentacin y buscar centros de formacin
autorizados de Adobe.

Lic. Rider Sarria

Diseo Grfico Publicitario

Computacin III

UCC-LEON

Para ocultar la pantalla de bienvenida, seleccione No volver a

mostrar esta pgina.
Para mostrar la pantalla de bienvenida, seleccione Edicin >
Preferencias
(Windows)
o
Flash >
Preferencias
(Macintosh) y elija la pantalla de bienvenida en el men Al
iniciar de la categora General.
La interfaz de Flash CS4

Flash CS4 cuenta con un entorno o interfaz de trabajo renovada de lo

ms manejable e intuitiva. Adems, tiene la ventaja de que es similar
a la de otros programas de Adobe (Photoshop, Dreamweaver,
Illustrator...), todo esto hace ms fcil aprender Flash y ms rpido
su manejo y dominio. Esto es lo que nos encontraremos al abrir Flash
CS4 por primera vez:

La Barra de Mens

La Barra de Mens tiene como propsito facilitar el acceso a las

distintas utilidades del programa. Es similar a la de cualquier otro
programa de diseo web o grfico, aunque tiene algunas
Lic. Rider Sarria

Diseo Grfico Publicitario

Computacin III

UCC-LEON

particularidades. Veamos los principales Submens a los que se

puede acceder:
Archivo: Permite crear nuevos archivos, abrirlos, guardarlos...
Destaca la potencia de la utilidad Importar que inserta en la pelcula
actual casi todo tipo de archivos (sonidos, vdeo, imgenes e incluso
otras pelculas Flash), o la de Configuracin de Publicacin desde
donde se pueden modificar las caractersticas de la publicacin.
Tambin permite configurar la impresin de las pginas, imprimirlas...
Edicin: Es el clsico men que te permite Cortar, Copiar,
Pegar... tanto objetos o dibujos como fotogramas; tambin permite
personalizar algunas de las opciones ms comunes del programa.
Ver: Adems de los tpicos Zooms,
fotogramas y por las escenas. Tambin
una cuadrcula y unas guas. Esto se
submens Cuadrcula y Guas desde
configurar sus opciones.

te permite moverte por los

incluye la posibilidad de crear
puede seleccionar desde los
donde tambin se pueden

Insertar: Permite insertar objetos en la pelcula, as como nuevos

fotogramas, capas, acciones, escenas...
Modificar: La opcin Transformar permite modificar los grficos
existentes en la pelcula, y la opcin Trazar Mapa de Bits convierte los
grficos en mapas vectoriales (este tema se tratar ms adelante). El
resto de opciones permite modificar caractersticas de los elementos
de la animacin Suavizar, Optimizar o de la propia pelcula (Capa,
Escena ...).
Texto: Sus contenidos afectan a la edicin de texto. Ms adelante se
tratar en profundidad.
Comandos: Permite administrar los Comandos (conjunto de
sentencias almacenadas que permiten emular lo que un usuario
pueda introducir en el entorno de edicin) que hayamos almacenado
en nuestra animacin, obtener otros nuevos de la pgina de
Macromedia o ejecutar los que ya tengamos.
Control: Desde aqu se modifican las propiedades de reproduccin de
la pelcula. Reproducir, Rebobinar, Probar Pelcula....
Depurar: Aqu encontraremos las opciones de depuracin de la
pelcula que te ayudarn a encontrar errores de programacin en
ActionScrit, entre ellos se encuentran Entrar, Pasar, Salir, Continuar...
Ventana: Este men, adems de las opciones clsicas acerca de
cmo distribuir las ventanas, incluye accesos directos a todos los
Lic. Rider Sarria

Diseo Grfico Publicitario

Computacin III

UCC-LEON

paneles y tambin la posibilidad de crear tus propios Espacios de

Trabajo, guardarlos, cargarlos, etc.
Ayuda: Desde aqu podemos acceder a toda la ayuda que nos ofrece
Adobe, desde el manual existente, hasta el diccionario de Action
Script, pasando por tutoriales, lecciones guiadas etc..

Utilizacin del escenario

El escenario es un rea rectangular en la que se coloca el contenido
grfico al crear documentos de Flash. El escenario del entorno de
edicin representa el espacio rectangular de Flash Player o del
navegador Web donde se muestra el documento durante la
reproduccin. Para cambiar el aspecto del escenario mientras trabaja,
utilice las opciones Acercar y Alejar. Puede utilizar la cuadrcula, las
guas y las reglas como ayuda para colocar los elementos en el
escenario.

La lnea de tiempo y el escenario con contenido.

Sobre el escenario dibujaremos y colocaremos los diferentes

elementos de la pelcula que estemos realizando. El escenario tiene
unas propiedades muy importantes, ya que coinciden con
las Propiedades del documento. Para acceder a ellas, hagamos clic
con el botn derecho sobre cualquier parte del escenario en la que no
haya ningn objeto y despus sobre Propiedades del documento:
Aade metadatos a tus archivos para una mejor inclusin de estos en
los motores de bsqueda rellenando los campos de Ttulo y
Descripcin.

Lic. Rider Sarria

Diseo Grfico Publicitario

Computacin III

UCC-LEON

Dimensiones: Determinan el tamao de la pelcula. El tamao

mnimo es de 1 x 1 px (pxeles) y el mximo de 2880 x 2880 px.
Coincidir: Provocan que el tamao de la pelcula coincida con el
botn seleccionado (tamao por defecto de la Impresora, Contenidos
existentes o los elegidos como Predeterminados)
Color de Fondo: El color aqu seleccionado ser el color de fondo de
toda la pelcula.

Veloc. Fotogramas: O nmero de fotogramas por segundo que

aparecern en la pelcula.
Unidades de Regla: Unidad que se emplear para medir las
cantidades.
Transformar en predeterminado: Este botn, propio de la nueva
versin de Flash, permite almacenar las propiedades del documento
actual y aplicarlas a todos los documentos nuevos que se creen desde
ese instante en adelante. Estas propiedades por supuesto podrn ser
alteradas desde este panel cuando se desee.
Cmo acercar el escenario

Para ver el escenario completo en la pantalla, o para ver un rea

determinada del dibujo muy ampliada, modifique el grado de
aumento. El grado mximo de aumento depende de la resolucin del
monitor y del tamao del documento. El valor mnimo para acercar el
escenario es 8%. El valor mximo para alejar el escenario es 2.000%.

Para acercar un elemento determinado, seleccione la

herramienta Zoom en el panel Herramientas y haga clic en
el elemento. Para cambiar entre las funciones de acercar y
alejar de la herramienta Zoom, utilice los modificadores

Lic. Rider Sarria

Diseo Grfico Publicitario

Computacin III

UCC-LEON

Aumentar o Reducir (del rea de opciones del panel

Herramientas
cuando
la
herramienta
Zoom
est
seleccionada), o haga clic con la tecla Alt presionada
(Windows) o con la tecla Opcin presionada (Macintosh).

Para acercar de forma que una zona concreta del dibujo llene
la ventana, arrastre una seleccin rectangular del escenario
con la herramienta Zoom.

Para acercar o alejar todo el escenario, seleccione Ver >

Acercar o Ver > Alejar.

Para acercar o alejar con un determinado porcentaje, elija Ver

> Aumentar y seleccione un porcentaje del submen, o bien
elija un porcentaje del control de zoom situado en la esquina
superior derecha de la ventana del documento.

Para cambiar la escala del escenario de modo que se ajuste

completamente a la ventana de la aplicacin, seleccione
Ver >Aumentar y reducir > Ajustar a ventana.

Para mostrar el contenido del fotograma actual, seleccione

Ver > Aumentar y reducir > Mostrar todo, o bien elija Mostrar
todo en el control de zoom situado en la esquina superior
derecha de la ventana de la aplicacin. Si la escena est
vaca, aparece todo el escenario.

Para mostrar todo el escenario, seleccione Ver > Aumentar y

reducir > Mostrar fotograma o elija Mostrar fotograma en el
control de zoom situado en la esquina superior derecha de la
ventana del documento.

Para mostrar el espacio de trabajo que rodea al escenario, o

para ver elementos de una escena situados parcial o
completamente fuera del escenario, seleccione Ver > rea de
trabajo. El rea de trabajo aparece en gris claro. Por ejemplo,
para hacer que un pjaro entre volando en un fotograma,
debe colocar inicialmente el pjaro fuera del escenario en el
rea de trabajo y animarlo de modo que entre en el rea del
escenario.

Desplazamiento de la vista del escenario

Al acercar el escenario con el zoom, es posible que no se vea todo su
contenido. Para cambiar la vista sin tener que modificar el valor de
ampliacin, desplace el escenario con la herramienta Mano.

Lic. Rider Sarria

Diseo Grfico Publicitario

Computacin III

UCC-LEON

En el panel Herramientas, seleccione la herramienta Mano y

arrastre el escenario. Para utilizar temporalmente otra herramienta
diferente de la herramienta Mano, mantenga presionada la barra
espaciadora y haga clic en la herramienta del panel Herramientas.
Utilizacin de reglas
Cuando las reglas estn visibles, aparecen en la parte superior y a la
izquierda del documento. Puede cambiar la unidad de medida que se
utiliza en las reglas; la unidad predeterminada es pxeles. Al mover
un elemento en el escenario con las reglas visibles, aparecern unas
lneas en las reglas indicando las dimensiones del elemento.

Para mostrar u ocultar las reglas, seleccione Ver > Reglas.

Para especificar la unidad de medida de las reglas para un

documento,
seleccione
Modificar >
Documento
y, a
continuacin, elija una unidad en el men Unidades de regla.

Lic. Rider Sarria

Diseo Grfico Publicitario