You are on page 1of 14

1

INTRODUCCIN A FLASH
Flash es un programa para la creacin de: animacin en 2D y aplicaciones multimedia
interactivas. Genera archivos .fla, pero permite publicarlos segn la necesidad; para
visualizarlos con el plug-in de flash (Flash Player), los archivos son .swf, para
visualizarlos como pginas Web (en el navegador), los archivos son .html.
Animacin en 2D
Al indicar que Flash es un programa para la creacin de animaciones en 2 dimensiones
se est refiriendo a que maneja un plano con sus ejes x (horizontal) y y (vertical).
Animar no significa movimiento, significa que durante un tiempo hay una generacin
de cuadros que pueden tener cambios y simular una secuencia. Los grficos en 3
dimensiones no tienen lugar en este programa, no cuenta con eje z para ubicarse en el
espacio. Sin embargo s es posible simular una animacin en 3 dimensiones a travs
de cada uno de los cuadros que la conforman.
Aplicaciones multimedia interactivas
Multimedia es una palabra que se puede descomponer en mltiples medios, esto
significa que Flash permite la combinacin de Texto, imgenes, animaciones, vdeo y
sonido, que con un buen diseo y contenido se convierten en una aplicacin o
presentacin. Al permite adicionarle el concepto de interactividad, la aplicacin puede
ser controlada por el usuario, de esta forma, un mnimo de interactividad es cuando el
usuario puede seleccionar una opcin de un men y as poder ver el tema que desee
sin necesidad de pasearse secuencialmente por el contenido.
Tanto las animaciones como las aplicaciones multimedia interactivas pueden crearse
para ser vistas en disco (duro, cd, dvd) o en Internet. Despus de definir esto, debe
tener en cuenta las siguientes consideraciones:

Tamao de la pelcula
Resolucin del monitor
800 x 600 px
1024 x 768 px

Multimedia en
CD
800 x 600 px
1024 x 768 px

Pgina Web
780 x 415 px
980 x 580 px

