Fireworks
- 1. CONOCIENDO FIREWORKS Alumna: Paola Fernández Grado y Sección : 4°J Profesor : Emilio Felix Alberto
- 2. DEFINICIÓN Adobe Fireworks (anteriormente llamado Macromedia Fireworks) es un editor de gráficos vectoriales y mapas de bits. Fue originalmente desarrollado usando partes de Macromedia xRes, la cual había sido adquirida por Adobe en 2005. Fireworks está pensado para que los desarrolladores web puedan crear rápidamente interfaces web y prototipos de websites. El programa tiene la capacidad de integrarse con otros productos de Adobe tales como el Dreamweaver o el Flash.
- 3. PARA QUE SIRVE? Adobe® Fireworks® es un programa versátil para crear, editar y optimizar gráficos Web. Permite crear y editar imágenes de mapa de bits y vectoriales, diseñar efectos Web, como rollovers y menús emergentes, recortar y optimizar elementos gráficos para reducir su tamaño de archivo y automatizar tareas repetitivas para ahorrar tiempo. Es posible exportar o guardar un documento como un archivo JPEG, un archivo GIF o un archivo de otro formato. Estos archivos pueden guardarse junto con archivos HTML que contengan tablas HTML y código JavaScript para facilitar su uso en Internet.
- 5. INFORMACIÓN GENERAL SOBRE EL ESPACIO DE TRABAJO Cree y manipule documentos y archivos empleando distintos elementos como paneles, barras y ventanas. Cualquier disposición de estos elementos se denomina espacio de trabajo. Los espacios de trabajo de las distintas aplicaciones de Adobe® Creative Suite® 5 tienen la misma apariencia para facilitar el cambio de una a otra. Además, si lo prefiere, puede adaptar cada aplicación a su modo de trabajar seleccionando uno de los varios espacios de trabajo preestablecidos o creando otro personalizado. Aunque el diseño del espacio de trabajo predeterminado varía en función del producto, los elementos se manipulan de manera muy parecida en todos los casos.
- 7. A. Ventanas de documento en forma de fichas B. Barra de aplicaciones C. Conmutador de espacios de trabajo D. Barra de título de panel E. Panel de control F. Panel Herramientas G.Botón Contraer en iconos H. Cuatro grupos de paneles acoplados verticalmente
- 8. SELECCIÓN DE OBJETOS La herramienta Puntero se utiliza para seleccionar objetos al hacer clic en ellos o arrastrar el puntero para crear un área de selección a su alrededor. La herramienta Subselección selecciona un solo objeto de un grupo o los puntos de un objeto vectorial. La herramienta Seleccionar detrás selecciona un objeto situado detrás de otro. La herramienta Exportar área selecciona un área para exportarla en un archivo aparte.
- 9. SELECCIÓN DE OBJETOS ARRASTRÁNDOLOS Arrastre la herramienta Puntero hasta incluir uno o varios objetos en el área de selección.
- 10. DIBUJAR Y EDITAR OBJETOS VECTORIALES Y DE MAPAS DE BITS El panel Herramientas de Fireworks presenta diferentes secciones que contienen herramientas de dibujo y edición de vectores y mapas de bits. La herramienta seleccionada determina si el objeto creado es un vector o un mapa de bits. Una vez dibujado un objeto o texto, puede utilizar una gran variedad de herramientas, efectos, comandos y técnicas para realzar las imágenes o para crear botones de navegación interactivos. También puede importar y editar imágenes en JPEG, GIF, PNG, PSD y muchos otros formatos de archivo.
- 11. AÑADIR INTERACTIVIDAD A LAS IMÁGENES Las divisiones y zonas interactivas son objetos Web que definen áreas interactivas en un gráfico Web. Las divisiones cortan la imagen en secciones exportables, a las que es posible aplicar comportamientos de rollover, animación y vínculos URL (Uniform Resource Locator). En la página web, cada división se muestra como la celda de una tabla. Utilice los tiradores de rollover de arrastrar y colocar en divisiones y zonas interactivas para asignar rápidamente comportamientos de intercambio de imagen y de rollover a las imágenes. Utilice el editor de botones de Fireworks y el Editor de menú emergente para crear imágenes interactivas especiales a fin de desplazarse por sitios Web.
- 12. OPTIMIZAR Y EXPORTAR IMÁGENES Utilice las versátiles funciones de optimización de Fireworks para conseguir el equilibrio exacto entre tamaño de archivo y calidad visual para las imágenes exportadas. El tipo de optimización que elija variará en función de las necesidades de los usuarios y del contenido. Una vez optimizadas las imágenes, el paso siguiente consiste en exportarlas para utilizarlas en la Web. Puede exportar el documento de origen PNG de Fireworks a varios tipos de archivo, como JPEG, GIF, GIF animado y tablas HTML con imágenes divididas en varios tipos de archivo.
- 13. IMÁGENES VECTORIALES Y DE MAPA DE BITS Los sistemas informáticos muestran las imágenes en formato vectorial o de mapa de bits. Entender la diferencia entre los dos formatos ayuda a comprender el programa, que contiene herramientas vectoriales y de mapa de bits y es capaz de abrir e importar ambos formato
- 14. ACERCA DE LAS IMÁGENES VECTORIALES Las imágenes vectoriales representan las imágenes mediante líneas y curvas (vectores) que contienen información de color y posición. Por ejemplo, la imagen de una hoja puede definirse por medio de un conjunto de puntos que describen su contorno. El color de la hoja queda determinado por el color de su contorno (trazo) y el del área que encierra este contorno (relleno).
- 15. ACERCA DE LAS IMÁGENES DE MAPA DE BITS Las imágenes de mapa de bits están formadas por puntos (píxeles) organizados en una cuadrícula. La pantalla del equipo es una gran cuadrícula de píxeles. En la versión de mapa de bits de la hoja, la imagen está determinada por la posición y el valor de color de cada píxel de la cuadrícula. Cada píxel tiene asignado un color. Cuando se presentan con la resolución adecuada, los puntos encajan entre sí como las teselas de un mosaico.
- 16. Imagen de Mapa de Bits Imagen Vectorial
- 17. INFORMACIÓN DE SELECCIÓN DEL INSPECTOR DE PROPIEDADES Cuando se selecciona un objeto, el Inspector de propiedades identifica la selección. El área superior izquierda del Inspector de propiedades contiene la descripción del elemento que se está inspeccionando y el número de objetos seleccionados (si son varios). El Inspector de propiedades también dispone de un cuadro para escribir un nombre para los elementos seleccionados.
- 18. ACOPLAMIENTO Y DESACOPLAMIENTO DE PANELES Para acoplar un panel, arrástrelo por su ficha al conjunto apilado, a la parte superior, a la parte inferior o entre otros paneles. Para acoplar un grupo de paneles, arrástrelo por su barra de título (la barra vacía sólida que se encuentra encima de las fichas) al conjunto acoplado. Para quitar un panel o grupo de paneles, arrástrelo fuera del conjunto acoplado por su ficha o barra de título. Puede arrastrarlo a otro conjunto acoplado o hacer que flote con libertad.
- 19. Panel del navegador arrastrado a un nuevo conjunto acoplado, indicado por un resaltado vertical azul