practica 20

• Especificación de configuración de publicación para archivos SWF (CS5)
• Especificación de configuración de publicación para archivos envolventes HTML (CS5.5)
• Especificación de configuración de publicación para la detección de Flash Player (CS5)
• Configuración de publicación para archivos GIF (CS5)
• Configuración de publicación para archivos JPEG (CS5)
• Configuración de publicación para archivos PNG (CS5)
• Vista previa de la configuración y el formato de publicación (CS5)
• Uso de perfiles de publicación (CS5)

Especificación de configuración de publicación para archivos SWF (CS5)

1. Haga clic en Archivo > Configuración de publicación y, a continuación, en la categoría Flash. Seleccione una versión de Player en el menú emergente Versión. No todas las funciones de Adobe® Flash® Professional funcionan en archivos SWF publicados para versiones de Flash Player anteriores a Flash Player 10. Para especificar la detección de Flash Player, haga clic en la ficha HTML, y seleccione Detectar versión de Flash e introduzca la versión de Flash Player que se debe detectar.

Nota: en Flash Professional CS5, cuando Flash Player se establece como destino en Flash Player 10 en Configuración de publicación, el destino es realmente Flash Player 10.1.

2. Seleccione la versión de ActionScript® en el menú emergente Script. Si selecciona ActionScript 2.0 o 3.0 y ha creado clases, haga clic en Configuración para establecer la ruta de clases relativa a los archivos de clase distinta de la ruta a los directorios predeterminados en Preferencias.
3. Para controlar la compresión de mapa de bits, ajuste el deslizador de calidad JPEG o introduzca un valor. Una imagen de baja calidad produce archivos de menor tamaño, una de alta calidad produce archivos de tamaño mayor. Pruebe con configuraciones distintas hasta lograr un equilibrio óptimo entre tamaño y calidad, el valor 100 ofrece la calidad máxima con el mínimo de compresión.

Para que las imágenes JPEG muy comprimidas tengan una apariencia más suave, seleccione Permitir desbloqueo JPEG. Esta opción reduce las irregularidades típicas que se derivan de la compresión JPEG, tal como la apariencia habitual de bloqueo de 8x8 píxeles que afecta a la imagen. Algunas imágenes JPEG pueden perder algunos detalles cuando esta opción está seleccionada.

4. Para establecer la frecuencia de muestreo y la compresión de todos los flujos de sonido o sonidos de evento del archivo SWF, haga clic en Establecer junto a Flujo de audio o Evento de audio y seleccione las opciones adecuadas.

5.   Especificación de configuración de publicación para archivos envolventes HTML (CS5.5)

6.     La reproducción de contenido de Flash Professional en un navegador Web requiere un documento HTML que active el archivo SWF y especifique la configuración del navegador. El comando Publicar genera automáticamente este documento a partir de los parámetros HTML de un documento de plantilla.

7.     El documento de plantilla puede ser cualquier archivo de texto que contenga las variables de plantilla correctas, incluido el archivo HTML normal, un archivo que incluya código para intérpretes especiales como ColdFusion® o Active Server Pages (ASP), o una plantilla incluida en Flash Professional.

8.     Para introducir manualmente parámetros HTML para Flash Professional o personalizar una plantilla incorporada, utilice un editor de HTML.

9.     Los parámetros HTML determinan dónde aparecerá el contenido en la ventana, el color de fondo, el tamaño del archivo SWF, etc., y establecen los atributos para las etiquetas object y embed. Cambie éstos y otros valores en el panel HTML del cuadro de diálogo Configuración de publicación. El cambio de estas opciones de configuración tiene prioridad sobre las opciones que haya establecido en el archivo SWF.

Especificación de opciones

1. Seleccione Archivo > Configuración de publicación y haga clic en Formatos. El tipo de archivo HTML está seleccionado de forma predeterminada.
2. Utilice el nombre de archivo predeterminado, que corresponde al nombre de su documento, o bien introduzca un nombre exclusivo, con la extensión .html.
3. Para mostrar la configuración de HTML y seleccionar una plantilla instalada en el menú emergente Plantilla, haga clic en HTML. Para mostrar una descripción de la plantilla seleccionada, haga clic en Información. La selección predeterminada es Sólo Flash.
4. Si ha seleccionado una plantilla HTML que no sea Mapa de imágenes o QuickTime, y en la ficha Flash ha indicado que la versión es Flash Player 4 o posterior, seleccione Detección de versión de Flash.

