2 - Fireworks

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

Adobe Fireworks 
Centro Universitário de Patos de Minas 
FACIA - Faculdade de Ciências Administrativas 
Desenvolvimento para Web I 
Prof. Me. Willyan Silva 
Edição de Imagens com o Fireworks 
 Vetores X Bitmaps 
 Vetores: 
 são desenhados na tela através de cálculos matemáticos. 
 são ótimos para desenhos, mas não para imagens fotográficos. 
 Servem normalmente para desenhar logomarcas, formas geométricas 
e ilustrações artísticas. 
 Bitmaps: 
 São desenhados na tela a partir de uma matriz de pixels. 
 Resolução de uma imagem é composta por PPI (Pixels Per Inch): 
quantidade de bits por polegada quadrada. 
 Servem para representar imagens/fotos. 
2 
Edição de Imagens com o Fireworks 
 Fireworks X Photoshop 
O Fireworks é um software voltado para o 
desenvolvimento Web. 
 Para tratar imagens, é melhor usar o Photoshop. 
Entretanto, o Fireworks possui várias ferramentas que 
permitem editar/trabalhar com imagens. 
3 
Edição de Imagens com o Fireworks 
 Formatos de arquivos 
 É a forma usada por aplicativos a fim de reconhecer 
os dados gerados por ela. 
 Cada aplicativo tem um formato específico, 
padronizado ou não para que possa tratar as 
informações contidas no arquivo gerado. 
 Como escolher um formato de arquivo? 
 É necessário saber onde a imagem será utilizada. 
 Na Web, geralmente usam-se os formatos .jpg (.jpeg) e 
.gif. 
4 
Edição de Imagens com o Fireworks 
 Alguns formatos suportados pelo Fireworks: 
 PNG (Portable Network Graphics) 
 Formato padrão do Fireworks 
 Permite o uso de transparências na imagem. 
 Mantém as cores originais, diferentemente do formato GIF. 
 Cuidado ao se utilizar o formato PNG na Web! 
 O IE versão 6 não suporta arquivos do tipo PNG. 
 JPEG ou JPG (Joint Photographic Experts Group) 
 Geralmente usado em fotos e imagens com gradiente. 
 Principal formato para fotos na Web, por causa da otimização de tons 
contínuos. 
 Permite diferentes níveis de compressão. 
 Não suporta transparências! 
5 
Edição de Imagens com o Fireworks 
 Alguns formatos suportados pelo Fireworks: 
GIF (Graphics Interchange Format) 
 Permite fundo transparente 
 Suporta no máx. 256 cores. 
 Usado em ilustrações e animações. 
 BMP (Windows Bitmap) 
 Formato padrão do Windows. 
 Boa qualidade, porém não possui compactação (as imagens 
ficam bem grandes). 
6 
Edição de Imagens com o Fireworks 
 Alguns formatos suportados pelo Fireworks: 
 PSD (Photoshop Document) 
 Formato padrão do Photoshop. 
 TIFF (Tagged Image File Format) 
 Alta qualidade. 
Muito versátil: usados no Windows e Macintoch. 
 Normalmente usado para imprimir imagens. 
 AI (Adobe Ilustrador) 
 SWF (Shockwave Flash) 
 Usado pelo Flash. 
7 
Edição de Imagens com o Fireworks 
 Dica: 
 Deve-se sempre salvar uma cópia original da imagem. 
Geralmente o arquivo PNG. 
8 
Edição de Imagens com o Fireworks 
 Ajuste de Cores 
 Ajuste com a ferramenta Níveis... (de Cores) 
 Acesso à ferramenta: Menu Filtros > Ajustar Cor > 
Níveis... 
 A ferramenta Níveis... permite manipular níveis de 
sombra, tons médios e realces. 
 Permite melhorar a qualidade de cores da imagem, 
fazendo com que as cores da imagem tenham “mais 
vida”. 
9 
Edição de Imagens com o Fireworks 
 Ajuste de Cores 
 Ajuste com a ferramenta Curvas... (de Cores) 
 Acesso à ferramenta: Menu Filtros > Ajustar Cor > 
Curvas... 
 A ferramenta Curvas... permite manipular níveis de 
sombra, tons médios e brilhos. 
 Permite melhorar a qualidade de cores da imagem, 
fazendo com que as cores da imagem tenham “mais 
vida”. 
10 
Edição de Imagens com o Fireworks 
 Ferramentas de Ajustes e Retoques 
 Ferramenta Subexposição (Dodge) 
 Permite clarear uma imagem 
 Ferramenta Superexposição (Burn) 
 Permite escurecer uma imagem 
 Ferramenta Desfocar (Blur) 
 Retira o foco (a nitidez) da imagem 
 Ferramenta Nitidez (Sharpen) 
 Aumenta/melhora a nitidez da imagem 
 Ferramenta Borrar (Smudge) 
 Permite simular esfregar tinta fresca na imagem 
