jueves, 26 de enero de 2012

FLASH

Unidad I. identificar los elementos de la ventana flash & las barras de herramientas
1.1- Identifica & describe ares de la ventana
1.2- Identifica & describe la barra de herramientas principal
1.3- Identifica & describe la barra de herramientas
1.4- identifica & describe la barra de edición
1.5- Identifica & describe la barra de tiempo
1.6- Identifica & describe las capas
1.7- Identifica & describe las ventanas aclopables
2.define la función de paneles
2.1 panel de propiedades
2.2-panel de alinear
2.3-panel de mezclador de colores
2.4-panel de muestra de colores
2.5-panel de escenas
2.6-panel de transformar
2.7-panel de acciones
3-configuracion del area de trabajo
3.1-configuracion de la publicación
4.-activar & aplicar capas
4.1-capas normales
4.2-capas guía
4.3-capas mascara
5.-herramientas(selección,subseleccion,línea,pluma,texto,ovalo,lápiz,transformación libre,rectángulo,pincel,transformación de relleno, cubo de pinturas, bote de tinta, cuenta gotas & borrador)
5.2-ver (mano &zoom)
5.3-colores (color de trazo, blanco & negro, color de relleno, intercambiar color & sin color
   
Unidad II . aplicar los diferentes tipos de animación
1.1-animacion de fotograma a fotograma
1.2-interpolacion de movimiento
1.3-interpolacion de formas
1.4-clip de película
2.-manejo de animación con :
2.1-linea guía
2.2-mascara
2.3-creacion de botones
3.1-boton estatico
3.2-boton dinamico
3.3-boton animado
3.4-añadir acciones
Unidad III Sonido & video
1.manipular sonido
1.1-formato de sonido
1.2-edicion de sonido
1.3-integrar sonidos ala película
 2.-manipular video
2.1-formatos de video
2.2-asistente para importar video
2.3-integrar video ala película

Interpolacion De Movimiento


INTERPOLACION DE MOVIMIENTO
Es la acción básica de las animaciones en Flash. Permite desplazar un símbolo Flash de un lugar a otro del escenario, siendo necesarios únicamente dos fotogramas, lo que optimiza mucho el rendimiento de la película.

Es importante destacar que para que una Interpolación de movimiento se ejecute correctamente aquellos objetos que intervengan deberán haber sido previamente convertidos a símbolo.

También se debe tener cuidado al realizar una Interpolación con dos símbolos que se encuentren en la misma capa, ya que el motor de animación los agrupará como uno sólo y el resultado no será el esperado. Por esto es conveniente asegurarse de dos cosas:

1) Separar en distintas capas los objetos fijos y los que estarán animados.

2) Poner también en distintas capas objetos que vayan a ser animados con direcciones o formas distintas.

Una interpolación de movimiento, como hemos dicho, es el desplazamiento de un símbolo de uno a otro punto del escenario. El hecho de que sólo se necesiten dos fotogramas es debido a que Flash, únicamente con la posición inicial y final, "intuye" una trayectoria en línea recta y la representa.

     Cuando realicemos la interpolación correctamente observaremos un aspecto como este en la línea de tiempo.

Esto indica que la animación cambiará la posición del símbolo del fotograma 1 hasta la posición del mismo símbolo en el fotograma 20, utilizando precisamente 20 fotogramas. El número de fotogramas que se usen en la interpolación de movimiento indicará los fotogramas de que constará la animación. Cuantas más fotogramas más sensación de "continuidad" (menos saltos bruscos) pero a la vez menos velocidad en el movimiento.

      La velocidad en el movimiento de las películas la podemos cambiar también modificando su parámetro en la barra de tiempos,  pero esto no cambiará lo que hemos comentado anteriormente.

      La velocidad está expresada en Fotogramas Por Segundo (fps) y se puede modificar haciendo doble clic en el lugar que hemos indicado de la barra de tiempos. A mayor valor más velocidad, pero se deben poner siempre suficientes fotogramas para que se desarrolle la animación como queremos.

En la animación podrás ver como realizar una interpolación de movimiento.

