Unidad 2 flash 1

CURSO DE ADOBE FLASH PROFESSIONAL CS5.5

UNIDAD 2.

ENTORNO DE TRABAJO ARCHIVOS Y DOCUMENTOS

UNIDAD 2 En esta unidad se va a enseñar tanto a manipular paneles de Flash como a personalizar el entorno, se seguirán pasos para la configuración básica del documento y se instruirá en la configuración de publicaciones.

Temas de la Unidad 2 Tema 1.

Entorno de la herramienta

Se explica como es posible interactuar y modificar paneles para personalizar de acuerdo al entorno.

Tema 2.

Abrir, crear y configurar documentos

A través de un paso a paso, se enseña a abrir, crear y configurar los documentos usados en un proyecto de Flash.

Tema 3.

Guardar documentos e importar archivos

Se cubren los aspectos más importantes a tener en cuenta a la hora de guardar un documento e importar archivos en un proyecto creado por Adobe Flash.

Tema 4.

Configuración Se muestra claramente como crear y como y publicación hacer uso de un producto final para un de un proyecto web o determinada aplicación. documento Tema 5.

Trabajo e Intercambio de documentos de Adobe Flash con otras aplicaciones

Se muestra la posibilidad que tiene Adobe Flash de exportar un proyecto trabajado para ser utilizado en aplicaciones especializadas de otros campos como Adobe Photoshop, Premiere, lllustrator y Dreamweaver.

Tiempo de Formación

2 Horas

2 Horas

2 Horas

2 Horas

2 Horas

Tabla 2.

1

TEMA 1. Entorno de la herramienta Los paneles de flash Flash Professional se compone de un conjunto de paneles y cada uno cumple una acción diferente, los paneles son ventanas emergentes de la herramienta que permiten ser acomodados a necesidad del usuario. Resulta posible acoplar paneles para formar grupos o simplemente se pueden quedar como paneles flotantes. Algunos de los paneles usados en Adobe Flash Professional son: 1. Panel de herramientas.

2. Panel de propiedades.

3. Panel de biblioteca.

4. Panel de color.

5. Panel de muestra.

6. Panel de transformación.

7. Panel de acciones.

8. Panel de alineación.

9. Panel de fragmento de código.

10. Panel línea de tiempo.

Figura 35.

2

Panel de herramientas: Es el panel que contiene herramientas de diseño y retoque de contenidos de Flash Professional, para visualizar el panel de propiedades de forma rápida, se debe utilizar el atajo del teclado, presionar al mismo tiempo las teclas Ctrl y F2.

Alguna de las herramientas presentes en este panel tienen un grupo de herramientas que se pueden identificar por tener un pequeño triangulo en una esquina , para desplegar las herramientas se deberá dejar presionado clic por unos segundos.

Panel de propiedades: También conocido como el inspector de propiedades, este permite acceder a configuraciones y pertenencias de elementos de Flash Professional de manera rápida. Las opciones de este panel dependen de la pieza a seleccionar, ya sea un objeto de Flash o una herramienta, para visualizar el panel de propiedades de forma rápida, utilizar el atajo del teclado, presionar al mismo tiempo las teclas Ctrl y la tecla F3.

Panel de biblioteca: Se encarga de almacenar objetos que trabajan en el documento de Flash, entre ellos símbolos y archivos importados, para visualizar el panel de biblioteca de forma rápida, utilizar el atajo del teclado, presionar al mismo tiempo las teclas Ctrl y la tecla L. Panel de color: Es el panel que manipula el color, permite crear, modificar y asignar colores a elementos como bordes de figuras o rellenos. Para visualizar el panel de color de forma rápida, usar el atajo del teclado, presionar al mismo tiempo las tecla Ctrl y la tecla F3.

Panel de muestra: Almacena una paleta de colores para trabajar con Flash, esta permite seleccionar un color muestra y utilizarlo en la zona deseada. El panel de muestra se visualiza en todo el documento y cuando se usa una herramienta de color. Para visualizar el panel de muestra de forma rápida, realizar el atajo del teclado, presionar al mismo tiempo las teclas Mayus o Shift ( ) y la tecla F9.

Panel de transformación: Almacena opciones para modificar objetos de Flash; realiza las mismas acciones de la herramienta de transformación y rotación 3D. Permite realizar modificaciones respecto a tamaño y rotación, realiza Sesgos y modifica posiciones en 3D. Para visualizar el panel de color de forma rápida, debe utilizar el atajo del teclado, presionar al mismo tiempo las teclas Ctrl y la tecla T. Panel de acciones: Es el panel utilizado para agregar código Action Script. Para abrir el panel, dar clic el menú Ventana de la barra de menús y seleccionar la opción Acciones, también es posible a través del teclado presionando la tecla F9.