Nota: Para utilizar tamaos superiores a 800 x 600 debe indicarse una nota al inicio de
la pelcula que diga:
Para una mejor visualizacin debe tener una resolucin de pantalla de 1024 x 768 px
Para banners, botones o cualquier otro objeto, el tamao de la pelcula debe ser del
mismo tamao que se necesita insertar en un archivo. Con una regla de pxeles (pxel
ruler1) mida los siguientes espacios que aparecen actualmente en la pgina principal de
la Universidad de Medelln (http://www.udea.edu.co):

Descrguela gratuitamente de Internet


http://www.mioplanet.com/products/pixelruler/index.htm
1

Material elaborado por: Claudia P. Vsquez L. y adaptado por Liliana Pez Cruz
Derechos reservados 2008

Tamao
en px.

Objeto

Peso de los archivos


Multimedia
700 Mb para todos los archivos, si se
presenta en CD
Para tamaos mayores utilizar DVD
u otros discos

Pgina Web
Mximo 120 Kb por cada archivo
html
para
ser
descargado
rpidamente en un equipo con
conexin va Mdem de 56Kb

Tipografas
Presentacin en CD
Cualquiera garantizando que el
equipo la tiene o recomendando su
instalacin, no debe olvidarse las
caractersticas de la tipografa para
una mejor lectura.

Pgina Web
Sans Serif, Times New Roma, Times,
Serif, Courier, Courier New, Georgia
Recomendables (palo seco):
Arial, Tahoma, Verdana, Trebuchet

Resolucin y formatos de imagen


Impresin
Resolucin
Formatos

Visualizacin en pantalla

Superior a 150 dpi


Recomendable: 300 dpi

Inferior a 150 dpi


Recomendable: 72 dpi

Enumere aqu los formatos


que usted conozca:

JPG, GIF
PNG: No es reconocido por
todos los navegadores

Material elaborado por: Claudia P. Vsquez L. y adaptado por Liliana Pez Cruz
Derechos reservados 2008

Cul
es
el
formato
recomendable
cuando
la
imagen tiene muchos colores
y degradados?
Indique cules son los ms
utilizados:
Cul es el formato
acepta transparencias?

que

Colores
Impresin
CMYK

Visualizacin en pantalla
RGB
HSB (Hue, Saturation, Bright)
Hexadecimal: Para pginas Web.

INTERFAZ DEL PROGRAMA


CAJA

DE HERRAMIENTAS
Activar/Desactivar la Caja de Herramientas
Men: Window Tools
Teclado: Ctrl + F2

Se ubica generalmente al lado izquierdo de la pantalla, contiene grupos de


herramientas organizados as:
Herramientas de seleccin y transformacin
Herramientas de dibujo y texto
Herramientas de relleno y trazo
Herramientas de visualizacin
Herramientas de colores
Opciones de la herramienta seleccionada.

Material elaborado por: Claudia P. Vsquez L. y adaptado por Liliana Pez Cruz
Derechos reservados 2008

En la parte superior de la barra aparece:

Este smbolo indica que la caja de herramientas se puede


visualizar en una sola lnea. El caso contrario cuando se quiere
visualizar tal como se ve en la figura.
Algunas herramientas tienen una flecha que indica que contiene
ms herramientas.
Cada herramienta se puede activar con teclado, a algunas de
ellas les corresponde la primera letra del nombre en ingls.
A continuacin se presentan las herramientas clasificadas segn
su funcin:
Herramientas de seleccin y transformacin
Espaol
Seleccin
Subseleccin
Transformacin libre
Transformacin de
degradado
Lazo

Herramientas de dibujo y texto


Espaol
Pluma
Aadir punto de ancla
Eliminar punto de ancla
Convertir punto de ancla
Texto
Lnea
Rectngulo
valo
Polystar
Lpiz
Pincel

Ingls

Ingls

Material elaborado por: Claudia P. Vsquez L. y adaptado por Liliana Pez Cruz
Derechos reservados 2008

Herramientas de relleno y trazo


Espaol
Bote de tinta
Cubo de pintura
Cuentagotas
Borrador

Ingls

Herramientas de visualizacin
Espaol

Ingls

Mano
Zoom
Herramientas de colores
Espaol
Color de trazo
Color de relleno
Blanco y negro
Intercambiar colores
Sin color

Ingls

Opciones de la herramienta
Estas opciones cambian para cada herramienta seleccionada, por ejemplo:
Transformacin
Seleccin
Lazo
Pincel
libre

BARRAS

Borrador

DE HERRAMIENTAS
Activar/Desactivar las Barras de Herramientas
Men: Window Toolbars

Flash cuenta con tres barras de herramientas:

Principal (Main)
Es la que se conoce generalmente en todos los programas como barra de herramientas
estndar, contiene los iconos ms comunes para el manejo de archivos, edicin y
transformacin de objetos

Material elaborado por: Claudia P. Vsquez L. y adaptado por Liliana Pez Cruz
Derechos reservados 2008

Opcin: Ajustar a objetos


Men:
View Snapping Snap to Object
Teclado: Ctrl + Shift + }
Opcin: Suavizar
Men:
Modify Shape - Smooth

Aparecen tambin en las


opciones de la
herramienta Seleccin
(V)

Opcin: Enderezar
Men:
Modify Shape - Straighten
Opcin: Rotar
Men:
Modify Transform Rotate and Skew
Opcin: Escalar
Men:
Modify Transform - Scale

Aparecen tambin en las


opciones de la
herramienta
Transformacin Libre (Q)

Opcin: Activar/Desactivar el panel Alineamiento


Men:
Window Align
Teclado: Ctrl + K

