Com este tutorial eu estarei mostrando a vocês como fazer este belo efeito de nuvens no Flash sem a necessidade de usar action script.

Para nós fazermos este tutorial nós iremos usar os seguintes programas (Photoshop, Flash), vamos começar com o Photoshop, abra o Photoshop, no meu caso criei um documento de 630x180 que é o tamanho que uso para colocar imagens e swf nos posts, deixe as cores de plano de fundo e frente como na imagem,

Feito isto vá em Filter > Render > Clouds sua imagem ficará assim;

Até agora o que nós precisaríamos no Photoshop era isto, salve sua imagem e feche o Photoshop, no flash faça um arquivo com o mesmo tamanho que você fez no Photoshop e importe a imagem que você acabou de fazer no Photoshop, coloque a foto como plano de fundo e crie uma nova layer;

Nesta nova layer nós iremos fazer o efeito da nuvem, para fazer o efeito vá em Brushe tool (b) e deixe o tamanho dela no máximo, com ela faça alguns riscos como na figura abaixo,

Com estes riscos todos feitos selecione todos e crie um movie clip (F8) com o nome nuvem dê dois cliques neste movie clip, dentro do modo de edição do movie clip selecione novamente os riscos e crie outro movie clip agora com o nome de animação, depois disto vamos duplicar o movie clip duas vezes um do lado outro como na imagem (se possível aproxime a imagem para deixar um movie clip bem perto do outro para que não de problema na hora da execução do filme);

Agora selecione todos e transforme em movie clip (F8) novamente e coloque o nome de efeito, agora vamos aplicar o filtro, clique no movie clip que acabamos de fazer e vá no painel Properties > Filter > blur e coloque as seguintes configurações,

Agora é só animar saia do modo de edição do movie clipe e na timeline da layer da nuvem clique no frame 140 e arraste o movie clip e deixe como abaixo,

Agora na linha do tempo é só clicar com o botão direito e colocar na opção Create Classic Tween (CS4) ou Create Motion Tween (CS3 e anteriores),

Pronto está feito o nosso efeito de nuvens no flash, espero que você tenha gostado até a próxima!

Siga Bons Tutoriais

Sobre o Autor

Victor Tiago, fundador Bons Tutoriais. Acredito que para que um resultado de design satisfatório sai de uma boa equipe e depois de muito trabalho duro. A partir disto criei este site para que desenvolvedores designers e programadores tenham uma fonte de inspiração antes de criar seus trabalhos. Caso queira estar conectado sempre para receber novidades e noticias, siga nos no Twitter, Google+, Facebook ou então pelo nosso Feed.

Oferecimento

Compartilhe!