Panel alineación: El panel cuenta con opciones permiten acomodar objetos de Flash en el Escenario, alineándolos con respecto a otros objetos, o incluso del mismo Escenario.

Para visualizar el panel de alineación de forma rápida usar el atajo del teclado, presionar al mismo tiempo las teclas Ctrl y la tecla K.

3

Panel fragmento de código: Es el panel que almacena partes de código que pueden ser reutilizadas, almacena códigos por categorías, permite buscar y seleccionar la acción requerida de forma eficiente. Para visualizar el panel de fragmento de código, dar clic en el menú Ventana de la barra de menús y seleccionar la opción Fragmento de código.

Para cerrar los paneles emergentes, dar clic sobre el icono del panel, o dar clic en alguna parte del Escenario que se encuentre vacía.

Personalizar el entorno de Flash a nuestras necesidades.

Flash permite personalizar entornos de trabajo para acomodar herramientas y paneles, esto simplifica las cosas a la hora de trabajar. Los paneles pueden estar acoplados o flotantes.

Para mover los paneles y dejarlos flotantes, se realiza lo siguiente: 1. Dejar presionado clic sobre el encabezado del panel que desea mover y arrastrar el panel a una zona diferente de su posición actual.

2. Soltar el clic, de esta forma el panel se soltará y se ubicará en la nueva posición.

Figura 36.

4

Acoplar los paneles 1. Dejar presionado clic sobre el encabezado del panel que desea mover y arrastrar hacia un extremo de la herramienta, panel o grupo de paneles, un recuadro azul surge mostrando la posición de acoplo.

2. Soltar el clic, de esta forma el panel se libera y se acopla a los nuevos paneles.

Figura 37.

Espacios de Trabajo Flash cuenta con espacios de trabajo pre configurados, en donde se ubican y agregan paneles, dependiendo del espacio de trabajo elegido. Para seleccionar un espacio de trabajo, hacer lo siguiente: 1. Dar clic en el menú de Espacios de trabajo (Este toma el nombre del ítem seleccionado previamente, en este caso “Conceptos Básicos”).

2. Seleccione el espacio de trabajo que se desee cargar, para este caso se escoge espacio Clásico.

5

Figura 38.

AsĂ­ se visualizarĂĄ el entorno de trabajo:

Figura 39.

6

De esta forma se pueden cargar los espacios que tenga configurado Flash, además permite crear espacios de trabajo personalizados.

Se organiza el espacio de trabajo a guardar, se pueden agregar o quitar paneles y hasta cambiar su ubicación.

1.

2.

3.

4.

5.

Dar clic en el menú Espacios de trabajo.

Seleccionar la opción Nuevo espacio de trabajo.

Se abrirá la ventana Nuevo espacio de trabajo...

Se ingresará el nombre del espacio de trabajo, en este caso Espacio 1.

Dar clic en el botón Aceptar.

Figura 40.

Con lo hecho anteriormente, aparece el espacio de trabajo que se creó en la lista del menú Espacios de trabajo, para así cargarlo cuando sea necesario.

Una ventaja de los espacios de trabajo es que permiten restaurar su forma inicial, si llega a ser el caso en el que los paneles se eliminen o se muevan por accidente, es posible restaurarlos a la forma inicial.

1. Ubicarse en el espacio de trabajo que desea restaurar.

2. Dar clic en el menú Espacios de trabajo.

3. Seleccionar la opción Restablecer.

7

Figura 41.

Para cambiar el nombre del espacio de trabajo, se procede de la siguiente manera: 1.

2.

3.

4.

5.

6.

7.

8.

Dar clic en el menú Espacios de trabajo.

Seleccionar la opción Administrar espacios de trabajo.

Se abre la ventana de Administrar espacios de trabajo.

Seleccionar el espacio de trabajo que desea modificar.

Dar clic en la opción Cambiar nombre.

Se cambiará el nombre del espacio “Espacio 1”, por “Trabajo”.

Dar clic en el botón Aceptar.

Dar clic en el botón Aceptar de la ventana Administrar espacios de trabajo.

8

Figura 42.

Para eliminar el espacio de trabajo, se procede de la siguiente manera: 1. Dar clic en el menú Espacios de trabajo.

2. Seleccionar la opción Administrar espacios de trabajo.

3. Se abre la ventana de Administrar espacios de trabajo.

4. Seleccionar el espacio de trabajo que desea modificar.

5. Dar clic en la opción Eliminar.

6. Se abrirá una ventana de advertencia, indicando si está seguro de eliminar el espacio de trabajo.

