Oficina da Net Logo

Flash CS4 - Máscara de Texto

Nesta matéria para o site vamos fazer um efeito de máscara bem bacana utilizando o Flash CS4. Este efeito é muito utilizado para estilizar textos que precisem de um movimento sutil.

Por | @fontnelle Softwares Pular para comentários

Olá amigos nesta primeira matéria para o site vamos fazer um efeito de máscara bem bacana utilizando o Flash Cs4, então sem mais demora mãos a obra.

1 - Vamos abrir um novo documento (ctrl n) a dimensão neste caso não nos interessa muito, crie as seguintes camadas (nome, mask e nome_cp);

http://www.oficinadanet.com.br//imagens/coluna/2456//1.jpg

2 - Na camada nome digite um texto qualquer, depois copie o texto (ctrl c) e cole na camada nome_cp utilizando o (ctrl shirt v) para colar no mesmo local do texto original só que na outra camada;

http://www.oficinadanet.com.br//imagens/coluna/2456//2.jpg

3 - Antes de prosseguir vamos alterar a cor do nosso palco para preto, tornando assim o efeito da máscara mais visível em seguida bloqueamos a camada nome e dentro da camada mask vamos fazer um retângulo com as seguinte dimensões (largura:29 altura:318), nosso palco deverá está desta forma;

http://www.oficinadanet.com.br//imagens/coluna/2456//3.jpg

4 - Muita atenção com nosso retângulo, pois para que o efeito fique mais realista vamos aplicara as seguinte configurações, vá no menu janela>cor em seguida marque o tipo de preenchimento linear;

http://www.oficinadanet.com.br//imagens/coluna/2456//4.jpg

5 - Após escolhermos o tipo de preenchimento linear logo abaixo temos dois pontos que controlam as cores do gradiente, de maneira bem simples clicamos no centro e adicionamos mais um ponto de controle, feito isso aplicamos um alfa 0% nas extremidades deixando apenas o ponto do meio com alfa 100% confira a imagem abaixo;

http://www.oficinadanet.com.br//imagens/coluna/2456//5.jpg

6 - Vamos agora trabalhar com a animação, na camada mask com a ferramenta transformação livre (atalho q) dê uma leve inclinada no nosso retângulo de maneira que ele fique nesta posição...

http://www.oficinadanet.com.br//imagens/coluna/2456//6.jpg

Na timeline (linha do tempo) ainda na camada mask clicamos com o botão oposto do mouse no primeiro frame em criar interpolação clássica feito isso vamos até o frame 40 da camada mask e inserimos um quadro-chave apertando a tecla F6. Retipa o processo nas outras camadas (nome_cp e nome);

http://www.oficinadanet.com.br//imagens/coluna/2456//7.jpg

7 - Vamos ao frame 40 da camada mask e moveremos nosso retângulo de maneira que ele ultrapasse todo o nosso texto, nossa animação está criada falta apenas mascará o texto.

http://www.oficinadanet.com.br//imagens/coluna/2456//8.jpg

8 - Na camada (nome_cp) clicamos com o botão oposto na opção mascara. Pronto nosso efeito já está criado damos um (ctrl enter) para testar nossa animação.

http://www.oficinadanet.com.br//imagens/coluna/2456//9.jpg

Considerações finais:


O retângulo com efeito alfa nas pontas da um efeito mais suavizado na máscara, o que torna o efeito de luz mais próximo do real. Abaixo coloquei um exemplo da mesma animação, mas sem o efeito alta nas pontas seja o resultado.

http://www.oficinadanet.com.br//imagens/coluna/2456//10.jpg

Até a próxima, dúvidas deixem um comentário abraços a todos. Sega-me @fontnelle.

Você tem Telegram? Então inscreva-se grátis aqui no canal do Oficina da Net e recebe todas as notícias pelo mensageiro.

MAIS SOBRE:
Comentários
Carregar comentários