Efeito Vidro em texto no FW

[João Prado 64]

Bem vindos ao meu primeiro tutorial, de muitos que espero fazer aqui no Help Masters.

 

Hoje mostrarei como criar um efeito de vidro em textos pelo nosso grande Fireworks.

 

Obs: Para este tutorial estou utilizando o Fireworks CS3 em Inglês, mas é possível obter o efeito vidro em outras versões do Fireworks.

 

Vamos lá.

 

Crie um novo documento no Fireworks com tamanho 500x300px com fundo branco.

 

Selecione a ferramenta texto e digite “Help Masters” com letra Arial Black, com tamanho de 50px na cor #006699.

 

Imagem 1

 

 

 

Feito isso, vamos duplicar nosso texto. Para isso acesse o menu Edit – Duplicate ou use o atalho do teclado Ctrl+Alt+D e posicione o novo texto abaixo do anterior deixando nossa imagem assim:

 

 

Imagem 2

 

Agora com a ferramenta Pen tool (P), crie um desenho que sobreponha parte do texto de baixo:

 

 

Imagem 3

 

Agora vamos cortar o texto 2, de forma que só fique a parte que não esta sobreposta.

 

Para isso precisamos que o texto se transforme em um “path”, então vamos seleciona-lo e ir no menu Text > Convert to Paths ou utilize o atalho do teclado Ctrl+Shift+P.

 

Feito isso selecione o texto, ele deve estar agrupado, então selecione e vá até o menu Modify > Ungroup ou pelo atalho do teclado Ctrl+Shift+G.

 

Agora sim esta tudo certo, então selecione o texto e a imagem criada e vá até o menu Modify > Combine Paths > Punch e sua imagem devera ficar assim:

 

 

Imagem 4

 

Feito isso vamos posicionar o texto 2 em cima do texto 1:

 

 

Imagem 5

 

Pronto, agora vamos começar a estilizar nosso texto. Selecione o texto 1 e em cor coloque Gradient > linear com as cores #FFFFFF e #006699 de cima pra baixo e sua imagem deve estar assim:

 

 

Imagem 6

 

Pronto chegamos ao efeito desejado, mas ainda não está bom. Vamos adicionar alguns efeitos e dar uma melhorada nessa imagem.

 

Vamos colocar um efeito de sombra na nossa imagem. Selecione o texto e vá em Filters > Shadow and Glow > Drop Shadow na cor #666666 e defina as propriedades conforme a imagem abaixo:

 

 

Imagem 7

 

Sua imagem deverá ficar assim:

 

 

Imagem 8

 

Você pode trabalhar mais com as propriedades do menu Filters, e poderá chegar a outros efeitos muito bons também.

 

A baixo outros exemplos de imagens usando o efeito ensinado hoje:

 

 

Bem por hoje é só pessoal, em breve estarei postando novos tutoriais para a galera.

 

Fiquem com Deus e até mais.

 

 

Fonte: HelpMasters

[leomarriel 7]

muito bom mooio parabens kara show de bola!!!

 

 

! Grande abraço, fique com Deus.

[João Prado 64]

vlw leo

 

 

em breve posto mais http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Jackson Dias 68]

Muito simples. Mas é interessante.