7. Dar clic en el botón Sí.

8. Dar clic en el botón Aceptar de la ventana Administrar espacios de trabajo.

9

Figura 43.

10

TEMA 2. Abrir, crear y configurar documentos

Abrir un Documento Existen dos formas de abrir un documento en Flash profesional CS5.5, la primer forma es buscar la ubicación del documento que ya se había elaborado o guardado y darle dos veces clic al archivo.

Figura 44.

La segunda forma es abrir el archivo Flash directamente desde la herramienta Flash.

1. Seleccionar el menú Archivo, de la barra menús.

2. Seleccionar la opción Abrir.

3. Aparecerá la ventana Abrir del explorador de archivos.

4. Buscar el archivo que desea abrir.

5. Seleccione el archivo y presionar el botón Abrir.

11

Figura 45.

A continuación se aprenderá a crear un documento en Flash Professional, a realizar una configuración básica y a crear el primer contenido gráfico.

Creando un documento Flash Professional.

En esta actividad se desarrollará un documento de Flash Professional, el documento consiste en una imagen que será agregada a Flash.

12

Figura 46.

Para iniciar la creación del documento, se procederá a abrir el programa Adobe Flash Professional.

Para abrir el programa Flash Professional CS5.5, existen dos opciones, la primera opción es desde el menú inicio.

1. Clic en el menú inicio.

2. Clic en todos los programas.

3. Clic en Adobe Master Collection CS5.5 4. Clic en Adobe Flash Professional CS5.5

13

Figura 47.

La segunda opci贸n es por acceso directo, si tiene un acceso directo en el escritorio, de doble clic sobre este.

Para la creaci贸n de un documento nuevo de Flash Professional e iniciar un trabajo, este se puede realizar de dos formas.

La primera forma, es por medio de la pantalla de Bienvenida.

1. Se ubica en la zona Crear nuevo.

2. Clic en la opci贸n ActionScript 3.0.

3. Inmediatamente se crea un documento nuevo.

14

Figura 48.

Figura 49.

15

La segunda forma de crear un documento en Flash, es desde el menú de aplicación.

1. Seleccionar el menú Archivo, que se encuentra en la barra del menú.

2. Seleccionar la opción Nuevo…, también es posible usar el atajo del teclado, presionando al mismo tiempo las teclas Ctrl y la tecla N. 3. Se abre la ventana Nuevo documento.

4. Seleccione la opción ActionScript 3.0 5. Modificar valores en la configuración del documento, si es requerido.

6. Dar clic en el botón Aceptar.

Figura 50.

Configuración Básica del Documento Después de crear el documento, se procede a configurarlo.

1. Clic derecho sobre la zona blanca de la pantalla conocida como Escenario.

2. Seleccionar la opción Propiedades del documento.

3. Se abre el panel de Configuración del documento.

16

4. Se ajustan las dimensiones de documento, el ancho y el largo, en este caso 1024px por 640px.

5. Se seleccionan las Unidades de regla del documento a pixeles, las demás opciones son visualizadas en el punto 11 de la imagen.

6. Se selecciona el Color de fondo del documento.

7. Se modifica la Velocidad de fotogramas, a la opción deseada. (Para modificar el valor de este tipo de entradas existen dos formas, haciendo clic sobre el valor e ingresándolo desde el teclado, o dejando presionado el clic cuando tenga la siguiente forma , y arrastrar hacia la izquierda para disminuir o a la derecha para aumentar).

8. Se activa la opción de Guardado automático, y se asigna el tiempo para guardar, esta configuración es opcional para el documento.

9. Si la configuración es la deseada para todos los documentos, hacer clic en Transformar en predeterminado.

10. Clic sobre el botón aceptar para finalizar.

11. Visualización opciones Unidades de regla.

Figura 51.

17

Figura 52.

Otra forma de abrir la ventana de Configuraci贸n del documento, es: 1. Dar clic sobre alguna parte del Escenario que se encuentre vac铆a.

2. Dirigirse al panel Propiedades y ubicar la secci贸n PROPIEDADES. 3. Dar clic sobre la opci贸n editar propiedades del documento, representado por el icono de una llave.

18

Figura 53.

También es posible configurar el documento directamente desde el panel Propiedades.

1. Dar clic sobre alguna parte del Escenario que se encuentre vacía.

2. Dirigirse al panel de Propiedades y ubicar la sección PROPIEDADES. 3. Modificar los fotogramas por segundo (FPS), según lo deseado para reproducir las animaciones.

4. Se ajusta el Tamaño del documento, iniciando con el alto y luego el ancho, en este caso 1024px por 640px 5. Se asigna color para el fondo.

19

Figura 54.

20