Adobe Fireworks

Adobe Fireworks es una herramienta para desarrolladores web que permite disear, editar y optimizar grficos para Internet. Destinado para el manejo de grficos vectoriales y que ofrece un ambiente eficiente tanto para la creacin rpida de sitios web e interfaces de usuario.

Versiones

1998: Macromedia Fireworks 1999: Macromedia Fireworks 2 2000: Macromedia Fireworks 3 2001: Macromedia Fireworks 4 2002: Macromedia Fireworks MX (v6.0) 2004: Macromedia Fireworks MX 2004 (v7.0) 2005: Macromedia Fireworks 8 2007: Adobe Fireworks CS3 (v9.0) 2008: Adobe Fireworks CS4 (v10.0) 2010: Adobe Fireworks CS5 (v11.0) 2011: Adobe Fireworks CS5.1 (v11.1

ADOBE FIREWORKS CS3 (V.90)

Es una exclusiva herramienta de edicin de imgenes vectoriales y de mapa de bits, proporciona el entorno ms eficaz para el diseo de sitios Web e interfaces de usuario, y la creacin y optimizacin de imgenes para la Web. Fireworks CS3 ofrece flexibilidad para editar imgenes vectoriales o de mapa de bits, una biblioteca comn de activos predefinidos, as como integracin con Adobe Photoshop CS3, Adobe Illustrator CS3, Adobe Dreamweaver CS3 y Adobe Flash CS3 Professional, lo que permite ahorrar tiempo.

Novedades de Fireworks CS3

Creacin de smbolos sofisticados Esta versin de Fireworks introduce funciones de smbolos nuevas y otras mejoradas. Podr crear smbolos grficos que pueden ajustarse a escala de forma inteligente y utilizar atributos especficos para ellos mediante un archivo JavaScript (JSF). Imite una interfaz de usuario rpidamente arrastrando estos smbolos al documento y editando los parmetros asociados mediante el panel Propiedades de smbolo. Ajuste de escala de smbolos de forma inteligente Tradicionalmente, cuando se aplica una transformacin a escala a un smbolo, se transforma el objeto completo como una sola unidad. Con determinados tipos de objetos, especialmente con formas geomtricas que tienen ngulos con estilos, el resultado es un smbolo que aparece distorsionado.

Fireworks CS3 introduce una nueva funcin automtica denominada escala de 9 divisiones, que permite ajustar a escala los smbolos vectoriales o de mapa de bits de forma inteligente. Un grupo de guas que aparecen sobre la imagen permiten definir con exactitud cmo se ajusta a escala cada parte del smbolo. Uso de un solo documento de varias pginas En un continuo esfuerzo por mejorar los flujos de trabajo de diseo de sitios Web, Fireworks CS3 facilita la generacin de prototipos complejos de varias pginas utilizando un solo archivo PNG. Cada pgina contiene su propia configuracin de lienzo, tamao, color, resolucin de imagen y guas. Estas configuraciones se pueden definir para cada pgina o de forma global para todas las pginas del documento. Fireworks lleva el concepto multipgina an ms lejos y permite aplicar las capas a una sola pgina o bien compartirlas entre varias. Creacin de presentaciones de diapositivas basadas en Flash Cree automticamente una presentacin de diapositivas. El comando Create Slideshow permite crear presentaciones de diapositivas de Flash sin necesidad de conocer cmo funciona esta aplicacin. Basta con seleccionar una carpeta con imgenes, aadir las opciones de diapositivas (como las transiciones), seleccionar un reproductor de lbumes de Fireworks (una plantilla de Flash) para el resultado final y procesar por lotes la imagen en miniatura y las imgenes a tamao completo optimizadas para la Web. Capas jerrquicas La estructura de las capas de un documento puede ser tan sencilla o tan compleja como se necesite y todas las capas jerrquicas se conservan. Al crear un nuevo archivo, todos los elementos se organizan en el mismo nivel, de forma no jerrquica. Pueden crearse nuevas subcapas y colocar en ellas elementos o bien cambiar elementos de una capa a otra en cualquier momento. Tambin se pueden crear varias subcapas y agruparlas. Utilizacin de archivos de Photoshop Con Fireworks CS3, puede importar directamente archivos nativos desde Photoshop. Adobe alcanza un nuevo nivel de funcionalidad, redefiniendo el concepto de integracin. Ahora, los componentes de diseo y las imgenes de Fireworks pueden guardarse como archivos nativos de Photoshop y abrirse en Photoshop o Fireworks CS3 sin perder la informacin de las capas. Importacin de archivos de Fireworks a Adobe Flash Ahora, puede mover contenido de Fireworks CS3 a Flash CS3 Professional rpidamente con solo copiar y pegar, o bien importar directamente un archivo PNG de Fireworks. La estructura importante se conserva, con varias pginas, capas compartidas, capas jerrquicas, fotogramas, ajustes de escala de 9 divisiones y muchos efectos. Nunca ha sido tan fcil crear prototipos en Fireworks y desarrollar en Flash.

Integracin con FLEX para diseos RIA Los diseadores utilizan cada vez tecnologas ms innovadoras, por lo que el uso de herramientas ms eficaces y la integracin es ahora ms importante que nunca. Fireworks CS3 puede ayudar en el desarrollo de aplicaciones de Internet de prxima generacin, conocidas como aplicaciones RIA, ya que permite exportar activos de bibliotecas comunes como componentes conocidos para su uso en Adobe Flex Builder. El estilo y la posicin absoluta se conservan tambin. Y lo mejor es que el usuario no tiene que preocuparse de nada; Fireworks exporta el cdigo Flex (MXML) necesario. Ahora es muy fcil crear el diseo de una aplicacin Flex en Fireworks, aprovechando los activos de biblioteca comn como MXML para cargarlos en Flex Builder. Utilizacin de archivos de Illustrator Abra archivos de Illustrator en Fireworks conservando las capas jerrquicas, patrones, imgenes vinculadas, atributos de texto o transparencia, entre otras caractersticas. Fireworks tambin contiene opciones de exportacin para exportar a Adobe Ilustrator 8.0.

Adobe Bridge Simplifique la gestin de archivos en Fireworks y en Adobe Creative Suite con Adobe Bridge, el explorador de archivos de prxima generacin. Localice, etiquete, procese y desplcese por las imgenes de forma eficaz. Si utiliza Bridge y Fireworks combinados, aprovecha la ventaja de los metadatos XMP en sus archivos. Adobe XMP (Extensible Metadata Platform) es una tecnologa que facilita al usuario la incorporacin de informacin de archivo a los archivos guardados en formato PNG, GIF, JPEG, Photoshop y TIFF, y permite el intercambio de metadatos entre el software de Adobe y otros sistemas que admiten el estndar de metadatos XMP.

ADOBE FIREWORKS CS4 (V10.0)

Novedades de Fireworks CS4
Mejora del rendimiento y la estabilidad Puede trabajar de forma ms rpida e inteligente con las mejoras generales de rendimiento de Fireworks, desde abrir y guardar archivos hasta la actualizacin de smbolos y las operaciones con numerosos mapas de bits y vectores. Nueva interfaz de usuario Podr cambiar de otras aplicaciones de Creative Suite (como Photoshop, Illustrator y Flash) gracias al diseo sencillo y familiar de la interfaz de usuario universal.

Diseos basados en CSS Disee pginas Web completas en el potente entorno grfico de Fireworks y exporte en un paso los diseos basados en CSS compatibles con los estndares para la Web, junto con las hojas de estilos externas. Empiece con uno de los seis diseos ms comunes e integre grficos de primer plano y de fondo con la deteccin automtica de margen y relleno. Incluya smbolos HTML sofisticados en los diseos de Fireworks para especificar cabeceras, vnculos y propiedades de formato y obtener un control CSS preciso. Exportacin a PDF Puede generar documentos PDF de alta fidelidad, interactivos y seguros a partir de componentes de diseo de Fireworks para una comunicacin mejorada con el cliente. Motor de texto de Adobe Permite generar diseos de texto superiores con las funciones mejoradas de introduccin de texto del Motor de texto de Adobe, conocido para los usuarios de Photoshop e Illustrator, y ahora disponible en Fireworks. Podr importar o copiar y pegar caracteres de doble byte de Adobe Illustrator o Photoshop sin perder fidelidad. La inclusin de texto flotante en un trazado proporcionar mayor impacto en los logotipos de texto. Estilos automticos Aplique a un objeto o texto de Fireworks estilos de diseo profesional o de su propia coleccin personal. Actualice los efectos, colores y atributos de texto aplicados modificando un solo origen de estilo. Mejoras del espacio de trabajo Se proporcionan guas inteligentes para un posicionamiento y una medida rpidos y precisos de las guas y elementos del lienzo: una visualizacin previa le permite conocer la posicin en el lienzo mientras arrastra las guas hasta la posicin adecuada. La edicin directa de smbolos permite una mejora precisa del smbolo en contexto con el resto del diseo; la herramienta de expansin Escala de 9 divisiones ahora se aplica a cualquier objeto del lienzo, no slo a los smbolos.

ADOBE FIREWORKS CS5 ( 11.0)

Novedades de Fireworks CS5

Mejora del rendimiento y la estabilidad Numerosas mejoras en las herramientas ms utilizadas en Fireworks que ayudan a aumentar la eficacia de trabajo. Rendimiento general ms rpido. Mayor control sobre la ubicacin de pxeles de elementos de diseo. Herramienta de trazado compuesto actualizada. Precisin de pxeles La precisin de pxel mejorada garantiza que el diseo resulte limpio y ntido en cualquier dispositivo. Podr corregir con facilidad y rapidez los elementos de diseo que no aparezcan en un pxel completo. Integracin con Adobe Device Central Con el uso de Adobe Device Central, es posible seleccionar perfiles para mviles u otros dispositivos y posteriormente iniciar un flujo de trabajo automatizado para crear un proyecto de Fireworks. El proyecto dispone de la resolucin y el tamao de pantalla del dispositivo de destino. Una vez completado el diseo, se puede obtener una vista previa en distintas condiciones utilizando las capacidades de emulacin de Device Central. Tambin se pueden crear perfiles de dispositivo personalizados. Gracias a la integracin con Adobe Device Central, se obtienen flujos de trabajo de diseo mvil mejorados, incluyendo la emulacin de diseos interactivos. Flujos de trabajo admitidos con Flash Catalyst y Flash Builder Podr crear interfaces de usuario avanzadas y contenido interactivo utilizando los nuevos flujos de trabajo entre Fireworks y Flash Catalyst. Disee en Fireworks y seleccione objetos, pginas o documentos completos para exportar mediante FXG, un nuevo formato de grficos basado en XML para las herramientas de la Plataforma Adobe Flash. Podr exportar sus diseos con eficacia a Flash Professional, Flash Catalyst y Flash Builder mediante un script ampliable y personalizable.

Mejoras en extensibilidad Podr experimentar un mayor control al trabajar con otras aplicaciones: API mejorada compatible con scripts de exportacin ampliables por el usuario, proceso por lotes y control avanzado sobre el formato de archivo FXG. Uso compartido de muestras en el conjunto Se obtendr un mejor control sobre la precisin de color utilizando la capacidad de Fireworks para compartir muestras de forma adecuada entre las aplicaciones de Creative Suite. La capacidad para compartir el formato de archivo ASE potencia el intercambio de color unificado entre los diseadores, incluyendo los que utilizan Adobe Kuler.

ESPACIO DE TRABAJO DE ADOBE FIREWORKS CS5

Informacin general del espacio de trabajo de Fireworks Al abrir un documento en Adobe Fireworks por primera vez, el espacio de trabajo incluye el panel Herramientas, el Inspector de propiedades, los mens y otros paneles. El panel Herramientas, situado a la izquierda de la pantalla, contiene varias secciones de herramientas de distintos grupos, como mapa de bits, vector y Web. De forma predeterminada, el Inspector de propiedades aparece en la parte inferior del documento y al principio muestra las propiedades del mismo. Despus cambia para mostrar las propiedades de la herramienta o el objeto seleccionados mientras se trabaja con el documento. Los paneles estn inicialmente acoplados en grupos a lo largo de la parte derecha de la pantalla. La ventana de documento aparece en el centro de la aplicacin.

Pgina de inicio Al iniciar Fireworks sin abrir ningn documento, aparece la pgina de inicio de Fireworks en el entorno de trabajo. La pgina de inicio le ofrece un acceso rpido a los tutoriales de Fireworks, archivos recientes y Fireworks Exchange, en el que puede aadir nuevas capacidades a algunas funciones de Fireworks. Para desactivar la pgina de inicio, haga clic

en no volver a mostrar este mensaje, cuando se abra la pgina Inicio.

Acerca de los paneles de Fireworks

Los paneles son controles flotantes que ayudan a modificar aspectos de elementos u objetos seleccionados en el documento. Con los paneles se puede trabajar en estados, capas, smbolos, muestras de color y otros. Los paneles pueden arrastrarse por separado, por lo que es posible agrupar los paneles en funcin de las necesidades propias. Panel Optimizar Permite gestionar los ajustes que controlan el tamao y el tipo de los archivos as como trabajar con la paleta de colores del archivo o la divisin. Panel Capas Organiza la estructura de un documento y contiene opciones para crear, eliminar y manipular capas. Panel Biblioteca comn Muestra el contenido de la carpeta de biblioteca comn Common Library, que contiene smbolos. Es fcil arrastrar instancias de estos smbolos desde el panel Biblioteca de documentos hasta el documento. Panel Pginas Muestra las pginas del archivo actual y contiene opciones para la manipulacin de pginas. Panel Estados Muestra los estados del archivo actual y contiene opciones para la creacin de animaciones. Panel Historial Incluye una lista de los comandos de uso reciente que puede deshacer y rehacer de forma rpida. Adems, es posible seleccionar varias acciones y despus guardarlas y volver a usarlas como comandos. Panel Formas automticas Contiene formas automticas que no aparecen en el panel Herramientas. Panel Estilos Permite almacenar y volver a utilizar combinaciones de caractersticas de objetos o elegir un estilo entre los almacenados. Panel Biblioteca de documentos Contiene smbolos grficos, smbolos de botn y smbolos de animacin que ya estn en el documento actual de Fireworks. Es fcil arrastrar instancias de estos smbolos desde el panel Biblioteca de documentos hasta el documento. Tambin es posible realizar cambios globales en ellas modificando solamente el smbolo. Panel URL Permite crear bibliotecas que contienen direcciones URL que se utilizan con frecuencia. Panel Mezclador de colores Permite crear colores para aadirlos a la paleta de colores del documento actual o aplicarlos a los objetos seleccionados. Panel Muestras Gestiona la paleta de colores del documento actual. Panel Informacin Proporciona datos sobre las dimensiones de los objetos seleccionados y las coordenadas del cursor conforme se mueve por el lienzo. Panel Comportamientos Permite controlar los comportamientos, que determinan la reaccin que se produce en las zonas interactivas o las divisiones al mover el ratn. Panel Buscar Permite buscar y reemplazar elementos como texto, URL, fuentes y colores en uno o varios documentos. Panel Alinear Contiene controles para alinear y distribuir objetos en el lienzo.

Panel Propiedades de forma automtica Permite cambiar las propiedades de una forma automtica tras insertarla en un documento. Panel Paleta de colores (Ventana > Otros) Permite crear e intercambiar paletas de colores, exportar muestras de color ACT, explorar distintos esquemas de color y acceder a los controles ms utilizados para elegir los colores. Edicin de imagen (Ventana > Otros) Organiza en un panel las herramientas y opciones utilizadas con frecuencia para la edicin de mapas de bits. Panel Trazado (Ventana > Otros) Ofrece acceso rpido a muchos comandos relacionados con trazados. Caracteres especiales (Ventana > Otros) Muestra los caracteres especiales que se pueden utilizar en bloques de texto. Propiedades de smbolo Permite gestionar las propiedades personalizables de los smbolos grficos.

PALETA DE HERRAMIENTAS DE ADOBE FIREWORKS CS5

El panel Herramientas est organizado en seis categoras:

Seleccionar

Flecha (Pointer tool): Esta herramienta es la ms utilizada ya que con ella movemos y seleccionamos los objetos presentes en nuestras creaciones.

Subseleccin (Subselection tool): La "flechita blanca" nos permite echar a volar nuestra imaginacin ya que nos permite modificar los vectores a nuestro antojo.

Escala (Scale tool): Con esta opcin podemos transformar libremente los objetos, cambiando sus tamaos o rotndolos.

Corte (Crop tool): Si hay queremos seleccionar slo una zona de la imagen para eliminar el resto, esta es la herramienta que necesitamos.

Mapa de bits

Seleccin (Marquee tool): Permite seleccionar cualquier zona de nuestra imagen encuadrada en alguna figura geomtrica, como rectngulos o crculos. Lazo (Lasso tool): Al contrario que la opcin anterior, el lazo permite seleccionar zonas de los mapas de bits libremente. Debido a esto, requiere una gran precisin para realizar una seleccin correcta. Varita mgica (Magic wand tool): Con esta herramienta podemos seleccionar zonas especficas de un bitmap, delimitadas por la presencia de colores similares, slo con hacer un clic. Lpiz (Pencil tool): Si dibujar se trata, esta opcin nos permite crear grficos a pulso, como si estuviramos en el jardn infantil. Goma de borrar (Eraser tool): Elimina cualquier zona de nuestro mapa de bit. Blur tool: Si queremos que algn punto de nuestra imagen se vea desenfocado, esta es la opcin que debemos escoger. Cuentagotas (Eyedropper tool): Tal como si se tratara de un gotero, esta herramienta "succiona" colores que estn presentes en nuestro mapa de bit, para posteriormente aplicarlo en otra zona usando herramientas de dibujo. Tarro de pintura (Paint bucket tool): Literalmente es vaciar un pote de pintura sobre alguna zona de color o seleccin previa.

Vector

Lnea (Line tool): Si queremos crear lneas rectas, esta es la herramienta indicada. Rectngulo: Esta herramienta crea figuras geomtricas como crculos o cuadrados. Para cambiar las formas, debemos presionar el puntero del mouse sobre el botn para que se desplieguen otras opciones. Texto (Text tool): Da la posibilidad de agregar palabras o frases a nuestras imgenes (descripciones, nombres, etc.). Free form tool: Esta herramienta permite crear trazos con la forma que deseemos pero requiere mucha precisin.

Cuchillo (Knife tool): El cuchillo permite cortar un trazo en varios puntos, dejando nuestros vectores como elementos ms sencillos de modificar. Pluma (Pen Tool): Las herramientas permiten dibujar trazados con bordes suaves.

Web

Ocultar divisiones y zonas interactivas: Herramienta que sirve para ocultar la visibilidad de todo el documento incluyendo las guas de divisin. Herramienta Divisin: Nos sirve para realizar las divisiones de nuestros sitios web.

Colores

Bote de pintura (Paint Bucket Tool): Esta herramienta es muy sencilla de utilizar y es muy til para aplicar a zonas amplias un color determinado. Siempre acta sobre los pixeles con caractersticas semejantes. Cuentagotas (EyeDroper Tool): Herramienta le permite tomar un color y colocarlo como predeterminado en Color Frontal o Color de Fondo segn lo desee. Black & White, Swap Colors: No es ms que regresar a los colores default, y swap color, es para cambiar de fill a stroke y viceversa hablando de colores.

Ver

Mano (Hand Tool): La herramienta mueve una imagen dentro de su ventana. Zoom Tool: La herramienta aumenta o reduce la visualizacin de una imagen. Modo Pantalla estndar: Se trata de la vista de ventana de documento predeterminada. Modo Pantalla completa con mens: Vista de ventana de documento maximizada dispuesta contra un fondo gris. Son visibles los mens, las barras de herramientas, las barras de desplazamiento y los paneles. Modo Pantalla completa: Vista de ventana de documento maximizada dispuesta contra un fondo negro. No hay mens, barras de herramientas ni barras de ttulo visibles

Sopa de Letras
http://www.educaplay.com/es/recursoseducativos/608499/fireworks_sopa_de_letras.ht m

Crucigrama
http://www.educaplay.com/es/recursoseducativos/608494/crucigrama_fireworks.htm

Prezi
http://prezi.com/_hxg3gx1admh/fireworks/

BIBLIOGRAFIA

http://en.wikipedia.org/wiki/Adobe_Fireworks http://www.adobe.com/support/documentation/archived_content/es/fireworks/cs3/fireworks_cs 3_help.pdf http://help.adobe.com/es_ES/Fireworks/10.0_Using/fireworks_cs4_help.pdf

http://help.adobe.com/es_ES/fireworks/cs/using/fireworks_cs5_help.pdf