Configuración de publicación para archivos JPEG (CS5)

El formato JPEG permite guardar una imagen como un mapa de bits de 24 bits muy comprimido. Por lo general, el formato GIF es el más adecuado para exportar imágenes de líneas, mientras que el formato JPEG es mejor para imágenes que incluyan tonos continuos como fotografías, degradados o mapas de bits incorporados.

Flash Professional exporta el primer fotograma del archivo SWF como archivo JPEG, a menos que se introduzca la etiqueta de fotograma #Static para indicar que se debe exportar un fotograma clave distinto.

1. Seleccione Archivo > Configuración de publicación, haga clic en Formatos y seleccione Imagen JPEG.
2. Para el nombre de archivo JPEG, puede utilizar el nombre predeterminado o escribir uno nuevo con la extensión .jpg.
3. Haga clic en la pestaña JPEG.

Dimensiones

Introduzca la anchura y la altura en píxeles para la imagen de mapa de bits exportada o seleccione Coincidir con película para que la imagen JPEG tenga el mismo tamaño que el escenario y mantener así la proporción de la imagen original.

Configuración de publicación para archivos PNG (CS5)

PNG es el único formato de mapa de bits que se utiliza en plataformas distintas y que admite transparencias (un canal alfa). También es el formato de archivo nativo de Adobe® Fireworks®.

Flash Professional exporta el primer fotograma del archivo SWF como archivo PNG, a menos que se introduzca la etiqueta #Staticframe para indicar que se debe exportar un fotograma clave distinto.

1. Seleccione Archivo > Configuración de publicación, haga clic en Formatos y seleccione Imagen PNG.
2. Para el nombre de archivo PNG, puede utilizar el nombre predeterminado o escribir uno nuevo con la extensión .png.
3. Haga clic en PNG.

Dimensiones

Introduzca la anchura y la altura en píxeles para la imagen de mapa de bits exportada, o bien seleccione Coincidir con película para que la imagen PNG tenga el mismo tamaño que el archivo SWF y mantener así la proporción de la imagen original.

Profundidad de bits

Determina el número de bits por píxel y los colores utilizados para crear la imagen. Cuanto mayor sea la profundidad de bits, mayor será el archivo.

• 8 bits por canal (bpc) para una imagen de 256 colores
• 24 bpc para miles de colores
• 24 bpc con alfa para miles de colores con transparencia (32 bpc)

Práctica 17 - Archivos de Audio

formatos de archivos de sonidos que existen 

Un formato de archivo de audio es un contenedor multimedia que guarda una grabación de audio  (música, voces, etc.).

Existen diferentes tipos de formato según la compresión del audio.

Hay tres grupos principales de formatos de archivo de audio:

• Formatos de audio sin comprimir, como WAV, AIFF o AU
• Formatos sin pérdida (formato de audio comprimido sin perdida) como FLAC, MPEG-4 SLS, MPEG-4 ALS, MPEG-4 DST, WavPack, Shorten, TTA, ATRAC, Apple Lossless y WMA Lossless
• Formatos con pérdida (algoritmo de compresión con perdida) como MP3, Vorbis, Musepack, AAC, WMA y Opus

Formatos de audio sin comprimir

Hay un formato principal sin comprimir, PCM, que normalmente esta archivado como.wav en windows y.aiff en MAC. WAV y AIFF son formatos flexibles creados para almacenar varios combinaciones de frecuencia de muestreo o tasa de bits, esto los hacen adecuados para archivar grabaciones originales. Existe otro tipo de archivo llamado CDA (audio CD Track) que es un archivo pequeño que sirve como acceso directo a parte de los datos de un CD. El formato AIFF está basado en el formato IFF, mientras que el formato WAV está basado en el formato RIFF, que realmente son muy similares. BWF (Broadcast Wav Format)es el formato de audio estándar creado por la Unión Europea de Radiodifusión como sucesor a WAV y permite el almacenamiento de meta-datos en el archivo. Este formato es principalmente usado por muchos programas profesionales de edición de audio en las industrias de televisión y cine. Archivos BWF contienen una referencia de timestamp estandarizado que permite sincronizar fácilmente con un elemento de foto separado. Stand-alone, Grabadoras multi-pista de dispositivos de audio, Zaxcom, HHB USA, Fostex y Aaton utilizan BWF como su formato preferido.

