Guía de Aprendizaje de Fireworks CS5
Guía de Aprendizaje de Fireworks CS5
Guía de Aprendizaje de Fireworks CS5
Grado de Multimedia
multimedia.uoc.edu
Gua de Aprendizaje
Gua de Aprendizaje
INTRODUCCIN OBJETIVOS
Gua de Aprendizaje
INTRODUCCIN OBJETIVOS
Gua de Aprendizaje
1 2 3
Gua de Aprendizaje
1 2
La barra de mens, en la parte superior de la pantalla, recoge todas las funciones posibles que permite el programa. Debido a la gran variedad de opciones, estas mismas tambin estn separadas segn su funcin en paneles e inspectores. La paleta de herramientas contiene todas las herramientas necesarias para la creacin y edicin grfica. En total hay 55 herramientas, algunas de las cuales estn agrupadas. Un grupo de herramientas se identifica por un tringulo negro en el borde inferior derecho de la herramienta. Para seleccionar una herramienta de un grupo de herramientas basta con dejar pulsado el ratn encima del icono para que se desplieguen el resto de herramientas. A medida de que avancemos en la Gua de Aprendizaje veremos sus diferentes usos.
3 4
Este es el espacio dnde se sitan los documentos abiertos. Los paneles e inspectores renen todas las opciones separadas segn su funcin. Estos paneles pueden abrirse, cerrarse y ordenarse, personalizndolos segn los requerimientos de cada usuario. Los paneles permiten controlar las caractersticas de la herramienta seleccionada y los inspectores controlan las caractersticas de los objetos seleccionados. Para abrir un panel o inspector basta con seleccionarlo desde el men Ventana de la barra de mens. Estos paneles e inspectores por defecto estn ordenados en grupos, pero podemos separarlos y ordenarlos de la manera que nos sea ms cmoda para trabajar. Para ello slo tenemos que seleccionar el comando Agrupar con... en el men de opciones del panel e indicar el panel con el que queremos formar grupo.
Fireworks dispone de un gran nmero de paneles e inspectores para trabajar, es por ello que el programa utiliza este Inspector para contener todas las funciones de propiedad de los objetos (vectoriales, bitmap, texto, etc.) y las opciones de las herramientas contenidas en el men Herramientas. As, se reduce el nmero de paneles e inspectores que necesitamos tener abiertos para realizar nuestro trabajo. El hecho de ser un panel dinmico que cambia segn vamos trabajando y slo nos muestra las opciones necesarias en cada momento, es una de las grandes ventajas de Fireworks. Por ejemplo, cuando se encuentra seleccionado un objeto vectorial el Inspector de Propiedades muestra todas las opciones de grficos vectoriales como el trazo y el relleno. Al elegir una herramienta del men Herramientas, el Inspector de Propiedades visualiza las opciones que la herramienta tiene.
Gua de Aprendizaje
Gua de Aprendizaje
2 Cambiar color de fondo 3 Cambiar tamao del lienzo del documento 4 Cambiar tamao del documento 5 Cambiar tamao del lienzo al tamao del
objeto seleccionado
Gua de Aprendizaje
Gua de Aprendizaje
3 1 2
1 Alto y ancho
4 Caractersticas del
trazo
2 Situacin del
5 Transparencias y
efectos
3 Caractersticas del
Gua de Aprendizaje
2 3
Gua de Aprendizaje
atravesada indica que no existe ningn color de trazo seleccionado. Una vez hemos seleccionado un color para el contorno de rectngulo podemos darle un grosor. En este caso de 2 pxeles
Resultado
Gua de Aprendizaje
Ejemplo 5 lados
Ejemplo 10 lados
Gua de Aprendizaje
Ejemplo polgono
Ejemplo estrella
Ejemplo 70
Gua de Aprendizaje
Una vez dibujado el polgono podemos ajustar su tamao y su posicin dentro del lienzo. Para ello seleccionaremos las herramientas de transformacin. La herramienta que utilizaremos en este caso es la herramienta de escala.
Gua de Aprendizaje
Nota: La herramienta escalar tambien es la herramienta que nos permite girar el objeto. Seleccionando una esquina del objeto y estirando en diagonal lo hacemos rotar. Resultado
Gua de Aprendizaje
Para mover el objeto basta con seleccionarlo con el Puntero clicando sobre l y arrastrarlo hasta la zona deseada. Es conveniente arrastrar el objeto desde su centro para evitar deformarlo.
Gua de Aprendizaje
Rectangulo seleccionado
Gua de Aprendizaje
Gua de Aprendizaje
3 1 5 4 2 6
1 3
5
Resultado
Gua de Aprendizaje
2 3 1 4 5 6 7 8 9 10
16 17
18
Como podemos comprobar, el puntero se transforma y el Inspector de Propiedades muestra las propiedades de texto, que pueden ser variadas en cualquier momento. Clicaremos sobre el lienzo y escibiremos el texto "Fireworks CS5". Para modificar la fuente, el tamao, el estilo y la alineacin del texto nicamente necesitamos seleccionar el objeto en el lienzo y modificar sus atributos desde el Inspector de Propiedades. Modificaremos los atributos del texto desde el Inspector de propiedades y utilizaremos la herramientas de transformacin para un resultado similar al de la imagen.
5 Escala horizontal 6 Interlineado 7 Espacio delante del prrafo 8 Espacio despus del prrafo 9 Unidades del Interlineado 10 Desplazamiento lnea base
Gua de Aprendizaje
Guardaremos el documento seleccionando el comando: Archivo > Guardar El formato de archivo propio de Fireworks es el formato PNG. Guardando el documento en este formato podremos abrirlo posteriormente y realizar las modificaciones que deseemos.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Luego seleccionaremos el rectangulo verde y le redondearemos las esquinas con un valor de 30 puntos. La esquina del rectngulo queda fuera del lienzo con lo que no observamos el cambio.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Clicando sobre las flechas podemos seleccionar otros colores. Nosotros seleccionaremos un degradado que vaya de un azul ozcuro a un azul claro.
Gua de Aprendizaje
Gua de Aprendizaje
Seleccionando el punto redondo, modificaremos el largo del degradado. Haciendo la linea ms corta reduciremos el trozo en el que se pasa de un color a otro.
Gua de Aprendizaje
Gua de Aprendizaje
Seleccionaremos el rectngulo del degradado y le daremos la propiedad de borde fundido con un valor de 30 pxeles para el grueso del fundido. Este proceso lo repetiremos para el tercer rectngulo.
Gua de Aprendizaje
Si obserbamos ahora el panel capas vemos que contiene una capa nueva.
Gua de Aprendizaje
Si tenemos esta opcin activada slo podremos seleccionar en el lienzo los objetos que contenga la capa seleccionada. Resulta til activar esta opcin cuando trabajamos con Vemos que ahora aparece un icono de candado. documentos que contienen muchos objetos en el rea de trabajo, ya que podemos controlar mejor los objetos a seleccionar con el Puntero. Fijmonos que la capa que tenemos seleccionada es la que aparece marcada en azul y con un icono de lpiz en la segunda columna.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Nota: Las opciones de combinacin de objetos tambin las encontramos en el panel de propiedades.
Gua de Aprendizaje
Nosotros seleccionaremos el trazo Antinatural > Pintura viscosa. Le daremos un grosor de trazo de 20 puntos. Un tamao de borde de 30 puntos. Por ltimo de daremos un color lila.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Tambin es posible variar la interaccin de colores de dos o ms objetos superpuestos, utilizando los modos de mezcla. Los modos de mezcla manipulan los valores de color de los objetos superpuestos y controlan los efectos de opacidad.
Gua de Aprendizaje
En el transcurso de esta prctica hemos visto los diferentes tipos de rellenos y de trazos que dispone el programa. El uso del panel capas. Y la combinacin con diferentes elementos para generar un objeto ms complejo. La prctica a realizar por el estudiante para finalizar el tutorial consiste en la creacin de una ilustracin de un paisaje que contenga el mayor nmero de pasos vistos posibles (mltiples capas, elementos agrupados, formas automticas, curvas bezier, diferentes tipos de rellenos y trazos, opacidades, mscaras)
Gua de Aprendizaje
Es muy probable que en el transcurso de un proyecto profesional necesitemos trabajar en Fireworks con documentos creados con otros programas de dibujo. Imaginmonos que nos llega una ilustracin realizada con Adobe Illustrator CS5. Para realizarla se ha utilizado las herramientas vectoriales propias de Illustrator (trazos, rellenos slidos, rellenos degradados, tramas, mscaras, elementos agrupados, capas, etc...). Ahora necesitamos pasar todo este trabajo a Fireworks para continuar el proyecto.
2 3 4
Gua de Aprendizaje
Gua de Aprendizaje
Nota: Suavizado: Esta opcin hace que los bordes de los objetos vectoriales estn suavizados, para evitar bordes dentados. Texto: Aqu podemos elegir varias opciones de suavizado aplicable al texto. Dependiendo del tamao del texto utilizado ser mejor elegir una u otra de las opciones.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Documento Illustrator
Documento Fireworks
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Documento Illustrator
Gua de Aprendizaje
Nota: Nos aseguraremos que tenemos la opcin de mscara en Escala de grises. Seleccionaremos el degradado y el grfico de sombra y los agruparemos como mscara. Modificar > Mscara > agrupar como mscara
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Nota: Fijmonos que en Fireworks las capas equivalen a los conjuntos de capas de Photoshop, y las capas de Photoshop equivalen a objetos individuales de Fireworks.
Gua de Aprendizaje
Resultado
Gua de Aprendizaje
Al seleccionar la herramienta podemos seleccionar en el Inspector de Propiedades el tamao del pincel a usar y la intensidad con la que queremos aplicar el efecto.
Gua de Aprendizaje
La mejor forma de utilizar estas herramientas es con un pincel grueso y con un borde muy suave y una intensidad baja. Para aplicarla no la utilizaremos como si fuese una herramienta de pintura si no dndo clics sobre la imagen. De esta manera evitaremos "ensuciar" la imagen creando zonas de color muy irregulares.
Nota: Para retroceder pasos arrastraremos la flecha hasta llegar al ltimo paso que consideremos correcto.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Utilizaremos la herramienta Pincel para pintar de color negro dentro del plano. Conseguiremos un mejor resultado seleccionando un pincel grueso con mucho suavizado y utilizando una opacidad baja. Podemos borrar un trozo de sombra utilizando la herramienta Borrador, para redibujarla con ms precisin.
Gua de Aprendizaje
Resultado: Empezaremos el proceso para conseguir una esttica diferente. Generaremos un plano de mapa de bits nuevo dentro de la capa.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Como segunda prctica a realizar una vez finalizada esta parte del tutorial, realizaremos otro fotomontaje. Para su realizacin utilizaremos estas dos mismas fotografas, pero esta vez como cielo del fotomontaje utilizaremos la fotografa que en el tutorial hemos utilizado para el suelo y viceversa. Cambiaremos el efecto de fotografa antigua por uno personalizado.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
En la parte baja de la ventana de documento podemos ver el tamao del archivo con la compresin seleccionada y el tiempo de descarga.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Eligiremos la compresin JPEG al 80%, ya que vemos que con la compresin al 30% la imagen pierde demasiada calidad, y en formato GIF el peso del archivo es mayor. Para exportar el archivo optimizado utilizaremos el comando: Archivo > Exportar.
Gua de Aprendizaje
Una vez visto el proceso de optimizacin de documentos pedimos como prctica al estudiante optimizar los documentos finales realizados en los anteriores tutoriales, intentando conseguir el menor peso de archivo posible sin perder calidad de imagen.
Gua de Aprendizaje
Gua de Aprendizaje
Al seleccionar la herramienta vemos que en el Inspector de propiedades podemos seleccionar las propiedades del trazo. Si nos fijamos en el panel Capas, Aparece este nuevo elemento del Seleccionaremos las siguientes: - Color: Negro - Grosor: 1 pxel. - Tipo de trazo: Pxel Blando - Borde: 0 - Textura: 0% documento marcado como "Mapa de bits".
Gua de Aprendizaje
Fijmonos que en el Inspector de propiedades hemos seleccionado las mismas propiedades del trazo. - Color: Negro - Grosor: 1 pxel. - Tipo de trazo: Pxel Blando - Borde: 0 - Textura: 0% Vemos en el panel Capas que este nuevo elemento lo marca como Trazado.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Esto es debido a que el objeto que tenemos no est formado a partir de unas propiedades de trazo y de relleno sino que est formado por un conjunto de pxeles de colores. Si seleccionamos otra vez la herramienta Cubo de pintura, escogemos otro color y clicamos sobre el rectngulo, veremos que no estamos cambiando el color de relleno del objeto sino que estamos cambiando el color de los pxeles sobre los que clicamos. Es decir, al clicar con la herramienta sobre la imagen, automticamente se colorearn los pxeles contiguos de color similar al pxel que ha recibido el clic. Segn el valor de la tolerancia, aumentaremos o reduciremos el rango de los colores seleccionados.
Gua de Aprendizaje
Con esta herramienta dibujaremos el contorno de la seleccin como si utilizsemos la herramienta Lpiz o pincel.
Nota: Como hemos dicho anteriormente, si clicamos con una herramienta de seleccin de pxeles deshacemos la seleccin que tengamos en uso, pero si al clicar presionamos el ratn y arrastramos moveremos toda la seleccin.
Gua de Aprendizaje
1 Con este comando seleccionamos todos los pxeles del plano. 2 Deseleccionar la seleccin que hayamos realizado. 3 Seleccionamos los pxeles de un color parecido al conjunto de pxeles
seleccionados. El grado de pxeles seleccionados depende del valor de
1 2 3 4 5 6 7 8 9 10 11
4 Seleccionar los pxeles que quedan fuera de la seleccin actual. 5 Realiza un fundido en los bordes de la seleccin. 6 Aade un nmero de pxeles al rea de seleccin. 7 Resta un nmero de pxeles al rea de seleccin. 8 Selecciona un nmero de pxeles concretos a partir de la lnea que forma la
actual seleccin
9 Hace la lnea que forma la seleccin ms suave, eliminando esquinas. 10 Transforma el contorno de la seleccin en un trazo vectorial 11 Permite guardar en memoria una seleccin para su futuro uso.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Podemos comprobar que los cambios realizados se actualizan en todas las instancias del smbolo.
Gua de Aprendizaje
Gua de Aprendizaje
El uso de estas zonas de recorte lo veremos en un prximo tutorial, ahora nos limitaremos a ocultar la capa Capa de Web para no verlas.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Como nombre de estilo introduciremos "Pie de foto" y clicaremos en Aceptar. Si nos fijamos en el panel Estilos, aparece este nuevo estilo en la lista. En el cuadro de dilogo Nuevo estilo debemos seleccionar las propiedades del objeto que queremos incluir en el estilo. Es posible elegir unas propiedades y otras no. En nuestro caso las seleccionaremos todas. Ahora aplicaremos el estilo al resto de textos.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Estado 1
Estado 2
Estado 3
Estado 4
Estado 5
Gua de Aprendizaje
Nota: El icono en forma de pgina al lado de la capa nos indica que esta capa se esta compartiendo.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Si nos fijamos en la columna derecha del panel estados encontramos la duracin del estado dentro de la animacin.
Gua de Aprendizaje
Igual que con las imgenes estticas, antes de exportar la animacin deberemos optimizar la imagen para reducir el tamao del archivo lo mximo posible. Para optimizar la animacin utilizaremos el panel Optimizar.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Archivo > Descartar Cambios Con este botn podemos aplicar las acciones que estn seleccionadas en el panel Historial a otros objetos seleccionados en Esta opcin devuelve el documento al estado en el que qued la ltima vez que fue guardado. En el caso de haber guardado los cambios realizados en el transcurso del tutorial abriramos de nuevo el documento original. Ahora que tenemos el documento en el estado original, ejecutaremos el comando "cambio de estilo". Podemos observar que se han realizado todos los pasos que dimos en el transcurso del tutorial. En nuestro documento este tipo de aplicacin de secuencia de pasos no nos es funcional, ya que no tenemos ninguna necesidad de volver a aplicar una secuencia de comandos de bsqueda y reemplazo en el mismo documento. Pero esta opcin es muy til cuando hemos realizado una secuencia de transformaciones (cambio de tamao, color, trazo...) a un objeto y queremos repetir el proceso en otro objeto dentro del mismo documento. el rea de trabajo.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Podremos modificar un vnculo URL de la zona interactiva en cualquier momento. Para ello, basta con seleccionar la zona interactiva y modificar los valores del vnculo en el Inspector de Propiedades. El panel URL sirve para almacenar y organizar direcciones de Para aplicar un vnculo URL a varias zonas interactivas a la vez, basta con seleccionarlas (con la tecla Maysculas) e introducir los valores del vnculo en el Inspector de Propiedades, igual que si se tratara de una zona interactiva individual. Internet de uso frecuente, para aplicarlas como vnculos en cualquier documento Fireworks. De modo que si vamos a utilizar una direccin en varios documentos, conviene guardarla en este panel a modo de biblioteca.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Ahora podemos abrir el documento pack-adobe.htm con un navegador Web y ver el resultado final, tanto grfico como interactivo.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Este es un ejemplo sencillo y el ahorro conseguido realmente no es demasiado significativo. Pero en documentos ms complejos podemos conseguir ahorros muy significativos de tiempo a la hora de descargar las imgenes de la Web
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Clicando en este botn se abrir la ventana de edicin de divisin HTML. En esta ventana introduciremos el texto que deseamos en formato HTML editable. En esta divisin introduciremos el texto que se muestra en la imagen de la derecha.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Repetiremos este proceso para las otras divisiones que contienen las fotografas de los packs.
Gua de Aprendizaje
Gua de Aprendizaje
En la carpeta imgenes veremos que hay 9 documentos grficos, los 8 documentos correspondientes a los cortes definidos y un documento adicional, llamado spacer.gif, necesario para el ajuste preciso de los grficos por parte del cdigo HTML. Los nombres de estos documentos responden al nombre escogido para el documento HTML, a los que se aaden unos sufijos numerados a efectos de no repetir los nombres de ficheros en Windows. Tambin podemos observar que hay 4 documentos en formato JPEG, mientras que el resto son en formato GIF, tal como hemos definido al optimizar el documento. NOTA: Cabe sealar que si hubiramos dado nombres especficos a los objetos Web correspondientes a las divisiones en el panel Capas, sus ficheros resultantes habran adquirido esos nombres. Esto resulta especialmente til para generar documentos de divisiones que queramos actualizar peridicamente. Al darles nombres especficos resulta ms fcil localizarlos y reemplazarlos cada vez que sea necesario actualizarlos. Tambin resulta til para este propsito la opcin Slo divisiones seleccionadas, que nos permite exportar selectivamente las divisiones necesarias en futuras actualizaciones.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Los comportamientos siempre se aplican a objetos Web, nunca a los grficos propiamente dichos. Para ello es necesario seleccionar la divisin y aadir el comportamiento mediante el panel Comportamientos. Abriremos el panel Comportamientos desde el men Ventana.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Ahora que tenemos al menos dos botones creados veremos el proceso de creacin de un Rollover desunido. Tal como hemos dicho anteriormente, un Rollover desunido es aquel en el que la imagen que cambia se encuentra fuera del rea de la imagen que lo activa. Para crear un Rollover desunido tambin se utilizan las divisiones, los estados y los comportamientos. Veamos un ejemplo. Utilizaremos este sistema para mostrar las imgenes de nuestro portfolio.
Gua de Aprendizaje
Gua de Aprendizaje
Colocaremos el cursor sobre la marca de insercin en el centro de la divisin (el que tiene forma de mira telescpica) del botn "Tutorial 2" de modo que el Puntero cambie a la forma de una mano. Por defecto siempre aparece seleccionado el estado 2, que es precisamente el que queremos para este botn, as que en este caso aceptaremos esta opcin. Para ver el resultado en funcionamiento activaremos la ficha Presentacin preliminar en la ventana del documento y moveremos el cursor dentro y fuera de los botones de seleccin de tutorial.
Gua de Aprendizaje
Gua de Aprendizaje
Cada Pgina sera un documento independiente, cada una con sus capas, objetos, divisiones, comportamientos etc. Desde el panel podemos crear pginas nuevas vacas o podemos duplicar la pgina inicial para tener una copia de todo el proceso realizado.
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Gua de Aprendizaje
Para ello seleccionaremos con el botn derecho del ratn la opcin Allanar seleccin sobre la capa. Veremos que ahora el fondo degradado es un Mapa de bits.
Gua de Aprendizaje
Como ltimo detalle aadiremos un efecto de sombra a estos smbolos. Con esto comprobaremos que los filtros de Fireworks son compatibles con los filtros de Flash
Lo que nos generar un archivo de texto FXG con la informacin del documento en formato XML y una carpeta que contendr los elementos grficos.
Gua de Aprendizaje
Nota: Para poder visualizar el archivo FXG en la ventana de exploracinde ficheros deberemos seleccionar Todos los archivos en el filtro de seleccin, ya que el formato FXG no est dentro de los formatos estndares para documentos Flash. Podemos comprobar como tenemos todos los elementos separados y editables. Nota: Al abrir un documento FXG no se asigna el ancho y alto de la pelicula Flash, de manera que deberemos proporcionar nosotros esos valores.
Gua de Aprendizaje
Nota: Fireworks tambin dispone de la opcin Vista previa en Device Central, pero dado que en ese caso nicamente visualizaramos una imagen esttica sera un paso irrelevante.
Gua de Aprendizaje
Gua de Aprendizaje
Podemos comprobar que se genera un archivo de texto MXML que podemos importar y editar desde Flash Builder CS5.
Gua de Aprendizaje