Mantén en mente que cuando realices una interpolación de movimiento el fotograma inicial y final deberán ser diferentes, en caso contrario no se creará ningún tipo de animación.


Pasos
1.- Vamos a la línea de tiempo y nos posicionamos en el fotograma uno, presionamos F6 para crear un fotograma clave, ya creado nuestro fotograma clave tomamos el pincel  y a dibujar, nuestro fotograma clave debe de tener un punto negro.


2.- Nuestro dibujo debe de estar agrupado para esto da clic en el fotograma clave (para seleccionar todo lo que dibujaste) y ve al menu modificar>agrupar, tienes que hacer esto siempre que vayas a hacer una interpolación de movimiento, si no agrupas no funcionara.
3.- ya agrupado nuestro objeto nos posicionamos en el fotograma 30 > clic derecho > insertar fotograma clave
4.- Ya insertado nuestro fotograma clave, solo movemos nuestro objeto hacia abajo, esto se hace para que el objeto recorra la trayectoria de arriba-abajo, tambien puedes agrandar el objeto en el segundo fotograma clave o girarlo, solo da clic derecho en el objeto> transformación libre.
5.- Seleccionamos en nuestra línea de tiempo nuestros fotogramas y nos vamos a la seccion de propiedades ahora solo seleccionamos  movimiento que se encuentra en 20, si has echo todo bien
nuestros fotogramas se veran asi: y si te quedo asi  seguramente no agrupaste uno o dos de los objetos, o estas intentando hacer la interpolación con dos objetos diferentes.


Da ctrl+ENTER, esto es una interpolacion de movimiento y sirve para poder crear movimientos de lado a lado de arriba-abajo de chico-grande, de horizontal-vertical; si quieres explotar al maximo estas funciones, utiliza free transform solo da clic derecho en el area de trabajo y busca transformacion libre, para poder girar el objeto agrupado o bien para hacerlo mas chico o grande), vale ahora haremos la interpolación de forma :



Configuración De La Aplicacion


Flash nos ofrece varias opciones y funcionalidades para la creación de un archivo SWF. Estas opciones se pueden ver en el panel de Configuración de Publicación, al que podemos acceder mediante el menúArchivo → Configuración de Publicación (PestañaFlash). 
    Veamos cuáles son estas opciones:
Versión: Si queremos publicar nuestra película para que sea vista con versiones anteriores de Flash, debemos seleccionar aquí la versión deseada.
 Orden de Carga: Aquí indicamos el orden en que queremos que se cargue el documento.
  Si seleccionamos De abajo a arriba se cargará primero el contenido de la capa inferior (de la capa 1 hasta la última capa que tengamos en el documento).
    Por el contrario, si seleccionamos De arriba a abajo se cargará primero el contenido de la capa superior (de la última capa que tengamos en el documento hasta la capa 1).
    Este comando es importante debido a la propiedad de Flash de ir reproduciendo la película conforme los objetos son cargados. Así, en caso de que nos interese que aparezcan antes unos objetos que otros seleccionaremos uno o el

Flash nos ofrece varias opciones y funcionalidades para la creación de un archivo SWF. Estas opciones se pueden ver en el panel de Configuración de Publicación, al que podemos acceder mediante el menúArchivo → Configuración de Publicación (PestañaFlash). 
    Veamos cuáles son estas opciones:




 Versión: Si queremos publicar nuestra película para que sea vista con versiones anteriores de Flash, debemos seleccionar aquí la versión deseada.
Orden de Carga: Aquí indicamos el orden en que queremos que se cargue el documento.
  Si seleccionamos De abajo a arriba se cargará primero el contenido de la capa inferior (de la capa 1 hasta la última capa que tengamos en el documento).
    Por el contrario, si seleccionamos De arriba a abajo se cargará primero el contenido de la capa superior (de la última capa que tengamos en el documento hasta la capa 1).
    Este comando es importante debido a la propiedad de Flash de ir reproduciendo la película conforme los objetos son cargados. Así, en caso de que nos interese que aparezcan antes unos objetos que otros seleccionaremos uno o el otro.