Formatos de audio comprimido sin pérdida (Lossless)

El formato sin pérdida requiere más tiempo de procesamiento que los formatos sin comprimir pero más eficiente en cuanto el espacio que ocupa. Formatos de audio sin comprimir codifican tanto audio como silencio con el mismo número de bits por unidad de tiempo. Codificar un minuto de silencio en un formato sin comprimir produce un archivo del mismo tamaño que codificar un archivo sin comprimir de un minuto de música de orquesta. Sin embargo en estos archivos la música ocupa un archivo ligeramente más pequeño y el silencio no ocupa casi nada. Estos formatos de compresión proporcionan un ratio de compresión de más o menos 2:1. El desarrollo de estos formatos intenta reducir el tiempo de procesamiento manteniendo un buen ratio de compresión.

Formatos de audio comprimido con pérdida

En este sistema de codificación se comprimen los datos descartando partes de ello. El proceso intenta minimizar la cantidad de datos que mantiene el archivo reduciendo su peso y por lo tanto su calidad. Realmente solo pierde los canales no audibles al oído humano, de tal modo que conservan gran parte de su calidad.

Práctica 15 - Acciones en los botones

Siempre un nuevo layer que se llame acciones, entonces ahí vamos a darle la opción de stop, ustedes dirán, cómo? .... ok, sólo tienen que ir al último frame que tengan en la línea de tiempo, seguramente tienen uno, entonces botón derecho y click en acciones o actions y se les va a abrir una ventana:

Hacen doble click en acciones básicas y doble click en stop y listo, esto mismo van a hacer en todas las escenas restantes. Nuevo layer, llamado acciones y luego el stop.

Ahora nos vamos a dedicar a darle las acciones correspondientes a los botones, ya conocemos la ventana de acciones y por ahora utilizaremos la básicas y otras más, más adelante.

Vayamos al botón rojo y lo seleccionamos, en la ventana de acciones, hacemos click en gotoAndPlay, en escema colocamos entre <> el nombre de la escena al cual queremos que vaya, ¿cuál es?, la roja, y le damos tilde en go to and Play para que si hay animación en esa escena, la ejecute.

Si presionamos en la línea on, nos va a mostrar los eventos del mouse, entonces ahí elegimos release (significa que la persona hizo click y soltó), entonces ahí asegura que sí quiere ir a ese lugar donde lo va a llevar el botón.

Observemos entonces qué sucede cuando probamos la película: presionen el botón rojo y verán que van a la escena roja. Lo lograron ¡Felicitaciones!, entonces lo que van a realizar es ahora que todos los botones dirijan a las escenas correspondientes.

Ahora nos toca pensar qué hacemos con el Home. Espero que se hayan dado cuenta qué es lo que hay que hacer, para que desde las escenas vayamos a la escena home.

Email: buscamos en las acciones básicas, Get Url, y como demuestra la imágen de abajo, escribiremos sólo lo siguiente: mailto:tunombre@com.ar (obviamente este es un ejemplo) es decir, el email original al cual va dirigido el email.

De esta manera ya podemos comenzar a pensar un site y ahora nos dedicaremos a agregar ingredientes a esta receta.

practica 14

Incluir un clip en un botón