Controlador (Controller)
Es la que permite controlar la reproduccin de la
pelcula. De izquierda a derecha, contiene los iconos
para Detener, Ir al primer fotograma, Retroceder un
fotograma, Reproducir, Adelantar un fotograma, Ir al
ltimo fotograma

Barra de Edicin (Edit Bar)

Mediante la barra de edicin se puede:


Ocultar o mostrar la lnea de tiempo
Visualizar la escena donde se est trabajando
Configurar el espacio de trabajo
Editar la escena y los smbolos
Observar y modificar el porcentaje de visualizacin de la pelcula

LNEA

DE TIEMPO
Activar/Desactivar la Lnea de Tiempo
Men: Window Timeline
Teclado: Ctrl + Alt + T

Material elaborado por: Claudia P. Vsquez L. y adaptado por Liliana Pez Cruz
Derechos reservados 2008

rea de fotogramas

rea de
capas

ESCENARIO
Tambin conocido como ventana de documento. El rea de trabajo contiene elementos
que no se vern en la pelcula y el lienzo es el espacio con elementos de la escena.
Ver/Ocultar el rea de trabajo
Men: View Pasteboard
Teclado: Ctrl + Shift + W

rea de trabajo

Lienzo (hoja o escena)

PANELES
Panel Propiedades (Properties)
Est ubicado en la parte inferior de la ventana. Es el encargado de indicar las
propiedades de todos los objetos (formas, fotogramas, grupos, mapa de bits,
smbolos). Contiene tres ficheros: propiedades, filtros y parmetros.
Activar/Desactivar el Panel Propiedades
Men:
Windows Properties - Properties
Teclado: Ctrl + F3
A

Material elaborado por: Claudia P. Vsquez L. y adaptado por Liliana Pez Cruz
Derechos reservados 2008

A.
B.
C.
D.

Expandir y contraer el rea de informacin


Separar panel
Expandir y contraer panel
Men del panel

Otros Paneles
Son todas las ventanas que generalmente se ubican al lado derecho de la aplicacin o
aparecen flotantes, algunos de ellos son: Mezclador de colores, Muestras de color,
Componentes, entre otros.
Todos los paneles se activan y desactivan por el
men Window, cada uno tiene asignado un atajo
por teclado.
Organizar los paneles:
Men Window Workspace
Existen varias posibilidades de organizar el
espacio de trabajo con los paneles. Estas son:
predeterminado, iconos y texto, slo iconos.

La
resolucin
de
pantalla
para
visualizar
correctamente los elementos de la ventana de Flash
debe ser mnimo de 1024 x 768 pxeles, de lo
contrario es posible que los paneles no se visualicen
correctamente.

Ocultar/Mostrar todos los paneles:


Presionar F4

Material elaborado por: Claudia P. Vsquez L. y adaptado por Liliana Pez Cruz
Derechos reservados 2008

Guardar disposicin de paneles:


1. Organizar los paneles en el lugar deseado
2. Men Window Workspace Save Current
3. Digitar un nombre Ok
Utilizar la ubicacin de los paneles guardada:
Men Window Workspace seleccionar el nombre de la disposicin guardada.

REGLAS - GUAS - CUADRCULA - AJUSTE


Reglas (Rulers)
Activar/Desactivar las reglas
Men:
View Rulers
Teclado: Ctrl + Alt + Shift + R
Los archivos que se producen en Macromedia Flash son para visualizacin en pantalla,
es por esto que la unidad de medida de la regla debe estar en pxeles.
Cambiar o verificar la unidad de medida del
documento
Men:
Modify Document
Teclado: Ctrl + J

Guas (Guides)
Colocar las guas:
Arrastrar desde la regla
Borrar una gua:
Arrastrar la gua hacia la regla
utilizando
la
herramienta
Seleccin
Bloquear/Ocultar/Ajustar
y Editar guas:
Men View Guides

En la opcin editar guas se puede adicionalmente: borrar todas las guas y cambiar su
color.

Cuadrcula (Grid)