- Versión de ActionScript: El uso de ActionScript 2 nos permitirá usar las novedades relativas a objetos, clases etc... Si nuestra película sólo usa acciones sencillas podemos dejar en esta pestaña la opción ActionScript 1.0
- Generar Informe de tamaño: Esta opción la hemos usado en el apartado anterior. Si la activamos, se creará un archivo de texto con una relación detallada del tamaño del documento.
- Proteger Frente a Importación: Activando está casilla conseguiremos que cuando otro usuario (o nosotros mismos) queramos importarla no podamos o tengamos que introducir una contraseña si se ha escogido alguna.


-Omitir acciones de Trazado:  Las acciones de traza se emplean para comprobar el correcto funcionamiento de la película durante la creación de esta (durante las pruebas). También se consideran trazas los comentarios que insertemos en el código Action Script. Si activamos esta señal, la película creada no los incluirá, ocupará menos tamaño y ahorraremos tiempo innecesario. Es recomendable cuando se publique la película de un modo definitivo.
 Depuración Permitida: Permite que se pueda depurar el archivo SWF. También exige la introducción de una contraseña ya que se debe tener permiso del creador para Importar el archivo y depurarlo.
- Comprimir película: Comprime la película al máximo posible.
Calidad JPEG:  Si en el panel de propiedades del mapa de bits no hemos indicado una compresión concreta, aquí podremos determinar su grado de compresión, que determinará a su vez el espacio ocupado en memoria por este tipo de imágenes. A mayor compresión, menos espacio en memoria ocupará la imagen, pero también su calidad será menor.
-Establecer Flujo de Audio o Evento de Audio: Esta opción nos permite acceder al Panel "Configuración de Sonido" desde donde podemos configurar, para cada tipo de sonidos, sus características.
- Suplantar configuración de sonido: Con esto se suplantarán los niveles de compresión seleccionados para cada archivo de sonido de nuestro documento.

Panel De Acciones


En el Panel De Acciones se presentan las diferentes funciones de código ActionScript con las cuales puedes controlar la línea de tiempo, se puede agregar cogido 
ActionScript a símbolos tipo Botón,Clips de película y a Fotogramas. Hay dos formas para obtener las funciones de código la primera es presionar el signo de 
 y de esta forma aparecerán las diferentes funciones. La segunda opción espresionar y luego hacer doble clic en los diferentes libros mostrados, las funciones de código ActionScript son las mismas en cualquiera de los dos casos. El título del panel Acciones cambia a Acciones – Botón, Acciones – Clip de película o Acciones – Fotograma, según el elemento que esté seleccionado. Para mostrar el Panel Acciones presionar F9.
Visualizar y ocultar paneles
En esta versión de Flash 8 han dividido cada uno de los paneles en solapas, como está distribuida la pantalla de Dreamweaver
En las versiones anteriores de Flash, lo que ahora son solapas antes eran paneles independientes.
Por ejemplo:
El Mezclador de colores y las Muestras de color, que antes eran paneles independientes,
...ahora son solapas dentro del panel de Color.
Como podemos ver, al usar solapas nos ayudan a agrupar Solapas que tienen una misma temática

Para visualizar la solapa de trabajo que deseemos
Solo tenemos que abrir el menú Ventana y elegir la solapa.
Por ejemplo, si deseamos alinear un objeto querremos trabajar con la solapa Alinear:
  1. Desplegamos el menú Ventana... aparece toda la lista de solapas que tiene Flash.
  2. Elegimos: Alinear.
  3. Se abrirá la solapa Alinear en el panel que la contiene, el panel Alinear / Información / Transformar (que contiene todas esas solapas)
Como puedes ver, el menú Ventana es la clave para la visualización de solapas... en él aparecen activadas las solapas que están visibles

Para ocultar la visualización 
de alguna solapa sólo tenemos que desactivar su opción del menú Ventana.


Para minimizar la visualización 
de un panel basta con pulsar su nombre en la barra superior del mismo, o sobre la flecha negra que le acompaña. 