La inclusión de clips de película en los botones puede dotar a éstos de más vistosidad.
Es habitual colocar un clip en el fotograma Sobre para indicar algún tipo de información extra o una animación para ir más allá de un cambio de color.
También es común ver un clip de película actuando como un botón. Esto caso se puede hacer por ejemplo poniendo el clip en el fotograma Reposo.
Incluir un Clip en un botón es muy sencillo. Tomando este ejemplo, y partiendo de que tenemos los dos textos como clips en la biblioteca, sólo tendremos que:
- Hacer doble clic sobre el botón para entrar en su modo de edición.
- Seleccionamos el estado Sobre para modificarlo. Selecciona la instancia del texto.
Ahora tenemos dos opciones:
- Pulsa la tecla SUPRIMIR para eliminarlo.
- Desde la Biblioteca (menú Ventana → Biblioteca) arrastramos el clip con el nuevo texto, para crear una instancia.
O la opción más práctica:
- En las propiedades de la instancia, pulsamos Intercambiar... y elegimos el nuevo objeto de texto.
- Por último, centramos el nuevo texto en el botón, si es necesario.
Ya está listo, ahora cuando pases el ratón sobre el botón el clip de película empezará a reproducirse.

Por supuesto, en vez de cambiar el texto podemos añadir otros clips, que simulen movimientos, reflejos, etc.

practica 12 ¿que es un boton?

1¿que es un boton?

En informática un botón es una metáfora común utilizada en interfaces gráficas con objetivo símil al de un botón corriente. Los botones suelen ser representados como rectángulos con una leyenda o icono dentro, generalmente con efecto de relieve.

2¿como acer un boton?
1- Primero crearemos un nuevo símbolo, haciendo la siguiente combinación de teclas: ALT+F8.

Aparecerá el siguiente cuadro:

2- En Nombre (Name), escribe "botón 1", en Comportamiento (Behavior) selecciona la opción Botón (Button), finalmente haz click en Aceptar (OK).

Automáticamente, seremos enviado desde la Escena 1 al escenario del símbolo "botón 1"; ahí es donde crearemos un botón que será incluido en nuestra biblioteca.

El escenario únicamente para la creación de botones, será parecido a la siguiente imagen:

Mira hacia la línea del tiempo (Timeline), como puedes notarlo es diferente a la línea del tiempo de la Escena 1.

La línea del tiempo, del escenario para crear botones es parecida a la siguiente imagen:

Expliquemos el gráfico anterior:

Debemos entender que Reposo, Sobre, Presionado y Zona activa son los cuatro estados de un botón. Veamos a continuación, qué representa cada estado.

Reposo: es cuando el mouse no está colocado sobre nuestro botón o no se ha hecho click sobre él.

Sobre: es cuando el mouse está colocado sobre el botón, pero aún no se ha hecho click sobre él.

Presionado: lógicamente, es cuando haces click sobre el botón.

Zona Activa: su mismo nombre lo indica, es cuando el botón está activo.

Continuemos con la creación de nuestro "botón 1".

La cabeza lectora, en la línea del tiempo tiene que estar señalando el estado de Reposo.

4- Haz click sobre la Herramienta de Rectángulo (Rectangle Tool), que se encuentra en el Panel de Herramientas.

5- Dibuja un rectángulo en el centro del área de trabajo, y ponle el color azul.

6- Después presiona la tecla F6; ésto hará que la cabeza lectora en la línea del tiempo pase al estado Sobre.

Como podrás notarlo, el botón se copia, así que no necesitarás hacer un nuevo dibujo.

7- Aún estamos en el estado Sobre, si no tienes seleccionado el botón, hazlo (con la Herramienta Flecha y haz doble click sobre nuestro dibujo), luego dirígete a Color de Relleno que se encuentra en la sección colores del Panel de Herramientas, y escoge el color rojo, como se muestra a continuación:

8- Después presiona nuevamente la tecla F6, para que la cabeza lectora pase al estado Presionado, y cambia el color de relleno de la misma forma que lo hicimos en el paso 7; y escoge un color verde. Finalmente presiona por ultima vez F6 para pasar al estado Zona activa, ésto hará que se copie el botón. Para este último estado, no es realmente necesario cambiar el color de fondo.

Con los colores que hemos aplicado, haremos que el botón cambie de color, cuando se lleven a cabo los Estados de los botones anteriormente descritos.

Nuestro botón ha sido creado, así que puedes volver a la Escena 1, abre la biblioteca y verás que ahí esta el símbolo llamado "botón 1", podrás arrastrarlo al escenario las veces que quieras para hacer varias copias de él.

