thaysa.com

Há muito tempo venho desenvolvendo designs utilizando o Fireworks, uma ferramenta poderosa para desenvolvimento e edição de imagens. Infelizmente muita gente não sabe a quantidade de recursos que essa ferramenta oferece.
Nesse artigo vou ensinar passo-a-passo como se utiliza o recurso de máscaras (Mask) do Adobe Fireworks, é apenas um exemplo mas que pode ser aplicado em qualquer imagem ou idéia que tiver.
Escolha uma imagem de sua preferência e mãos à obra!

Sua máscara vai ficar assim!

1º - Abra a imagem no Fireworks

Essa é a imagem que eu escolhi:

2º - Selecione o tipo de ferramenta que quer utilizar, pode ser um Círculo, um Retângulo, Quadrado… Nesse exemplo eu usei a Rounded Rectangle (Retângulo com bordas arredondadas).

*Não esqueça de deixar sem preenchimento e com uma borda de 1px para poder visualizar seu objeto na imagem.

3º - Faça um retângulo em cima da imagem e duplique por toda ela toda.

4º - Perceba que você ficou com várias Layers, uma de cada retângulo… Selecione todas elas e dê um Ctrl + G para agrupá-las e deixar todas as formas em uma Layer só. Você pode agrupá-las também pelo menu Modify > Group.

5º - Agora, com os retângulos selecionados, retire a borda deles.

6º - Agora o truque! Ainda com os retângulos selecionados dê um Ctrl + x, selecione a sua imagem e vá até o menu Modify > Mask > Past as Mask (Ctrl + Alt + V).

7º - Para dar uma melhor acabamento dê um Flatten Selection na sua imagem. Com a imagem selecionada vá ao menu Modify > Flatten Selection (Ctrl + Alt + Shift + z).

Sua máscara está pronta!
Você pode dar o acabamento que quiser nela…eu coloquei uma sombra por baixo utilizando o recurso de filtros: Filters > Shadow and Glow > Drop Shadow.