topo
topo
topo
Domingo, 25 de Junho 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 - Motion Path  English Version

Por: Ivan W. Primo
Publicado em: 20.04.2005
Visualizações: 42219


rec6 Linkto delicious google yahoo live Twiter


Hoje vamos trabalhar com a ferramenta Motion Path do SwishMax. É uma ferramenta muito útil e podemos dizer que equivale à Interpolação de Movimento, ou Twining Motion do Flash. Com esta ferramenta, além de criarmos um movimento fazendo o objeto mudar de posição dentro do filme, também podemos alterar seu tamanho e transparência, e também fazê-la girar durante a animação.

Inicie um novo filme no SwishMax e altere as configurações como na imagem abaixo:

imagem 1"


Agora selecione a ferramenta "Text" e clique na parte inferior do palco para inserir um campo de texto. Depois digite o seu texto no campo Text, no lado direito do palco, formatando estilo, cor, etc.

imagem 2"


Seu texto estará mais ou menos nesta posição:

imagem 3"


Agora clique sobre a ferramenta "Motion Path" no painel "Tools" e configure a velocidade para 40.

imagem 4"


Clique sobre o texto e arraste até a parte superior do palco, centralizando a posição.

imagem 5"


Observe na linha do tempo que uma animação de mais ou menos 6 frames foi criada. Agora você deve aumentar a duração da animação. Para isso, basta levar o cursor até a extremidade direita do quadro que representa a animação na linha do tempo, e quando o cursor assumir a forma de duas setas, clique e arraste até 40 frames.

imagem 6"


Agora clique sobre o efeito na linha do tempo com o botão direito do mouse e no menu que surgir escolha "Properties".

imagem 7"


Uma caixa de diálogo se abrirá onde você pode mudar algumas configurações do efeito. Você pode alterar a duração do movimento no campo "Duration". Pode também, alterar o tamanho e a transparência do texto ao final do movimento, nos campos "X Scale" e "Alpha". Você pode ainda atribuir um valor de rotação no campo "X Angle". Mude o valor do campo "Resize to" para 150% e deixe as demais configurações como estão (Você poderá testá-las em outra oportunidade). Feche a janela clicando em "Close" para as configurações serem aplicadas.

imagem 8"


Agora você já pode visualizar seu movimento pressionando o botão "Play" na barra de ferramentas, ou testando no player (Ctrl+T)ou no navegador (Ctrl+Shift+T).

O efeito está prontinho, mas se você quizer mudar a trajetória do texto o procedimento é simples. Digamos que você queira colocar o texto de maneira que ele entre no filme pela parte inferior e saia pela parte superior. Primeiramente clique na ferramenta "Zoom Out" para deixar o filme um pouco menor no palco e dessa maneira tenhamos espaço para arrastar o texto para fora.

imagem 10"


Depois, vá ao palco e observe o último ponto da parte superior da linha que representa a trajetória do texto. Ao passar o mouse sobre ele, o cursor assume a forma de uma seta vermelha. Quando o mouse estiver com esta aparência, dê um clique e arraste a trajetória para fora da área do filme na parte superior do palco.

imagem 9"


Faça o mesmo com a extremidade inferior da linha da trajetória, arrastando para baixo, para fora da área do filme.

imagem 11"

Teste no seu navegador ou player. Abaixo o exemplo:




Até a próxima!!!

Não esqueça, se surgirem dúvidas consulte nosso fórum. Estarei lá para ajudar no que for necessário! Abraços,

Ivan Willian Primo
webmaster@portaldigidesign.com.br
icq 319012145
msn: iwprimo@gmail.com
www.portaldigidesign.com.br



Versão para impressão  Twitter



 

  Comentários:

«mike_reis»  Postado em: 29.06.2005


Paulo Lagoia  Postado em: 30.04.2005


· Dann  Postado em: 26.04.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