Funciones principales
Edición de mapas de bits y vectores
Cree y edite imágenes de mapas de bits y vectores e importe y edite archivos Photoshop e Illustrator originales.
Optimización de imágenes
Optimice gráficos para prácticamente cualquier entorno de presentación con vista previa, vista previa gamma multiplataforma, compresión JPEG selectiva y una amplia gama de controles de exportación.
Integración eficaz de Photoshop e Illustrator
Integración eficaz de Photoshop e Illustrator
Importe archivos Photoshop (PSD) al tiempo que conserva las capas jerárquicas, los efectos de capa y los modos de fusión. Guarde archivos Fireworks (PNG) de nuevo en el formato Photoshop (PSD). Importe archivos de Illustrator (AI) al tiempo que conserva la integridad de los gráficos, incluida la información sobre la capa, el grupo y el color.
Diseño rápido de prototipos
Diseños interactivos de prototipos para sitios web y aplicaciones de Internet sofisticadas. Exporte prototipos de sitios web a Adobe Dreamweaver y prototipos de RIA a Adobe Flex.
Compatibilidad con varias páginas
Compatibilidad con varias páginas
Utilice el nuevo panel Páginas para crear varias páginas en un único documento (archivo PNG) y comparta capas en varias páginas. Cada página puede contener sus propios cortes, capas, marcos, animaciones y ajustes de lienzo, lo que facilita la simulación del flujo de los sitios web en un prototipo.
Organización jerárquica de las capas
Organice y gestione sus prototipos con una nueva estructura jerárquica de capas, similar a la de Adobe Photoshop, que le permite organizar fácilmente capas y páginas web.
Efectos de filtro
Efectos de filtro
Aplique efectos de luz y de sombras, estilos y modos de fusión, incluidos siete nuevos modos de fusión de Photoshop, para añadir profundidad y carácter al texto y a los símbolos.
Biblioteca común
Dé rienda suelta al diseño de prototipos con una biblioteca común de símbolos gráficos, símbolos de texto y animaciones que se usan con frecuencia en aplicaciones, formularios, interfaces y sitios web.
Escala inteligente
Escala inteligente
Aplique escalas de forma inteligente a botones y símbolos gráficos (en vectores o mapas de bits) con escalas de nueve cortes. Combine la aplicación de escalas de nueve cortes con la biblioteca de formas automáticas para acelerar el diseño del prototipo de la aplicación y el sitio web.
Integración optimizada de Dreamweaver y Flash
Copie un objeto creado en Fireworks CS3 y péguelo directamente en Dreamweaver CS3. Cree menús emergentes que puedan almacenarse como CSS y HTML. Exporte archivos Fireworks (PNG) directamente a Flash CS3 al tiempo que conserva los vectores, los mapas de bits, las animaciones y los botones multiestado y, a continuación, edite los archivos mediante Flash CS3.
miércoles, 28 de mayo de 2008
lunes, 26 de mayo de 2008
imagenes que maneja fireworks
Vectorial:
(Gráficos de vector, gráficos orientado a objetos (object-oriented graphics), SVG) Se refiere al uso de fórmulas geométricas para representar imágenes por software y hardware. Esto significa que los gráficos vectoriales son creados con primitivas geométricas como puntos, líneas, curvas o polígonos.
El otro método para representar imágenes gráficas es a través de mapa de bits o gráfico rasterizado, en donde la imagen está compuesta por una matriz de puntos (píxeles).
Las imágenes vectoriales son más flexibles que las de mapa de bits porque pueden ser redimensionadas y extendidas sin perder calidad. Incluso la animación por gráficos vectoriales suele ser más sencilla y ocupar menos espacio que las de gráficos de mapa de bits. Otra ventaja de los gráficos vectoriales es que su representación suele requerir menos memoria y menos espacio de almacenamiento.
La mayoría de los sistemas gráficos sofisticados (CADD y software de animación) utilizan gráficos por vector. Las fuentes son representadas como vectores llamadas fuentes orientadas a objetos o fuentes de vectores.
La mayoría de los dispositivos de salida (impresoras, monitores, demás) están basados en imágenes por puntos, esto significa que todos los gráficos vectoriales deben ser convertidos a un mapa de bits antes de su salida.
Ha de destacarse que las fotografías no pueden almacenarse vectorialmente, pero sí existen programas trazadores de imágenes que intentan llevar las imágenes de mapa de bits hacia gráficos vectoriales. El resultado es una imagen tipo dibujo animado.
En tanto, aquellas imágenes que contienen texto (por ejemplo un texto escaneado), pueden convertirse a gráficos vectoriales y así hacer el texto editable. Estos sistemas son llamados OCR.
El flash, las fuentes, los gráficos en 3D, etc. utilizan gráficos vectoriales.
Algunos de los formatos gráficos que aceptan vectores son AI (de Illustrator), CDR (de Corel Draw), DXF (formato de intercambio de AutoCad), .FH9, .FH10, .FH11... (de FreeHand), IGES, PostScript, SVG, SWF (de Flash), WMF (Windows MetaFiles), etc.
Bitmap:
BitMaP o Mapa de Bits. Extensión de archivos de imagen del formato llamado Mapa de Bits. En los mapa de bits existe una matriz de píxeles se le asigna una dirección asociada un código de color específico. Esto constituye una imagen.
Poseen una compresión sin pérdida de calidad y suelen ocupar mucho espacio de almacenamiento.
(Gráficos de vector, gráficos orientado a objetos (object-oriented graphics), SVG) Se refiere al uso de fórmulas geométricas para representar imágenes por software y hardware. Esto significa que los gráficos vectoriales son creados con primitivas geométricas como puntos, líneas, curvas o polígonos.
El otro método para representar imágenes gráficas es a través de mapa de bits o gráfico rasterizado, en donde la imagen está compuesta por una matriz de puntos (píxeles).
Las imágenes vectoriales son más flexibles que las de mapa de bits porque pueden ser redimensionadas y extendidas sin perder calidad. Incluso la animación por gráficos vectoriales suele ser más sencilla y ocupar menos espacio que las de gráficos de mapa de bits. Otra ventaja de los gráficos vectoriales es que su representación suele requerir menos memoria y menos espacio de almacenamiento.
La mayoría de los sistemas gráficos sofisticados (CADD y software de animación) utilizan gráficos por vector. Las fuentes son representadas como vectores llamadas fuentes orientadas a objetos o fuentes de vectores.
La mayoría de los dispositivos de salida (impresoras, monitores, demás) están basados en imágenes por puntos, esto significa que todos los gráficos vectoriales deben ser convertidos a un mapa de bits antes de su salida.
Ha de destacarse que las fotografías no pueden almacenarse vectorialmente, pero sí existen programas trazadores de imágenes que intentan llevar las imágenes de mapa de bits hacia gráficos vectoriales. El resultado es una imagen tipo dibujo animado.
En tanto, aquellas imágenes que contienen texto (por ejemplo un texto escaneado), pueden convertirse a gráficos vectoriales y así hacer el texto editable. Estos sistemas son llamados OCR.
El flash, las fuentes, los gráficos en 3D, etc. utilizan gráficos vectoriales.
Algunos de los formatos gráficos que aceptan vectores son AI (de Illustrator), CDR (de Corel Draw), DXF (formato de intercambio de AutoCad), .FH9, .FH10, .FH11... (de FreeHand), IGES, PostScript, SVG, SWF (de Flash), WMF (Windows MetaFiles), etc.
Bitmap:
BitMaP o Mapa de Bits. Extensión de archivos de imagen del formato llamado Mapa de Bits. En los mapa de bits existe una matriz de píxeles se le asigna una dirección asociada un código de color específico. Esto constituye una imagen.
Poseen una compresión sin pérdida de calidad y suelen ocupar mucho espacio de almacenamiento.
Familia de fireworks:Macromedia
Inicialmente Macromedia era una empresa desarrolladora de software gráfico y desarrollo web. Su central estaba en San Francisco, California (EE.UU). Fue formada en 1992 por la fusión entre Authorware, Inc. y MacroMind-Paracomp (creadores de Macromind Director).
En 1999 adquirió la compañía de análisis de tráfico Andromedia y en 2001 la compañía de desarrollo Web Allaire. En 2003 adquirió Web Presedia y eHelp Corporation, cuyos productos eran RoboHelp, RoboDemo (NAhora Captivate), y RoboInfo.
El 18 de, Adobe Systems anunció un acuerdo para adquirir Macromedia en una transacción valorada en, aproximadamente, 3400 millones de dólares. El 5 de diciembre de 2005, Adobe Systems completa la adquisición de Macromedia.
Algunos productos adquiridos o desarrollados por Macromedia son: Flash, Flash Player, Dreamweaver, Breeze, Flex, ColdFusion, Director, Authorware, FreeHand, Fireworks, Fontographer, Contribute, Robohelp, Captivate, Shockwave, Shockwave Player, JRun, Flash Communication Server, HomeSite, Flashpaper, Central, FlashCast, Studio 8 (Flash, Dreamweaver, Fireworks, etc.).
En 1999 adquirió la compañía de análisis de tráfico Andromedia y en 2001 la compañía de desarrollo Web Allaire. En 2003 adquirió Web Presedia y eHelp Corporation, cuyos productos eran RoboHelp, RoboDemo (NAhora Captivate), y RoboInfo.
El 18 de, Adobe Systems anunció un acuerdo para adquirir Macromedia en una transacción valorada en, aproximadamente, 3400 millones de dólares. El 5 de diciembre de 2005, Adobe Systems completa la adquisición de Macromedia.
Algunos productos adquiridos o desarrollados por Macromedia son: Flash, Flash Player, Dreamweaver, Breeze, Flex, ColdFusion, Director, Authorware, FreeHand, Fireworks, Fontographer, Contribute, Robohelp, Captivate, Shockwave, Shockwave Player, JRun, Flash Communication Server, HomeSite, Flashpaper, Central, FlashCast, Studio 8 (Flash, Dreamweaver, Fireworks, etc.).
Formatos que maneja fireworks
Mediante el Photoshop o el Fireworks , podremos exportar imágenes con muchas configuraciones diferentes. Tenemos varias opciones de formatos pre-establecidas:
GIF Web 16 (impone que todos los colores sean seguros para la Web. La paleta de colores contiene hasta 216 colores.)
GIF WebSnap 256 (convierte los colores que no son seguros para la Web en sus correspondientes seguros más cercanos. La paleta de colores puede contener hasta 256 colores como máximo.)
GIF WebSnap 128 (convierte los colores que no son seguros para la Web en sus correspondientes seguros más cercanos. La paleta de colores contiene hasta 128 colores.)
GIF adaptable 256 (es una paleta de colores que contiene sólo los colores utilizados en el gráfico. La paleta de colores puede contener hasta 256 colores como máximo.)
JPG - Calidad Superior (define la calidad en 80 y el suavizado en 0, creando un gráfico de alta calidad pero más grande.)
JPG - Archivo más pequeño (define la calidad en 60 y el suavizado en 2, creando un gráfico de calidad reducida pero que ocupa la mitad que uno de calidad superior.)
GIF animado WebSnap 128 (define el formato del archivo como GIF animado y convierte los colores que no sean seguros para la Web en sus correspondientes seguros más cercanos. La paleta de colores contiene hasta 128 colores.)
JPG o JPEG
(Joint of Photographic Experts Group). Es el formato más común para comprimir imágenes con relativamente poca pérdida de calidad y bajo peso, generalmente usado en imagenes fotográficas. El formato JPEG admite millones de colores (24 bits). JPEG es el formato óptimo para fotografías digitalizadas, imágenes que utilizan texturas, imágenes con transiciones de color en degradado o cualquier imagen que requiera más de 256 colores.
GIF
(Graphic Interchange Format). Creado por CompuServe hace casi 20 años. Utiliza compresion de un máximo de 8 bits (256 colores), por lo tanto se reduce considerablemente la calidad si se trata de imagenes de color verdadero (24 bits o mas) como fotografías o degradados complejos.
El formato GIF calcula la cantidad de colores mediante una formula que permite paletas de 2, 4, 8, 16, 32, 64, 128 y 256 colores, lo que nos da una amplia gama de posibilidades a la hora de optimizar gráficos sencillos, además soporta las transparencias de 1 bit, es decir, que un pixel puede tener un color, o ser totalmente transparente.
También permite hacer animaciones por fotogramas, (muy sencillas) aunque la compresion en estos casos suele ser deficiente.
PNG
(Portable Networks Graphic). Es un formato gráfico que esta basado en un algoritmo de compresion sin pérdidas, y fue desarrollado para resolver las deficiencias del GIF, principalmente en cuanto a profundidad de color.
Cabe destacar, que Fireworks nació con el formato nativo de PNG, pero un archivo de Fireworks no es lo mismo que una imagen PNG. Los archivos fuente de Fireworks incluyen una cantidad de información adicional, como los gráficos de vectores, efectos de mapa de bits en vectores, las capas, etc. que hacen al archivo “editable”. En cambio las imagenes PNG (exportadas de Fireworks u otro programa) son solo mapas de bits.
Nota: No use archivos de Fireworks en internet, hay que exportarlos para que funcionen. Ir a Archivo -> Presentación preliminar de la imagen -> y luego seleccionar el tipo de imagen que requiera. También con el panel de optimizar, y exportando las divisiones directamente, pulsando el botón derecho sobre ella _> exportar división seleccionada.
Por otro lado, Fireworks es el software que mejor maneja los filtros de compresión para PNG (no dudo que para JPG y GIF también), por lo que, aprendiendo a manejar la herramienta de optimización y exportación, lograremos los mejores gráficos e imagenes para internet. Photoshop no maneja bien estos filtros por si mismo, pero con superpng (gratuito) podemos lograr buenos resultados también Photoshop tiene muy buena optimización de JPG en Archivo -> Guardar para Web.
Una de las principales ventajas de PNG, es que independientemente de la profundidad de color que se use, la compresión permite archivos de muy bajo peso sin pérdida de calidad.
El número de canales depende de si la imagen es en escala de grises o en color y si dispone de canal alfa (canal de transparencia). La combinaciones permitidas por PNG son:
Escala de grises (1 canal)
Escala de grises y canal alfa (2 canales)
Canales rojo, verde y azul (RGB, 3 canales. También llamado “color verdadero”)
Canales rojo, verde, azul y alfa (RGB + alfa, 4 canales)
PNG soporta tanto transparencia alfa (los bits pueden ser “medio” transparentes) como transparencia de índice en sus tres versiones, Todos los navegadores actuales tienen soporte para PNGs con transparencia alfa excepto Internet Explorer, que soporta PNGs con transparencia de indice, y transparencia alfa solo en imágenes de menos de 8 Bits (siempre interpretada como transparencia de índice).
Los diferentes tipos de PNG, se usan para lograr la mejor relación peso/calidad en todo tipo de gráficos:
PNG 8, se pueden usar para gráficos sencillos, colores planos, logos, pequeñas sombras, y para imagenes que no requieran mucho color.
PNG 24 sirven para gráficos más complejos, degradados de varios colores, fotografías no tan complejas.
PNG 32 para todo tipo de imágenes complejas, fotografías con mucho color etc.
GIF Web 16 (impone que todos los colores sean seguros para la Web. La paleta de colores contiene hasta 216 colores.)
GIF WebSnap 256 (convierte los colores que no son seguros para la Web en sus correspondientes seguros más cercanos. La paleta de colores puede contener hasta 256 colores como máximo.)
GIF WebSnap 128 (convierte los colores que no son seguros para la Web en sus correspondientes seguros más cercanos. La paleta de colores contiene hasta 128 colores.)
GIF adaptable 256 (es una paleta de colores que contiene sólo los colores utilizados en el gráfico. La paleta de colores puede contener hasta 256 colores como máximo.)
JPG - Calidad Superior (define la calidad en 80 y el suavizado en 0, creando un gráfico de alta calidad pero más grande.)
JPG - Archivo más pequeño (define la calidad en 60 y el suavizado en 2, creando un gráfico de calidad reducida pero que ocupa la mitad que uno de calidad superior.)
GIF animado WebSnap 128 (define el formato del archivo como GIF animado y convierte los colores que no sean seguros para la Web en sus correspondientes seguros más cercanos. La paleta de colores contiene hasta 128 colores.)
JPG o JPEG
(Joint of Photographic Experts Group). Es el formato más común para comprimir imágenes con relativamente poca pérdida de calidad y bajo peso, generalmente usado en imagenes fotográficas. El formato JPEG admite millones de colores (24 bits). JPEG es el formato óptimo para fotografías digitalizadas, imágenes que utilizan texturas, imágenes con transiciones de color en degradado o cualquier imagen que requiera más de 256 colores.
GIF
(Graphic Interchange Format). Creado por CompuServe hace casi 20 años. Utiliza compresion de un máximo de 8 bits (256 colores), por lo tanto se reduce considerablemente la calidad si se trata de imagenes de color verdadero (24 bits o mas) como fotografías o degradados complejos.
El formato GIF calcula la cantidad de colores mediante una formula que permite paletas de 2, 4, 8, 16, 32, 64, 128 y 256 colores, lo que nos da una amplia gama de posibilidades a la hora de optimizar gráficos sencillos, además soporta las transparencias de 1 bit, es decir, que un pixel puede tener un color, o ser totalmente transparente.
También permite hacer animaciones por fotogramas, (muy sencillas) aunque la compresion en estos casos suele ser deficiente.
PNG
(Portable Networks Graphic). Es un formato gráfico que esta basado en un algoritmo de compresion sin pérdidas, y fue desarrollado para resolver las deficiencias del GIF, principalmente en cuanto a profundidad de color.
Cabe destacar, que Fireworks nació con el formato nativo de PNG, pero un archivo de Fireworks no es lo mismo que una imagen PNG. Los archivos fuente de Fireworks incluyen una cantidad de información adicional, como los gráficos de vectores, efectos de mapa de bits en vectores, las capas, etc. que hacen al archivo “editable”. En cambio las imagenes PNG (exportadas de Fireworks u otro programa) son solo mapas de bits.
Nota: No use archivos de Fireworks en internet, hay que exportarlos para que funcionen. Ir a Archivo -> Presentación preliminar de la imagen -> y luego seleccionar el tipo de imagen que requiera. También con el panel de optimizar, y exportando las divisiones directamente, pulsando el botón derecho sobre ella _> exportar división seleccionada.
Por otro lado, Fireworks es el software que mejor maneja los filtros de compresión para PNG (no dudo que para JPG y GIF también), por lo que, aprendiendo a manejar la herramienta de optimización y exportación, lograremos los mejores gráficos e imagenes para internet. Photoshop no maneja bien estos filtros por si mismo, pero con superpng (gratuito) podemos lograr buenos resultados también Photoshop tiene muy buena optimización de JPG en Archivo -> Guardar para Web.
Una de las principales ventajas de PNG, es que independientemente de la profundidad de color que se use, la compresión permite archivos de muy bajo peso sin pérdida de calidad.
El número de canales depende de si la imagen es en escala de grises o en color y si dispone de canal alfa (canal de transparencia). La combinaciones permitidas por PNG son:
Escala de grises (1 canal)
Escala de grises y canal alfa (2 canales)
Canales rojo, verde y azul (RGB, 3 canales. También llamado “color verdadero”)
Canales rojo, verde, azul y alfa (RGB + alfa, 4 canales)
PNG soporta tanto transparencia alfa (los bits pueden ser “medio” transparentes) como transparencia de índice en sus tres versiones, Todos los navegadores actuales tienen soporte para PNGs con transparencia alfa excepto Internet Explorer, que soporta PNGs con transparencia de indice, y transparencia alfa solo en imágenes de menos de 8 Bits (siempre interpretada como transparencia de índice).
Los diferentes tipos de PNG, se usan para lograr la mejor relación peso/calidad en todo tipo de gráficos:
PNG 8, se pueden usar para gráficos sencillos, colores planos, logos, pequeñas sombras, y para imagenes que no requieran mucho color.
PNG 24 sirven para gráficos más complejos, degradados de varios colores, fotografías no tan complejas.
PNG 32 para todo tipo de imágenes complejas, fotografías con mucho color etc.
Fireworks
Adobe Fireworks (FW), es programa que sirve para la edición de gráficos en mapa de bits o vectoriales. Originalmente fue desarrollado por Macromedia, compañía que fue comprada en 2005 por Adobe Systems. Fireworks está enfocado en la creación y edición de gráficos para internet. Está diseñado para integrarse con otros productos de Macromedia, como Dreamweaver y Flash. Está disponible de forma individual o integrado en Adobe CS3
miércoles, 23 de abril de 2008
como insertar una imagen
1.-Entrar a dreamweaber
2.-Dar en el menu Insert
3.-Dar click en la opcion Image
4.-Escojer la imagen deseada
5.-Crear una carpeta donde este tanto la imagen como el texto`para que al subir eso a google pages suba con todo y la imagen completa
2.-Dar en el menu Insert
3.-Dar click en la opcion Image
4.-Escojer la imagen deseada
5.-Crear una carpeta donde este tanto la imagen como el texto`para que al subir eso a google pages suba con todo y la imagen completa
Dreamweaber
ya habia explicado este tema solo que ahora explicare como insertar una tabla
1.-Nos vamos al menu Insert
2.-Despues a la opcion Table
3.-Colocamos cuantas colunmas y filas hay en la tabla
4.-Y Ya
1.-Nos vamos al menu Insert
2.-Despues a la opcion Table
3.-Colocamos cuantas colunmas y filas hay en la tabla
4.-Y Ya
Suscribirse a:
Entradas (Atom)
