O Fireworks é um software para otimização de imagens e criação de interfaces para web. Ao invés de utilizar uma série de ferramentas programa para criação de bitmap, programa de desenho baseado em vetores, combinar pequenos aplicativos para criar efeitos, mapas de imagem e animações e navegador para a visualização da interface, podemos usar o Fireworks, que simplifica todo esse processo, integrando todas as ferramentas citadas, sem necessidade de alternar para outros aplicativos.
Os computadores exibem gráficos em formato vetorial ou bitmap (O Fireworks contem ferramentas que consegue abrir ou importar ambos os formatos:
Gráficos Vetoriais: Processam a imagem usando linhas e curvas, chamadas vetores, que incluem informações sobre cor e posição. Independem da resolução.
Gráficos de Bitmap: São compostos por pontos, denominados pixels, organizados em uma grade. A tela do computador, por exemplo, é uma grande grade de pixels. Quando exibidos na resolução correta, os pontos ajustam-se como ladrilhos em um mosaico para formar a imagem.
No desenvolvimento de paginas para WEB, temos contato com diversos formatos de arquivos. Abaixo alguns deles:
Gif (.gif): Abreviatura de Graphic Interchange Format (formato de intercâmbio de gráficos). Um dos formatos que podemos usar para publicação na WEB, geralmente para desenhos.
JPEG (.jpg): Abreviatura de Joint Photographic Experts Group (grupo conjunto de especialistas em fotografia). Também muito utilizado para publicação de imagens na WEB, geralmente fotografias. Comprimindo-se o tamanho da imagem, pode perder-se a qualidade.
TIFF (.tif): Significa Targed Image File Format. Pode ser utilizado para Editoração Eletrônica com programas como PageMaker e QuarkXpress.
AI (.ai): Formato gerado pelo Ilustrator. Permitem a manipulação de todos os objetos, como se gerados pelo próprio Fireworks.
PNG (.png): Abreviatura de Portable Network Graphics (gráficos de redes portáteis). É uma alternativa ao formato Gif. Possui esquema de compactação sem perda, mas existem dois tipos: os salvos pelo Fireworks e os exportados por ele (para WEB utilizamos o formato exportado). Só pode ser visualizado no Internet Explorer ou Nestcape de versões superior a 4.0.
PSD (.psd): Formato gerado pelo Photoshop, se os arquivos tiverem Layers ou Layer Mask, o Fireworks interpreta e transforma os layers do Photoshop em seus próprios layers.
Gráficos Vetoriais: Processam a imagem usando linhas e curvas, chamadas vetores, que incluem informações sobre cor e posição. Independem da resolução.
Gráficos de Bitmap: São compostos por pontos, denominados pixels, organizados em uma grade. A tela do computador, por exemplo, é uma grande grade de pixels. Quando exibidos na resolução correta, os pontos ajustam-se como ladrilhos em um mosaico para formar a imagem.
No desenvolvimento de paginas para WEB, temos contato com diversos formatos de arquivos. Abaixo alguns deles:
Gif (.gif): Abreviatura de Graphic Interchange Format (formato de intercâmbio de gráficos). Um dos formatos que podemos usar para publicação na WEB, geralmente para desenhos.
JPEG (.jpg): Abreviatura de Joint Photographic Experts Group (grupo conjunto de especialistas em fotografia). Também muito utilizado para publicação de imagens na WEB, geralmente fotografias. Comprimindo-se o tamanho da imagem, pode perder-se a qualidade.
TIFF (.tif): Significa Targed Image File Format. Pode ser utilizado para Editoração Eletrônica com programas como PageMaker e QuarkXpress.
AI (.ai): Formato gerado pelo Ilustrator. Permitem a manipulação de todos os objetos, como se gerados pelo próprio Fireworks.
PNG (.png): Abreviatura de Portable Network Graphics (gráficos de redes portáteis). É uma alternativa ao formato Gif. Possui esquema de compactação sem perda, mas existem dois tipos: os salvos pelo Fireworks e os exportados por ele (para WEB utilizamos o formato exportado). Só pode ser visualizado no Internet Explorer ou Nestcape de versões superior a 4.0.
PSD (.psd): Formato gerado pelo Photoshop, se os arquivos tiverem Layers ou Layer Mask, o Fireworks interpreta e transforma os layers do Photoshop em seus próprios layers.
Edição de imagens
A cor é um elemento fundamental na transmissão de mensagens visuais, emoções e apelos comerciais.
O sistema usado para criação de cores em um monitor baseia-se nas mesmas propriedades fundamentais da luz que ocorrem na natureza: podem ser criadas a partir do Vermelho, do Verde e do Azul (base do modelo de cores RGB). Um monitor colorido cria 3 feixes de luz que reveste a parte interna da tela. Quando vemos o vermelho no Fireworks, sabemos que o monitor ativou o feixe vermelho, acendendo um pixel vermelho na tela, ou seja, ver a imagem digitalizada de uma maçã na tela, é diferente de vê-la em nossas mãos. Ao apagar a luz, por exemplo, deixaremos de ver a maçã em nossa mão, mas continuaremos visualizando no monitor, pois ele continuará emitindo luz.
O Bit
Um bit é o menor elemento da memória do computador, e cada bit é basicamente, um interruptor de ligar e desligar. Uma exibição de computador com profundidade de 1 bit é capaz de mostrar duas cores; uma cor na posição ligada e a outra na posição desligada. Essa profundidade pode ser dobrada e se formarão duas cores mais, e assim por diante. Com 32 bits podemos descrever potencialmente mais de quatro bilhões de cores, mas nosso olho não diferencia essa variedade.
Devido a sua relação com a memória do computador, quanto maior a faixa de cor, mais memória será consumida, a memória da placa de vídeo.
Cores Hexadecimais
Se quisermos usar cores em qualquer elemento gráfico, precisamos usar valores em hexadecimais. Em HTML, valores de cor RGB são dados em hexadecimal, derivado de uma base de cálculo 16.
Cores hexadecimais tornam-se rapidamente reconhecíveis.
Cores Seguras da Web
O número de bits mais baixo aceito em todos os monitores é 8 bits (256 cores), mas há mais uma restrição para exibição de cores na Web: o Navegador (Browser). Os mais populares compartilham o mesmo processo de gerenciamento de paleta de cores.
Embora a paleta de cada sistema possa parecer diferente, elas compartilham 216 cores comuns, sendo que cada uma reserva 40 cores que pertencem ao sistema operacional.
A paleta segura na Web é mais indicada para ser usada em imagens de cores chapadas, ou seja, imagens que não tenham texturas e degrades. A estas, a melhor forma de exportar é no formato gif. As fotográficas ou com texturas muito complexas são exportadas com uma paleta de 24 bits, e normalmente usam o formato JPEG.













