Concorra a três cursos on-line totalmente grátis:
1. Web Marketing
2. Técnicas de Vendas
3. Marketing Pessoal
Neste tutorial você vai aprender como é fácil fazer um texto desaparecendo em motion blur sem usar action script.
Software Recomendado: Macromedia Flash 8 ou superior
Neste tutorial você vai aprender como é fácil fazer um texto desaparecendo em motion blur sem usar action script.
Primeiro Passo
Abra um novo documento no flash. Depois vá em Modify (Modificar) > Document (Documento) (ou pressione Ctrl+J). Coloque as seguintes medidas no seu documento, 200 pixels de largura e 100 pixels de altura. Coloque a cor do Background (fundo) como branco, mude o Frame Rate para 28 fps (Frames Por Segundo) e clique em ok.
 |
Segundo Passo
Pegue a ferramento Text Tool (Ferramenta de Texto) (T), agora na Paleta Properties (Propriedades) logo abaixo da cena, escolha a opção Static Text (Texto Estático) (veja parte da imagem abaixo). Escolha qualquer fonte que você goste, e marque a opção de Bold (Negrito). O tamanho defini como 18 e a cor escolhi Preto. Agora digite seu texto. Para este exemplo escrevi "Ricardo Jucosky".
 |
Selecione o texto digitado, pressione a tecla F8 ( ou vá em Modify (Modificar) > Convert to Symbol (Converter em Simbolo) ) e converta para Movie Clipe (Clipe de Filme).
*Observação* (não entre no movie clipe, fique na cena inicial).
 |
Terceiro Passo
Clique no Frame (Quadro) 60, e crie um KeyFrame (QuadroChave) apertando F6.
Quarto Passo
Clique com o botão direito do mouse na área cinza da Time Line (Linha do Tempo) e escolhe a opção Create Motion Tween (Criar Interpolação de Movimento) que vai aparecer.
 |
Quinto Passo
Clique no Frame 15, e crie um KeyFrame (F6), depois clique no Frame 30 (F6) e crie outro KeyFrame, com o Frame 30 selecionado, pegue a ferramente Selection Tool (Ferramenta de Seleção) (V), selecione o texto ("ricardojucosky"), agora vá para a Paleta de Properties, mude para Filters (Filtros), clique sobre o "+" e escolha a opção Blur (Desfoque). Agora, defina os valores iguais aos que estão sendo mostrados abaixo.
 |
 |
Sexto Passo
Clique no Frame 40, e crie um KeyFrame (F6), Agora pegue a ferramenta Free Transform Tool (Ferramenta de Trasnformação Livre) (Q) clique no texto, e faça como mostra a animação abaixo.
 |
Sétimo Passo
Clique no Frame 45, e crie um KeyFrame (F6). Com o Frame 45 selecionado, use as setas do teclado, e mova o "blur effect" um pouco para cima, sem sair do quadro. Agora selecione o "blur effect" com a ferramenta Selection Tool e na Paleta Properties você vai ver a opção Color (Cor). Mude a opção None (Nada) para Alpha (Transparência) e coloque 0% como mostra a figura abaixo.
 |
Agora teste sua animação apertando (Ctrl + Enter).
Espero que tenham gostado.
Ricardo Jucosky - blog.ricardojucosky.com - Desenvolvedor de interfaces web, atualmente trabalha como coordenador geral de desenvolvimento web de uma agência de publicidade.
Autor: Ricardo Jucosky
Compartilhe:
Retaliador em 25/05/2008
Gostaria de saber se vc tem algum tutorial para fazer animação de carro andando com guide. Se tiver por favor me mande por email.Grato.
Retaliador em 14/05/2008
seu site é 1000!
Marcos Alves em 16/03/2008
gostaria de saber se vc´s tem outros efeitos em texto
Neto em 30/12/2007
Ola td bem so não consegui add o blur pois o meu flash e mx e nao consegui esta opção de filtros ! Onde e como faço isso ???
Ruan em 21/07/2007
e eu ainda segui tudin direitin.. conforme ta ae.. mas nao da...
Fabio em 18/06/2007
Ola, tudo bom??? eu consegui fazer direitinho conforme sua explicacao. Tenho uma duvida...se eu quiser fazer este efeito para mais de uma frase no mesmo lugar como eu faço??? obrigado..
exemplo: quero que no meu site fique piscando DIREITO CIVIL depois DIREITO PENAL a assim por diante...mas tudo no mesmo lugar
Deyjerry em 13/06/2007
em não consegui acha esse "Filters (Filtros), clique sobre o "+" e escolha a opção Blur (Desfoque)" vc pode min envia o fla..
Fernando em 10/06/2007
Parabéns pelo tutorial, me ajudou bastante aqui, espero que continue contribuindo para o site. Valeu
2004-2008 Weblivre.net Todos os direitos reservados.
Quem somos | Política de Acesso | Anuncie | Na Mídia | Seja um Colunista | Sugestão de Pauta | Fale Conosco
Idealização: Webla - Comunicação Digital