Material elaborado por: Claudia P. Vsquez L. y adaptado por Liliana Pez Cruz
Derechos reservados 2008

10

Activar/Desactivar la cuadrcula
Men:
View Grid
Teclado: Ctrl + (tilde)

Opciones de ajuste
Para ajustar los objetos a la cuadrcula, las guas, los pxeles, entre otros, se debe
activar la opcin deseada en el men View - Snnaping:

La opcin alineacin de ajuste (snap align) permite


mostrar una lnea punteada indicando el lugar de
alineacin, la figura se observa que al mover la elipse se
est ajustando al objeto rectngulo en la parte superior.

Las opciones de reglas, guas, cuadrcula y ajuste tambin aparecen al presionar clic
derecho sobre el escenario.

FORMAS DE VISUALIZACIN
UBICACIN

DEL LIENZO EN EL ESCENARIO

Estas son algunas de las opciones que se pueden utilizar para ubicar el lienzo en el
lugar deseado del escenario:
Procedimiento 1

Arrastrar sobre el escenario utilizando la herramienta Mano (H)


Procedimiento 2
Presionar Barra espaciadora + arrastrar sobre el escenario (esta opcin puede ser
utilizada teniendo activada cualquier herramienta)

Material elaborado por: Claudia P. Vsquez L. y adaptado por Liliana Pez Cruz
Derechos reservados 2008

11

ZOOM

DEL LIENZO

Existen varios procedimientos para visualizar la escena:


Procedimiento 1
Cambiar el porcentaje de visualizacin en la lnea de tiempo.

Tambin permite escoger las opciones:


Mostrar Todo (Ctrl + 3): Acerca todos los objetos ubicados en el escenario
Mostrar Fotograma (Ctrl + 2): Encaja el lienzo en el escenario.
Procedimiento 2
Herramienta Zoom (M o Z): Permite acercar o alejar presionando clic
sobre el escenario, depende del icono activado en el rea de opciones de la
caja de herramientas.
Para alejar tambin se puede presionar Alt + Clic sobre el escenario con la
herramienta Zoom.
Procedimiento 3
Teclado:
Acercar
Alejar
Encajar a la ventana
(Mostrar Fotograma)
Visualizacin 100%

Ctrl + +
Ctrl + Ctrl + 2

Estos atajos por teclado slo funcionan con el


teclado alfanumrico

Ctrl + 1

Procedimiento 4
Men View - Magniication
Procedimiento 5
Otros procedimientos rpidos son:

Doble clic sobre la herramienta Mano = Mostrar Fotogramas


Doble clic sobre la herramienta Zoom = Visualizar 100%

Material elaborado por: Claudia P. Vsquez L. y adaptado por Liliana Pez Cruz
Derechos reservados 2008

12

Ubicados en cualquier herramienta que no sea Mano y Zoom, puede utilizar las
siguientes teclas:
Barra espaciadora = Mano
Ctrl + Alt + Barra espaciadora = Zoom para alejar
Ctrl + Barra espaciadora = Zoom para acercar

MODO

DE VISTA PREVIA

La opcin contornos (outlines)


muestra nicamente el trazo del
objeto, rpido (fase) muestra
los objetos de baja calidad,
suavizado (antii-alias) muestra
los objetos de buena calidad.
Estas opciones se encuentran en
el men View Preview Mode.
Observe la diferencia en la
calidad del trazo de cada una:
Outlines

Fast

Anti-Alias

Es til para visualizar


objetos que hay detrs
de otros

La pantalla se redibuja
ms rpido, es til
cuando la pelcula est
muy pesada

Muestra los objetos en su


calidad original

OBJETOS EN FLASH CS3


Flash acepta diferentes tipos de objetos, al seleccionarlo su nombre aparece en el
panel propiedades. Estos son:
Identificacin

Descripcin

Forma

Objeto vectorial que se corta al sobreponerse


