Bem vindo ao SOS Designers

Faça o seu cadastro gratuito no Portal SOS Designers e tenha um acesso personalizado.

Empresas

Cadastre gratuitamente suas vagas, crie sua propria Lista de Curriculos Favoritos, e tenha um acesso personalizado.

Usuarios

Cadastre gratuitamente seu curriculo, crie sua propria Lista de Noticias Favoritas e tenha um acesso personalizado.

Área de Empresas | Vagas

Área de acesso a empresas cadastradas que desejam postar vagas de empregos no Portal e pesquisar curriculos.

Cadastre-se gratuitamente
Esqueceu a sua senha?

Área de Usuarios | Curriculos

Área do Usuario que deseja cadastrar seu curriculo e pesquisar vagas.



Cadastre-se gratuitamente
Esqueceu a sua senha?


Redes Sociais
Siga o Portal SOS Designers no Twitter Siga o Portal SOS Designers no Facebook

Fireworks


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

Letras transparentes


Pesquisar no Portal SOS Designers





Tempo Real



Siga o SOS Designers








pub_flash( 'http://www.sosdesigners.com/banners/WEB_flash_468x60.swf', 468, 60 ); " alt="Tecnoponta - 468 x 60 - webdesign" />

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.

Amaury Bentes


Deixe seu comentário:





© Copyright 2002-2018
Portal SOS Designers
Webmaster: Luiz Antonio Bovi