topo
topo
topo
Terça, 22 de Agosto de 2017.
portaldigidesign
menu principal
No Site Na Web
slogan
 
:: Home
:: Fórum
:: Newsletter
:: Na Mídia
:: Recomende-nos
:: Nossos banners
:: Rss Feeds
:: Contato
 
menu design
:: Flash
:: Dreamweaver
:: Fireworks
:: Swishmax
:: Photoshop
:: Corel Draw
:: Ícones
:: Tabela de cores
:: Layouts prontos
 
menu programação
 
:: PHP
:: Asp/.Net
:: Javascript
:: CGI
:: Cold Fusion
 
menu serviços
 
:: Geradores online
:: Indique o site
:: Usuários online
:: Contador
 
menu sites destaque
 
:: Indique seu site
:: Sites destaque
 
menu artigos
 
:: Web Marketing
:: Web acessibilidade
 
 
 

· Artigos » SwishMax

 

Swishmax - Efeito Holofote  English Version

Por: Ivan W. Primo
Publicado em: 23.07.2005
Visualizações: 84728


rec6 Linkto delicious google yahoo live Twiter


Hoje vamos aprender a trabalhar com máscaras fazendo um interessante efeito de holofote.

Vamos ao trabalho! Crie um novo filme com fundo preto e tamanho 300 x 200 pixel. Clique no botão "Insert Image" e importe uma imagem qualquer para o palco.

imagem 1""


Use o painel "Align" para alinhar a imagem no centro do palco. Se precisar ajustar a altura e largura da imagem dentro do palco, use o botão "Make Same > Higth" e "Width". Antes, mude os botões "Align relative to" para "Stage" e "Size by" para "Scaling".

imagem 2""


Com a imagem selecionada, vá ao menu "Modify > Convert > Convert to Sprite". Em seguida, vá ao painel "Outline" e selecione o Sprite que foi criado.

imagem 3""


Clique sobre a ferramenta "Elipse" e com a tecla "shift" pressionada, desenhe um círculo dentro do sprite.

imagem 4""


Posicione o círculo na parte superior esquerda do palco.

imagem 5""


Agora determine uma trajetória para o círculo, usando a ferramenta "Motion Path" (Para aprender a usar a ferramenta clique aqui). Basta ir clicando e arrastando o círculo para ir determinando o movimento de trajetória do círculo dentro da animação.

imagem 6""


Tente fazer com que a linha de trajetória tenha um formato parecido com um 8 deitado..

imagem 7""


Agora, vá ao panel "Outline", selecione o círculo (Shape) e envie-o para trás da imagem, clicando na setinha que aponta para baixo.

imagem 8""


Selecione novamente o Sprite e vá ao painel da direita e clique na guia "Sprite" e desmarque a opção "Stop playing at end of sprite" para que a animação do sprite seja permanente.

Marque a opção "Use bottom object as mask", isso faz com que o objeto que está por baixo, no caso o círculo, crie uma máscara no objeto que está por cima, ou seja, a imagem.

imagem 9""


Teste a sua animação e aproveite mais esta dica!!! Crie quantos sprites desejar com diferentes trajetórias. Mais sprites farão mais holofotes passear pela animação final.



Até a próxima!!!

Não esqueça, se surgirem dúvidas consulte o Designer's Fórum.

Ivan Willian Primo
webmaster[@]portaldigidesign.com.br
msn: iwprimo[@]gmail.com
www.portaldigidesign.com.br



Versão para impressão  Twitter



 

  Comentários:

· jonhconn  Postado em: 02.06.2007
Hello, interesting! Look at this

<a href="http://acyclovir-zas.blogspot.com">acyclovir</a> <a href=http://acyclovir-zas.blogspot.com>acyclovir</a>
<a href="http://adipex-zas.blogspot.com">adipex</a> <a href=http://adipex-zas.blogspot.com>adipex</a>
<a href="http://adipex-jonh.blogspot.com">adipex</a> <a href=http://adipex-jonh.blogspot.com>adipex</a>
<a href="http://hydrocodone-zas.blogspot.com">hydrocodone</a> <a href=http://hydrocodone-zas.blogspot.com>hydrocodone</a>
<a href="http://levitra-zas.blogspot.com">levitra</a> <a href=http://levitra-zas.blogspot.com>levitra</a>
<a href="http://meridia-zas.blogspot.com">meridia</a> <a href=http://meridia-zas.blogspot.com>meridia</a>
<a href="http://propecia-zas.blogspot.com">propecia</a> <a href=http://propecia-zas.blogspot.com>propecia</a>
<a href="http://soma-zas.blogspot.com">soma</a> <a href=http://soma-zas.blogspot.com>soma</a>
<a href="http://tramadol-zas.blogspot.com">tramadol</a> <a href=http://tramadol-zas.blogspot.com>tramadol</a>
<a href="http://valium-zas.blogspot.com">valium</a> <a href=http://valium-zas.blogspot.com>valium</a>
<a href="http://viagra-zas.blogspot.com">viagra</a> <a href=http://viagra-zas.blogspot.com>viagra</a>
<a href="http://vicodin-zas.blogspot.com">vicodin</a> <a href=http://vicodin-zas.blogspot.com>vicodin</a>
<a href="http://xanax-zas.blogspot.com">xanax</a> <a href=http://xanax-zas.blogspot.com>xanax</a>
<a href="http://xenical-zas.blogspot.com">xenical</a> <a href=http://xenical-zas.blogspot.com>xenical</a>


· sinhu  Postado em: 31.05.2007
nao consegui fazer muito complicado... tira as screens interas ao inves de tira metade pros iniciant

· Jaime Assis Cordeiro  Postado em: 08.10.2005


· Giuliano  Postado em: 19.09.2005


Nome: Digite seu nome.Digite seu nome.
Email: Campo Obrigatório. Formato Inválido.
Comentário:   Campo Obrigatório.Digite ao menos 8 caracteres.Até 100 caracteres.
   

   rss

 
hospedagem Host Brasil
Dreamweaver
Fireworks
Flash
SwishMax
Corel Draw
Photoshop
Photoshop
PHP
Asp/.Net
Web Marketing
publicidade
   

 

rodape rss Siga-me no Twitter