11 
Edição de Imagens com o Fireworks 
 Ajuste de Cores 
 Brilho/Contraste 
 Modifica o contraste ou o brilho dos pixels em uma imagem. 
 Afeta os realces, as sombras e as tonalidades médias de uma 
imagem. 
1. Selecione a imagem. 
2. Siga um destes procedimentos: 
 No Inspetor de propriedades, clique no ícone de adição (+) próximo 
ao rótulo Filtros e, no menu pop-up Filtros, selecione Ajustar cor > 
Brilho/contraste. 
 Selecione Filtros > Ajustar cor > Brilho/contraste. 
3. Arraste os seletores de Brilho e Contraste para ajustar as 
configurações entre o intervalo de –100 e 100. 
12 
Edição de Imagens com o Fireworks 
 Ajuste de Cores 
 Matiz/Saturação 
 Ajusta a nuança de uma cor (matiz), a intensidade de uma cor 
(saturação) ou a claridade de uma cor em uma imagem. 
1. Selecione a imagem. 
2. Siga um destes procedimentos: 
 No Inspetor de propriedades, clique no ícone de adição (+) próximo 
ao rótulo Filtros e, no menu pop-up Filtros, selecione Ajustar cor > 
Matiz/saturação. 
 Selecione Filtros > Ajustar cor > Matiz/saturação. 
3. Arraste os seletores para ajustar as cores da imagem. 
 Os valores de Matiz variam de –180 a 180. 
 Os valores de Saturação e Claridade variam de –100 a 100. 
13 
Edição de Imagens com o Fireworks 
 Ajuste de Cores 
 Inverter 
 Permite transformar cada cor de uma imagem em seu inverso 
no disco de cores. 
 Exemplo: aplicar o filtro a um objeto vermelho (R=255, G=0, 
B=0) altera a cor para azul claro (R=0, G=255, B=255). 
1. Selecione a imagem. 
2. Siga um destes procedimentos: 
I. No Inspetor de propriedades, clique no ícone de adição (+) 
próximo ao rótulo Filtros e, no menu pop-up Filtros, selecione 
Ajustar cor > Inverter. 
II. Selecione Filtros > Ajustar cor > Inverter 
14 
Edição de Imagens com o Fireworks 
 Photoshop Live Effects 
 Permite realizar vários efeitos do aplicativo Photoshop. 
 No Inspetor de propriedades, clique no ícone de 
adição (+) próximo ao rótulo Filtros e, no menu pop-up 
Filtros, selecione Photoshop Live Effects. 
15 
Edição de Imagens com o Fireworks 
 Photoshop Live Effects 
16 
Edição de Imagens com o Fireworks 
 Blend Mode 
 Um Blend Mode (Modo de Mistura/Combinação) pode ser 
usado para dar um novo aspecto visual a uma image. 
 Os Blend Modes podem afetar a cor base, mistura de cor 
ou transparência de um objeto. 
 Existem várias opções de mistura de camadas de uma 
imagem. 
 Selecione a imagem e aplique o efeito desejado através do 
painel de propriedades ou na janela de camadas da 
imagem. 
17 
Edição de Imagens com o Fireworks 
 Tratamento de Múltiplas Imagens (Processo em 
lote...) 
 Permite tratar de forma automatizada várias imagens 
de uma só vez. 
 Acessar o menu: 
 Arquivos > Processo em lote... 
 Selecionar os arquivos a serem processados 
 Selecionar a Opção de lote 
 Após isso, configurar o que deve ser realizado 
 Selecionar o local onde os arquivos processados serão salvos 
18 
	Adobe Fireworks
	Edição de Imagens com o Fireworks
	Edição de Imagens com o Fireworks
	Edição de Imagens com o Fireworks
	Edição de Imagens com o Fireworks
	Edição de Imagens com o Fireworks
	Edição de Imagens com o Fireworks
	Edição de Imagens com o Fireworks
	Edição de Imagens com o Fireworks
	Edição de Imagens com o Fireworks
	Edição de Imagens com o Fireworks
	Edição de Imagens com o Fireworks
	Edição de Imagens com o Fireworks
	Edição de Imagens com o Fireworks
	Edição de Imagens com o Fireworks
	Edição de Imagens com o Fireworks
	Edição de Imagens com o Fireworks
	Edição de Imagens com o Fireworks