
30/07/2006 - Aumentando seu Page Rank
09/01/2003 - Como arredondar os cantos de uma foto
07/12/2003 - Personalize seu UltraEdit
16/03/2003 - Pega ladrão! Bill Gates quer seu tráfego.
09/01/2003 - Segurança em programação PHP
28/01/2003 - Functions
16/02/2005 - Menu Circular em 3D
11/06/2006 - Page Rank da ADOBE
08/12/2003 - Introdução a DHTML
11/04/2006 - Cargos e salários na área de informática
07/12/2003 - Compacte bancos de dados MDB pelo ASP/VBS script
09/01/2003 - Como simular objetos 3D simples
05/07/2007 - Gerando PDF com PHP
01/03/2003 - Enviando email em formato HTML em PHP
Leituras: 13213 -
Por Amaury Bentes
Não estamos no referindo aqui ao efeito de transparência alpha que permite controlar a opacidade dos objetos (painel Layers), mas sim ao fato de sobrepor um texto à superfície de um objeto, um retângulo por exemplo, de modo que qualquer outro objeto posicionado atrás daquele fique visível através das letras. Trata-se do mesmo efeito que os usuários do Flash conhecem como "mascaramento".
01 - Abra um novo arquivo no Fireworks.
02 - Configure a largura (width) em 200 pixels e a altura (height) também em 200 pixels. Deixe o fundo branco.
03 - Crie um retângulo que cubra quase toda a área de desenho.
04 - Abra o painel de Estilos (Window>Styles) - Você também pode usar o atalho [Shift]+[F11].
05 - Aplique um estilo qualquer ao retângulo. Para este exercício usei o estilo de número 17.
06 - Desenhe um segundo retângulo bem em cima do primeiro, apenas um pouco menor.
07 - O mesmo estilo será aplicado a este. Use a lata de tinta para pintá-lo de uma cor sólida qualquer.
Se você usou o mesmo estilo aplicado na figura acima deverá abrir o painel "Fill" e zerar a aplicação da textura "Swirls" (ou de outra qualquer que tenha usado) a fim de que a superfície do retângulo menor fique uniforme. Veja um possível exemplo na ilustração a seguir:08 - Selecione a ferramenta Texto.
09 - Usando uma fonte bem "cheinha", como por exemplo a Arial Black ou outra semelhante digite um texto qualquer.Para manipular adequadamente o texto de forma a torná-lo "oco" de modo que se possa ver através dele, é necessário primeiro transformá-lo em caminhos e em seguida desagrupá-lo.
10- Selecione o texto recém-digitado.
11- Transforme-o em caminhos usando para isso o comando Text>Convert to Paths ou [Ctrl]+[Shift]+[P].12- Desagrupe com Modify>Ungroup ou use o atalho [Ctrl]+[Shift]+[G].
13- Clique agora em Modify>Join ou use o atalho [Ctrl]+[J].
14 - Selecione o texto e o retângulo menor usando para isso a tecla [Shift]
Cuidado para não selecionar tudo, isto é os três objetos. Se você selecionar o retângulo maior também o texto não ficará transparente, mas será preenchido com branco. Por isso você NÃO deve usar o atalho [Ctrl]+[A] na etapa número 12.
15 - Clique em Modify>Combine>Punch e clique em qualquer parte fora da área de trabalho para desselecionar.
16 - Veja o resultado na ilustração a seguir.Agora temos apenas dois objetos: o retângulo do fundo, ao qual aplicamos um estilo e o retângulo da frente, "perfurado" pelo texto que foi a ele fundido como resultado da aplicação do efeito "Punch". Experimente deletar o retângulo do fundo e você ficará com um único objeto, semelhante a uma máscara criada no Flash.