Toma la Herramienta de Texto (A), y escribe lo que desees, después coloca el texto sobre el botón creado; para probar la película haz la tradicional combinación de teclas CTRL + Enter. Si después quieres ver la película en tu explorador de internet, únicamente presiona las teclas CTRL + F12.

3: formas en los botones:
Los botones son símbolos que pueden tener multitud de formas. Si bien lo más habitual es ver botones rectangulares, cuadrados y circulares, cuya creación es inmediata como vimos en el punto anterior, también hay otros muchos tipos de botones que, pese a ser menos utilizados, es muy habitual verlos en multitud de páginas web.

Entre estos están los creados mediante formas poligonales, aquellos que están formados por texto únicamente, dibujos con diferentes motivos, etc. Es interesante su uso para dar más vistosidad ya que algunos resultan más expresivos, y en esto Flash nos ayuda mucho, debido a la relativa sencillez de creación de botones que sus herramientas de dibujo nos ofrece.

Hay varias formas de botón también muy extendidas, como el botón con relieve sencillo o los botones en forma de píldora. Puesto que existen muchas formas de conseguir estos efectos, a continuación tienes un ejercicio paso a paso que muestra una forma de conseguir el relieve en un botón rectangular

practica 7 objetos

¿Qué es un objeto Flash?

Un objeto Flash es un archivo de extensión *.SWF que ha sido diseñado con el programa Adobe Flash (http://www.adobe.es) y que se suele embeber dentro de una página HTML para mostrarse a través del navegador. Esta tecnología ha experimentado tal auge que actualmente se considera indispensable en la elaboración de animaciones y juegos multimedia interactivos en educación.

Para poder trabajar con objetos, es fundamental saber seleccionar la parte del objeto que queramos modificar (mover, girar, cambiar de color...). Podremos observar que las partes de un objeto seleccionadas toman una apariencia con textura (entramado de puntos blancos) para indicar que están seleccionadas.

Objeto SIN seleccionar

Objeto con el BORDE seleccionado

Objeto con el RELLENO seleccionado

Veamos cómo seleccionar las diferentes partes de un objeto:

Seleccionar un Relleno o un Borde: Basta hacer clic 1 vez en el Relleno o en el Borde que queramos seleccionar.

Seleccionar el Relleno y el Borde de un objeto: Hacer doble clic en el Relleno.

Seleccionar todos los bordes (o líneas) de un mismo color que estén en contacto: Hacer doble clic sobre una de las líneas que tenga el color que pretendamos seleccionar.

Seleccionar un Símbolo, un texto, o un grupo: Clic en el Símbolo, en el texto o en el grupo. Estos tipos de objetos mostrarán un borde de color azul (por defecto, depende de la capa) al estar seleccionados.

Seleccionar Varios elementos: Mantendremos pulsada la tecla SHIFT (Mayúsculas) mientras seleccionamos los objetos que queramos.

Seleccionar los objetos que se encuentran en una determinada zona: Para ello usaremos la Herramienta Selección (flecha). Haremos clic en una parte del escenario y arrastraremos el cursor hasta delimitar el área que contenga los objetos que queremos seleccionar. Si esta área corta una forma, sólo quedará seleccionada la parte del objeto que esté dentro del área que hemos delimitado. Si quisiéramos incluir dicho objeto, bastaría con usar la tecla SHIFT y seleccionar la parte del objeto que falta por seleccionar.

Este modo de seleccionar objetos permite seleccionar muchos objetos rápidamente, además de permitirnos seleccionar determinadas zonas de los objetos, para cortarlas, pegarlas...

Además de la Herramienta Seleccionar, también podemos usar la Herramienta Lazo, más útil aún si cabe. Nos permite seleccionar cualquier zona de cualquier forma (la forma la determinamos nosotros) del objeto que sea. Al contrario que la Herramienta Flecha, las áreas seleccionadas no tienen porque ser rectangulares.

Seleccionar a partir de la Línea de Tiempo: Si seleccionamos un determinado fotograma en la línea de tiempo, se seleccionan automáticamente todos los objetos que estén en dicho fotograma. Esto es útil para modificar de un modo rápido todos los elementos del fotograma.

Seleccionar Todo: La forma más natural de seleccionar todo, consiste en hacer clic en el menú Edición → Seleccionar Todo.