Panel De Transformar


Panel Transformar
Cuando se tiene que editar una forma vectorial o una Imagen Importada ya sea que la tengas que hacer más grande o la tengas que girar (rotar) una cierta cantidad de grados, este panel es el conveniente para tal efecto. Ya que el Panel De Transformar te proporciona las opciones de agrandar una forma cualesquiera que esta sea con la opción de agrandar solamente a lo Ancho o a lo Alto y si seleccionas la Casilla .
De Restringir la forma a editar mantendrá las proporciones tanto a lo ancho y alo alto. Con este panel también puedes Rotar una forma o Sesgarla horizontal o verticalmente según sean las necesidades. Para la invocación del Panel Transformar presionar la secuencia de teclas ctrl. + T.

Panel De Escenas



Flash permite el uso de escenas para separar diferentes temas en una sola película. Se suelen utilizar sobre todo en animaciones, donde una parte de la acción 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 película, por ejemplo, crear una escena para el cargador, otra para la película principal y una tercera para una sección que se diferencie completamente del resto y nos sea más cómodo trabajar con ella independientemente.
A pesar del hecho de que las escenas se trabajan como líneas de tiempo diferentes, al crear el archivo SWF éstas se alinean en orden reproduciéndose una detrás de otra.
Por ello, al publicar el documento los fotogramas de las escenas se numerarán 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.

En el Panel Escena (ábrelo desde Ventana → Otros paneles → Escena) podrás ver las escenas actuales de la película.

En principio solamente encontrarás una (Escena 1), es posible añadir más escenas pulsando el botón Añadir escena  Para cambiar el nombre de una escena haz doble clic sobre su nombre en el panel y escribe el que quieras. Puedes eliminar una escena utilizando el botón Eliminar escena o duplicarla con el botón Duplicar escena 

Como hemos comentado antes (y si no existe código ActionScript que modifique esto) las escenas se reproducen una después 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 cuestión 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. Podrás trabajar con ella como si se tratase de una película independiente.
Pero veamos cómo podemos utilizar ActionScript para desplazarnos de escena a escena.
Antes hemos mencionado las funciones prevScene() y nextScene(). Estos comandos hacen que el cabezal de reproducción se desplace de una escena a otra en el orden en el que se encuentran en el Panel Escena.


Panel Muestra De Color


Selector de color

Anteriormente hemos visto que es muy fácil elegir un color de los selectores de color (ya sea para relleno o contorno) que hay en el panel de Propiedades (al seleccionar una forma) o en el grupo de Opciones (al activar una herramienta de dibujo)

Cada vez que picamos sobre estos selectores aparece la paleta Web predeterminada:

Desde este Selector de color podremos
Elegir un color establecido
Crear un color personalizado
Crear un color con canal Alfa (grado de transparencia)

Esta misma paleta de colores la podemos encontrar en la solapa de Muestras de color (en Flash 8 dentro del panel Color) 

Abriremos la paleta predeterminada de colores picando sobre el Selector de color (el de relleno o contorno)
Con el cursor nos dirigiremos sobre el botón Editor de Color. 

Se abrirá el correspondiente cuadro de diálogo Color.

Editar un color desde este cuadro es muy intuitivo. Podemos partir del color que ya tenía el selector o elegir uno de los Colores Básicos de la izquierda... y después:
Variar su tono y saturación picando en el campo de Gamas de color.
Finalmente variar su luminosidad en la Barra de la derecha.
Para los más "sibaritas" del color también tenemos la posibilidad de editar un color numéricamente por dos parámetros diferentes:
Matiz (tono) / Saturación / Luz: las tres características del color. Valor entre 0 - 240
Rojo / Verde / Azul: los tres canales de color en pantalla. Valor entre 0 - 255. 
Una vez hayamos definido nuestro color podemos pulsar Aceptar y empezar a trabajar con él en el escenario...
o podemos picar sobre el botón Agregar a los colores personalizados de la parte inferior.
Y el color pasará a formar parte de la galería de Colores personalizados de este cuadro.