¿Qué es FLASH?
Flash fue creado con el objeto
de realizar animaciones y diseños vistosos para la web, así como para crear.
La interfaz de Flash CS4
Flash CS4 cuenta con un entorno
o interfaz de trabajo renovada de lo más manejable e intuitiva. Además,
tiene la ventaja de que es similar a la de otros programas de Adobe
(Photoshop, Dreamweaver, Illustrator...), todo esto hace más fácil
aprender Flash y más rápido su manejo y dominio. Esto es
lo que nos encontraremos al abrir Flash CS4 por primera vez:
La Barra de Menús
La
Barra de Menús tiene como propósito facilitar el acceso a las distintas utilidades
del programa. Es similar a la de cualquier otro programa de diseño
web o gráfico, aunque tiene algunas particularidades. Veamos los
principales Submenús a los
que se puede acceder:
Archivo: Permite crear nuevos archivos, abrirlos,
guardarlos... Destaca la potencia de la utilidad Importar
que inserta en la película actual casi todo tipo de archivos (sonidos,
vídeo, imágenes e incluso otras películas Flash),
o la de Configuración de Publicación
desde donde se pueden modificar las características de la publicación.
También permite configurar la impresión de las páginas,
imprimirlas...
Edición: Es el clásico menú
que te permite Cortar, Copiar, Pegar...
tanto objetos o dibujos como fotogramas; también permite personalizar
algunas de las opciones más comunes del programa.
Ver: Además de los típicos Zooms,
te permite moverte por los fotogramas y por las escenas. También
incluye la posibilidad de crear una cuadrícula y unas guías.
Esto se puede seleccionar desde los submenús Cuadrícula
y Guías desde donde también se pueden configurar
sus opciones.
Insertar: Permite insertar objetos en la
película, así como nuevos fotogramas, capas, acciones, escenas...
Modificar: La opción Transformar
permite modificar los gráficos existentes en la película,
y la opción Trazar Mapa de Bits
convierte los gráficos en mapas vectoriales (este tema se tratará
más adelante). El resto de opciones permite modificar características
de los elementos de la animación Suavizar,
Optimizar o de la propia película (Capa,
Escena ...).
Texto: Sus contenidos afectan a la edición
de texto. Más 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 edición) que hayamos
almacenado en nuestra animación, obtener otros nuevos de la página de
Macromedia o ejecutar los que ya tengamos.
Control: Desde aquí se modifican las
propiedades de reproducción de la película. Reproducir, Rebobinar, Probar Película....
Depurar: Aquí encontraremos las
opciones de depuración de la película que te ayudarñan a encontrar
errores de progrmación en ActionScrit, entre ellos se encuentran Entrar, Pasar, Salir, Continuar...
Ventana: Este menú, además de
las opciones clásicas acerca de cómo distribuir las ventanas,
incluye accesos directos a todos los paneles y también 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...
La Línea de Tiempo
La Línea de Tiempo representa
una forma de ver los fotogramas de modo simplificado. Consta de 2 partes.
1) Los Fotogramas (frames) que vienen delimitados por líneas verticales (formando
rectángulos)
2) Los Números
de Fotograma que permiten saber qué número tiene
asignado cada fotograma, cuánto dura o cuándo aparecerá
en la película.
Además, en la parte inferior hay herramientas
para trabajar con Papel cebolla e
información sobre el Número de
Fotograma actual (1 en la imagen), la Velocidad
de los Fotogramas (24.0 en la imagen) y el Tiempo de película transcurrido (0.0s en la imagen).
A nivel conceptual, la Línea
de Tiempo representa la sucesión de Fotogramas en el
tiempo. Es decir, la película Flash no será nada más
que los fotogramas que aparecen en la Línea
de tiempo uno detrás de otro, en el orden que establece
la misma Línea de tiempo.
Las Capas
El concepto de Capa es fundamental
para manejar Flash de forma eficiente.
Una Capa se puede
definir como una película independiente de un único nivel.
Es decir, una capa contiene su propia
Línea de Tiempo (con infinitos fotogramas).
Los objetos que estén en una determinada capa
comparten fotograma y por tanto, pueden "mezclarse" entre sí.
Esto es interesante a menudo, pero otras veces es conveniente separar
los objetos de modo que no interfieran entre sí. Para ello, crearemos
tantas capas como sea necesario. El uso de múltiples capas además,
da lugar a películas bien ordenadas y de fácil manejo (es
conveniente colocar los el código ActionScript en una capa independiente llamada "acciones",
por ejemplo). Las ventajas y desventajas de usar capas se verá
en la unidad referente a Capas.
El Escenario
A continuación veremos las diferentes partes que conforman el Área de trabajo empezaremos con la más importante: el Escenario.
Sobre el escenario dibujaremos y colocaremos los diferentes elementos
de la película 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 botón derecho sobre cualquier
parte del escenario en la que no haya ningún objeto y después sobre Propiedades del documento:
Añade metadatos a tus archivos para una mejor inclusión de estos en los motores de busqueda rellenando los campos de Título y Descripción.
Dimensiones: Determinan el tamaño de la película. El tamaño mínimo es de 1 x 1 px (píxeles) y el máximo de 2880 x 2880 px.
Coincidir: Provocan que el
tamaño de la película coincida con el botón seleccionado (tamaño 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 película.
Unidades de Regla: Unidad que se empleará para medir las cantidades.
Las Vistas o Zooms
La Herramienta Zoom
se emplea para acercar o alejar la vista de un objeto, permitiendo abarcar más
o menos zona del Entorno de Trabajo. Cada
vez que hagamos clic en con el Zoom duplicaremos el porcentaje indicado en el desplegable
Zooms.
Panel Zooms: Son un conjunto de accesos directos a Submenús
existentes en el Menú Ver.
Son muy útiles y ayudan a acelerar el trabajo cuando se emplean
correctamente.
Los Paneles
Los Paneles son conjuntos de comandos
agrupados según su función (por ejemplo, todo lo que haga
referencia a las acciones, irá en el Panel Acciones).
Su misión es simplificar y facilitar el uso de los comandos.
Estos paneles o ventanas se encuentran organizados en el lateral
derecho del área de trabajo. Pudiéndose expandir o minimizar con un clic
de ratón.
Si no están visibles en el lateral derecho, puedes visualizarlos desplegando el menú Ventana y haciendo clic sobre el nombre del panel que quieras mostrar.
Para mejorar la experiencia del usuario, Flash permite cargar y
guardar tus propias disposiciones de paneles, para que si en algún
momento el entorno se vuelve un poco caótico puedas recuperar tu
configuración elegida desde el menú Ventana.
Para ello deberás acceder a la opción Ventana → Espacio de trabajo → Nuevo espacio de trabajo y asignar un nombre a nuestro nuevo espacio.
La barra de Herramientas. Herramientas básicas
La Barra de Herramientas contiene todas
las
Herramientas necesarias para el dibujo. Algunas herramientas llevan
asociados modificadores de herramientas, que permiten cambiar algunas
propiedades de la herramienta, y que aparecen al final del panel de herramientas. Veamos las herramientas más importantes:
- Herramienta Selección (flecha): . Es la herramienta más usada de todas. Su uso principal es para seleccionar objetos, permite seleccionar los bordes de los objetos (con doble clic), los rellenos (con un sólo clic), zonas a nuestra elección... Su uso adecuado puede ahorrarnos tiempo en el trabajo.
- Herramienta Texto: Crea un texto en el lugar en el que hagamos clic. Sus propiedades se verán en el tema siguiente.
- Herramienta Línea: Permite crear líneas rectas de un modo rápido. Las líneas se crean como en cualquier programa de dibujo, se hace clic y se arrastra hasta donde queramos que llegue la línea recta. Una vez creada la podemos modificar situando el cursor encima de los extremos para estirarlos y en cualquier otra parte cercana a la recta para curvarla.
- Herramienta de forma: Permite dibujar formas predefinidas como las que aparecen en la imagen, la última herramienta utilizada es la que aparece como icono en la barra de herramientas. Manteniendo pulsado el icono podremos acceder a las diferentes herramientas de forma. Por ejemplo:
- La herramienta Óvalo permite dibujar círculos o elipses de manera rápida y sencilla.
- Herramienta Lápiz: Es la primera herramienta de dibujo propiamente dicho. Permite dibujar líneas con la forma que decidamos, modificando la forma de estas a nuestro gusto. El color que aplicará esta herramienta se puede modificar, bien desde el Panel Mezclador de Colores o bien desde el subpanel Colores que hay en la Barra de Herramientas.
- Herramienta Pincel: Su funcionalidad es parecida a la del lápiz, pero por defecto su trazo es más grueso e irregular. Se suele emplear para aplicar rellenos. Se puede modificar su herramientas.
- Herramienta Cubo de pintura: Permite aplicar rellenos a los objetos que hayamos creado. Al contrario que muchos otros programas de dibujo, no permite aplicar rellenos si la zona no está delimitada por un borde. El color que aplicará esta herramienta se puede modificar, bien desde el Panel Color o bien desde el subpanel Relleno que hay en la Barra de Herramientas.
- Herramienta Borrador: Su funcionamiento es análogo a la Herramienta Pincel. Pero su función es la de eliminar todo aquello que "dibuje".
La barra de Herramientas. Herramientas avanzadas
Herramienta Lazo:
Su función es complementaria a la de la herramienta Flecha, pues puede seleccionar cualquier cosa, sin importar
la forma, (la Herramienta Flecha sólo puede seleccionar objetos
o zonas rectangulares o cuadradas). En contrapartida, la Herramienta Lazo no puede seleccionar rellenos u objetos (a menos que
hagamos la selección a mano).
Al seleccionar esta herramienta, en el Panel de Herramientas aparecen estos botones: .
Esto es la herramienta Varita Mágica,
tan popular en otros programas de dibujo. Permite hacer selecciones según
los colores de los objetos. El tercer dibujo que aparece es este:
para seleccionar
Poligono.
Herramienta Pluma: Crea polígonos (y por tanto rectas, rectángulos...)
de un modo sencillo. Mucha gente encuentra esta herramienta complicada,
aunque es una de las más potentes que ofrece Flash. Su empleo consiste
en hacer clic en los lugares que queramos definir como vértices
de los polígonos, lo que nos asegura una gran precisión.
Para crear curvas, hay que señalar los puntos que la delimitan
y posteriormente trazar las tangentes a ellas. Con un poco de práctica
se acaba dominando.
Herramienta Subseleccionador: Esta Herramienta complementa a la Herramienta Pluma, ya que permite mover o ajustar los vértices que
componen los objetos creados con dicha herramienta.
Herramienta Bote de Tinta: Se emplea para cambiar rápidamente el color de un trazo. Se
aplica sobre objetos, si tienen borde, cambia al color mostrado de dicho
borde, por el mostrado en el Panel Mezclador
de Colores (que coincide con el subpanel Colores
que hay en la Barra de Herramientas.)
Herramienta Cuentagotas: Su misión es "capturar" colores para que posteriormente
podamos utilizarlos.
La barra de Herramientas. Opciones
Algunas Herramientas poseen unas opciones especiales que facilitan y potencian
su uso. Para acceder a estas utilidades, a veces no basta con hacer clic en la
Herramienta correspondiente sino que además debemos hacer clic en la línea o en el objeto que has dibujado.
Ajustar a Objetos : Se usa para obligar a los objetos a "encajar" unos con otros, es decir, para que en caso de ser posible, sus bordes se superpongan, dando la sensación de estar "unidos".
Suavizar: Convierte los trazos rectos en líneas menos rígidas.
Enderezar: Realiza la labor inversa. Convierte los trazos redondeados en más rectilíneos.
Práctica 1 Flash
Practica 2 Flash
Practica 3 Flash
Practica 4 Flash
Practica 5 Flash