Fireworks
Você está aqui: Home » Fireworks » Letras transparentes
Letras transparentes

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.
Outros artigos postados por este autor
- Cartão dia das mães
- Pegar Busca digitada por visitantes em motores de busca (google, yahoo, bing, etc) via javascript
- IIS no WinXP Home
- Qualidade do suporte ao banco de dados pode ser decisiva nos negócios
- Imagem com Reflexo na Água
- Criando um painel de rede em PHP
Artigos relacionados sobre Fireworks
- Como arredondar os cantos de uma foto
- Aplicação simultânea de Fio e Sombra a bitmaps - Fireworks
- Unindo e separando traçados - Fireworks
- Instalando Plug-ins
- Fireworks VS Photoshop
- Letras transparentes
Parceiros
BR-Linux.org
Criar WEB
Regularização de Imoveis SP
Montagens de Sites
Templates de Sites
Desenvolvedor de Sites
Elaboração de Sites
Produção de Sites
Programador de Sites
Criadores de Sites
Artigos mais acessados
Desenho de Letras - Construindo fontes TTF
Criando um sistema de login
Enviando email em formato HTML em PHP
Menu Circular em 3D
Cargos e salários na área de informática
Como fazer e modificar calendários
Action Script 2.0 ( Primeira Parte )
10 dicas de Webdesign para salvar seu site
Fireworks VS Photoshop
Serviços
Desenvolvimento de Sites e Sistemas WEB
Otimização de Sites (SEO)
Loja Virtual com Sistema Pagseguro
Sistema de Compra Coletiva
Catálogo de Produtos
Parcerias e Soluções de Publicidade
Portifólio Grupo SOS Designers
Fale Conosco







