Atendendo a pedidos, o assunto em pauta dessa vez é imagens no Fireworks, aos construtores de sites de plantão, que me perguntarem incansavelmente nos e-mails como fazer as seguintes tarefas:

1. Fotos com imagens de efeito televisivo, aquelas, cheias de risquinhos;
2. Como fazer uma transparência que termina em alpha;
3. Tem path no Fireworks para se recortar com precisão uma imagem?

Resposta: Tudo isso se faz com uma ferramenta poderosíssima no Fireworks, a Máscara (Mask).

Mãos à obra!

Primeira questão

Fotos com imagens de efeito televisivo, aquelas, cheias de risquinhos.

1. Abra uma foto ou crie uma figura qualquer;

2. Desenhe sobre a figura um quadrado preto (não precisa ser exatamente do mesmo tamanho);

3. Selecione o quadro preto, vá ao painel Fill / texture/lines-Horiz-4, nesse caso não se faz necessário marcar o item “transparence”;

4. Selecione ambas as figuras simultaneamente (por layers ou por englobar);

5. Selecione a opção no menu Modify/mask/group as mask.

Dicas:

a. Você pode selecionar na layer, somente um dos objetos (máscara ou alvo) e reeditá-los sem separá-los da mascara, inclusive aplicar texturas diferentes em ambos;
b. Para reeditar a posição de uma máscara em relação a um objeto, basta liberar o “elo” entre ambos na layer;
c. para desmembrar uma mascara, basta pressionar Ctrl+Shift+G;
d. Uma máscara pode ser visualizada ou inabilitada da mesma forma que já é feita no Photoshop.

Clique sobre as Mask, vá à seta de opções de layers e selecione “disable Mask”.

Segunda questão

Como fazer uma transparência que termina em alpha.

Com esse próprio arquivo aberto, já é possível fazer essa conversão com 3 cliques!

1. Selecione o objeto da mascara em layers, vá ao painel Fill, e escolha no item “gradiente” a opção “Linear”, no modo preto»»branco.

Dicas:

a. Você pode assim mesmo continuar mesclando efeitos em ambos os objetos separadamente.

Terceira questão

Tem path no Fireworks para se recortar com precisão uma imagem?

Sim, perfeitamente, aliás, é a forma de recorte de imagem que mais se assemelha ao Photoshop.

1. Uma imagem qualquer na tela, selecione a ferramenta Pen (pressione “P” no teclado), e comece a simplesmente clicar e arrastar a linha por volta da imagem, contornando-a toda até seu final;

2. Efetue a Mascara entre o objeto desenhado e a figura;

3. Para obter um acabamento especial em blur nas bordas (Feather), selecione em layers o objeto Mask e no painel Fill, no item “edge”(borda) selecione “Feather”, e de seu valor na caixa deslizante ao lado.

Dicas:

a. Qualquer objeto vetorial no Fireworks pode receber um Feather;
b. Para selecionar somente a máscara sem necessitar clicar na layer, utilize a seta branca (Subselection Tool)(A) e clique no objeto;
c. Outra forma de mascarar alguma coisa, é selecionar o objeto alvo, recorta-lo da tela, selecionando o objeto máscara e pressionando Ctrl+Shift+V (paste in place).

Faça aqui (http://www.imasters.com.br/web/colunistas/fireworks/2/imagens.zip) o download dos arquivos PNG.

PNG8 é um bom formato pois no Flash suporta o canal alpha e no HTML tem as mesmas características de um GIF, no máximo 256 cores, em alguns casos mais leve e de maior qualidade.

Autor/fonte: Eduardo Carrega