<!– .style2 { color: #C6027D; font-weight: bold; } .style3 { color: #89C818; font-weight: bold; } .style5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } –>

Coluna Fireworks – Criação e Exportação de Paleta de Cores

Introdução

Salve comunidade MX Studio! Minha primeira coluna de 2006! Meio tarde, pois tive alguns imprevistos e falta de tempo foi grande, mas agora está tudo bem. Então chega de conversa e vamos ao que interessa, espero que gostem da coluna e tenham um bom aprendizado.

Pré-requesitos

Macromedia Fireworks 8.

Macromedia Flash. (opcional)

Apesar desta coluna ser escrita de modo simples e claro será necessário conhecimentos da ferramenta Gradient Tool.

Ferramentas Bitmap – Parte 4

Objetivos

Criação e exportação de paleta de cores. Nesta coluna veremos como criar, exportar e utilizar a paleta de cores.

Criando a Paleta de Cores

1) Vamos começar criando o nosso arquivo. Vá em File » New (Atalho: Ctrl+N) e crie um arquivo de 500×72 pixels. Coloque como cor de fundo (Canvas Color) a cor branca #FFFFFF.

Novo Documento

2) Agora vamos determinar as cores da nossa paleta, neste exemplo vou utilizar as cores: #C6027D e #89C818. Crie um retângulo de 520×90px com um gradiente Linear com as cores citadas anteriormente e alinhe o retângulo ao centro do documento, como mostrado abaixo:

Gradiente Pronto

3) Com o gradiente pronto vamos preparar nossa paleta de cores para exportação. Abra o Painel Optimize » Window » Optimize (Atalho: F6) e configure como mostrado na figura abaixo:

Painel Optimize

4) Determinamos que nossa paleta de cores terá 8 cores, para conferir como ficarão as cores clique no botão Preview que fica no canto superior esquerdo do documento:

Botão Preview

5) Clicando no botão Preview você verá 8 cores, como mostrado na figura abaixo:

Cores Numeradas

6) Depois de configurar nossa paleta de cores, vamos a exportação.

Exportando a Paleta de Cores

7) Para exportar nossa paleta de cores é muito fácil, depois de ter criado e configurado volte ao Painel Optimize » Window » Optimize (Atalho: F6)) clique em » Options » Save Palette… Observe na imagem abaixo:

Salvando Paleta

Aparecerá o painel para salvar, coloque um nome qualquer e clique em Salvar. O tipo de arquivo das Paletas de Cores é o Color table e a extensão do arquivo é .act. Observe na imagem abaixo:

Painel Salvar

9) Pronto, nossa paleta está salva, agora vamos aprender a utilizá-la.

Utilizando a Paleta de Cores

10) Podemos utilizar nossa Paleta de Cores no próprio Fireworks ou também por exemplo no Flash. Primeiramente vamos utilizar no Fireworks:

Utilizando no Fireworks

11) Vá até o Painel Color Swatches » Window » Swatches (Atalho: Crtl + F9) clique em Opções, você verá as seguintes opções:

Painel Swatches

	Botão de Opções
	Add Swatches…: Adiciona uma Paleta de Cores a Paleta de Cores atual. Replace Swatches…: Substitui a Paleta de Cores atual. Save Swatches…: Salva a Paleta de Cores atual. Clear Swatches…: Limpa a Paleta de Cores atual
	Paleta de Cores Padrão do Fireworks.

12) Vamos escolher o Add Swatches.. e depois o Replace Swatches…, após clicar aparecerá o painel para procurar a Paleta de Cores, vá até o diretório que você salvou, selecione a paleta e clique em abrir. O Painel Color Swatches ficará como mostrado na imagem abaixo:

Paletas

13) Agora é só utilizar as cores normalmente, caso queira voltar aos padrões é só selecionar as Paletas de Cores Padrão nas Opções do painel como mostrado anteriormente.

Utilizando no Flash

Para utilizar essa mesma Paleta de Cores no Flash, faça o mesmo processo feito no Fireworks. Os paineis são os mesmos.

Dica: Agora quando você fazer seus projetos no Fireworks e depois for passar para o Flash, você poderá criar uma Paleta de Cores para cada projeto e terá sempre as cores que utilizou a mão.

Dica 2: Você podecriar a paleta com quantas cores quiser e não necessariamente com gradiente, pode ser com cores sólidas individuais.