Professora Elisangela

Revisão

Técnico em informática

Fireworks

Imagens e vetores

Planejamento e prototipagem

Briefing

Wireframe

Extenções

Interface e características

Tela inicial

Tela do Fireworks

Tamanho da imagem

Ajuste na imagem e efeitos

Ferramentas de seleção

Ajustes precisos da imagem

Efeitos com o mouse

Máscara

Visualizando e otimizando o formato deexportação

Processo de redução em lote

Redimensionar uma imagem

Desenho vetorial

Texto

Estilo de texto

Para transformar o texto em imagem

Caixa de cores

Camadas

Linha guia

Fatia

É uma ferramenta prática para criar, editarimagens, interfaces e criar projetos interativos

Pág.9

Pág.9

Imagens são representadas por pixels

Vetores por equações matemáticas

Briefing: Conversa com o cliente, coleta de dados

Ex: Quais as cores de preferência para o site?

Wireframe: Planejamento e projeto do site

.PNG do Fireworks – Extenção para editar

.PNG para web – Imagem única, como JPG (mais leve)

.JPG ou .JPEG – Extenção de foto

.GIF – mais leve, porém, possue paletalimitada de cores

É possivel copiar e colar também doFireworks para o Flash

Tela inicial

Pág.17

Abrir um arquivo

Criar um arquivo novo

1. Barra de Ferramentas – é separada em quadrados (seleção, bitmap, vetor, web, cores, exibição)

2. Área de trabalho

3. Paletas

4. Barra de propriedades

Pág.23

• Imagem para impressão:

• Resolução 300 pixels/cm

• (centímetro)

• Imagem para web:

• Resolução 72 pixels/Inch

• (pixels)

Caso queira alterar o tamanho da imagemdepois de aberta, clicar com a ferramenta deseleção e após clicar no espaço em cinzaindicado, depois, tamanho da imagem

Pág.17

Pág.21

Largura e Altura

Para webem pixels

Largura e Altura

Para Impressãocm

Restringir proporções

Pág.24

Selecionar a imagem e aplicar os ajustes no menu > filtro ou na barra de propriedades > filtros > clicar no + e

Pág.27 e 37

Quando adicionada um filtro pela barra depropriedades, aparece o filtro adicionada em baixo,para remover é só clicar no filtro e clicar no -

Varinha mágica

Laço

Laço poligonal

Seleção retangular

Seleção oval

Para inverter a seleção: menu selecionar > inverter seleção ou Ctrl shift I

Para cancelar a seleção Ctrl D

Pág.35

Corrigindo olhos vermelhos (é só ajustar, clicar e arrastar nos olhos vermelhos

Ferramenta carimbo – utilizar junto com o Alt

Ferramenta subistituir cor

Pág.43

Ferramenta Subexposição – para clarear a imagem

Desfocar e Nitidez tem os mesmos efeitos dos filtros de mesmo nome

Superexposição – escurece

Borrar – cria uma área de mistura, espalhando a tinta

Pág.45

Em cima de uma imagem

Desenhar a forma ou o texto

Recortar a forma ou o texto

Selecionar a imagem

Clicar em Editar > colar como máscara

Pág.48

Para exportar clicar em: arquivo > visualizarexportação > escolher o formato

Pág.50

Menu arquivo > Processo em lote > clicar emredimensionar > next > escolher o local

Pág.48

Clicar na ferramenta

Para aumentar ou diminuir proporcionalsegurar a tecla shift

Pág.48

Linha

Caneta

Retângulo

Elipse

Segue mais ao lado - >

Pág.93 /102

Qualquer forma vetorial pode ser preenchidaou ser alterada o contorno, além de poderaplicar filtros

Pág.93 /102

Largura e alturaposição

Preenchimento contornoFiltros e efeitos

Quando clicamos na ferramenta texto aparecea barra de propriedades referente a formaçãode texto

Pode ser aplicado filtro em um texto

Pág.75

Clicar no painel Estilos

Pág.151

Clicar no menu texto e converter

Para preenchimento e contorno

Pág.75

Camada da web: (aonde ficam as fatias)

Camada fundo (ficam os objetos)

Para reno

mear uma camada, dar um clique duplo

Pág.101

Visualizar > Régua

Clicar em cima da régua e arrastar, aparece alinha guia

Pág.152

Clicar na ferramenta fatia e arrastar sobre aimagem

Quando salvar, salvar somente imagens

Pág.173