con otras formas (Dibujos de fusin)

Objeto de
dibujo

Objeto vectorial que no se corta al


sobreponerse con otros objetos

Rectngulo
simple
(primitive)

Rectngulo con posibilidad de redondear las


esquinas

Material elaborado por: Claudia P. Vsquez L. y adaptado por Liliana Pez Cruz
Derechos reservados 2008

13

Identificacin

Descripcin

valo simple
(primitive)

Elipse con posibilidad de modificar el radio


interior

Grupo

Objetos agrupados

Mapa de bits

Imgenes

Mezclado

Varios tipos de objetos

Grfico

Objeto convertido en smbolo grfico

Clip de pelcula

Objeto convertido en smbolo clip de pelcula

Botn

Objeto convertido en smbolo botn

DIBUJO DE OBJETOS VECTORIALES


Los objetos vectoriales en flash pueden ser creados utilizando dos modelos: modelo de
dibujo de fusin y modelo de dibujo de objeto. En el primer caso el panel
propiedades los identifica como forma y en el segundo caso como objeto de dibujo. Se
utilizan con las herramientas: Lpiz, Lnea, Pincel, valo, Rectngulo y Polystar.

MODELO

DE DIBUJO DE FUSIN

(FORMAS)

Este modelo tiene dos caractersticas:


1. Conjunto de vectoriales
Una forma en Flash est compuesta por un conjunto de vectoriales, as, un rectngulo
puede tener 4 lneas y un relleno (5 vectoriales, compuestos a su vez por otras
pequeas partes).
2. Superposicin
Al dibujar formas que se superpongan a otras, las intersecciones sern cortadas por las
nuevas formas.
Esto es porque no actan como entes completos segn la
caracterstica anterior.

Material elaborado por: Claudia P. Vsquez L. y adaptado por Liliana Pez Cruz
Derechos reservados 2008

14

Segn esto, las formas no pueden tener niveles de atrs y adelante; para organizarlas
y trabajarlas independientemente existen algunas alternativas:
1. Convertirlas en objetos de dibujo
2. Crear grupos
3. Utilizar capas
4. Crear smbolos
Convertir una forma de modelo de dibujo de fusin a modelo de dibujo de
objeto:
Men Modify Combine Objects Union
Convertir una forma de modelo de dibujo de objeto a modelo de dibujo de
fusin:
Existen dos procedimientos:
Men Modify Ungroup (Ctrl + Shift + G)
Men Modify Break Apart (Ctrl + B)

MODELO

DE DIBUJO DE OBJETO

(OBJETO

DE DIBUJO)

Para dibujar vectoriales con el modelo de dibujo de objeto se debe activar el icono
.
Con esta opcin los objetos no se cortan los objetos al sobreponerse.

Ejemplo

HERRAMIENTAS

Dibujo de fusin
(Forma)
Se corta con las dems
formas

Dibujo de objeto
(Objeto de dibujo)
No se corta, aparece con
un
marco
azul
al
seleccionarlo.

DE DIBUJO

Las herramientas de dibujo disponibles en flash son: lnea, valo, rectngulo, lpiz,
polystar, pincel, valo simple, rectngulo simple y pluma. Todas pueden ser utilizadas
como dibujos de fusin o dibujos de objeto.
El procedimiento general para la creacin de los objetos vectoriales es seleccionar la
herramienta y arrastrar sobre el escenario.
Utilice Shift + Arrastar para crear un objeto proporcional, como por ejemplo un crculo
o un cuadrado. Tambin para lneas rectas de 0, 45 y 90.
Utilice Alt + Arrastrar para crear objetos vectoriales desde el centro. Tambin puede
combinar Shift + Alt + Arrastrar para crear figuras proporcionales desde el centro.

Material elaborado por: Claudia P. Vsquez L. y adaptado por Liliana Pez Cruz
Derechos reservados 2008

You might also like