Swift 3D – Timeline
Swift 3D e suas timelines ,
Vamos abordar um tema que foi muito pedido, que é a timeline do Swift 3D, pra quem não sabe esse é um ótimo Software produzito pela Eletric Rain, quem quiser pode visitar o site no endereço www.swift3d.com , lembrando que ele não é um software gratuito, mas tem as versões trial no site.
O Swift 3D cria animações vetoriais em 3D que podem ser importadas para o Flash MX frame a frame, já temos 2 Tutoriais sobre ele no site e agora vamos falar das suas Timelines.
Antes de tudo vamos desenhar um objeto para que possamos anima-lo, então abram um novo arquivo e na janela “Lathe Editor” vamos desenhar metade de um peão, conforme aprendemos no último tutorial:
Ao voltar para o palco “Scene Editor”, teremos a forma de um peão, como mostra a figura abaixo:
Pronto, agora temos um Objeto para apresentar a timeline do Swift 3D, se quiser pode colorir o peão ou até fazer outro objeto de forma diferente, no meu vou aplicar uma textura de madeira, olhem que legal que fica:
Agora vamos analizar essa timeline passo a passo, antes de animar o objeto, devemos clicar no botão “Animate” encima da timeline, após clicar ele ficará vermelho com o titulo “Animating” e a timeline ficará desbloqueada para animação:
Decima pra baixo temos os seguintes layers na timeline. Position, Pivot, Rotation, Scale, All Surfaces e Path01 (Lathe 01):
01 – Position:
O Layer Position, indica a posição do objeto no palco, portanto ao clicar no objeto dentro do palco, e alterando a posição, automaticamente estaremos animando ele no layer Position.
Clique no peão e arraste-o para o lado esquerdo conforme mostra a figura:
Logo após clique e arraste o retangulo vermelho que marca a posição do frame na timeline e arraste-o para cima do frame 20:
Mova o peão no palco para o lado direito, automaticamente os frames do layer position ficarão preenchidos com a cor verde, indicando que há uma mudança de posição do objeto, portanto uma animação:
Se clicar no botão “Play Animation” do lado esquerdo, já veremos o peão se deslocando da direita pra esquerda:
Podemos mexer nessas posições através do botão “position” no menu lateral esquerdo, vamos clicar com o botão direito do mouse sobre a timeline e clicar em “Delete all keyframes” para deletar todos os frames e retirar a animação anterior, pegue o retangulo vermelho do marcador de frames e retorne pro primeiro frame, em seguida clique no botão position do menu e deixe todas as opções de x, y e z em 0.00:
Arraste o marcador de frames para o frame 20, e alterem agora os valores de x, y e z no menu, os valores em x irá deslocar o peão na posição horizontal, o valor y vai alterar a posição vertical do peão, e a posição z vai alterar a profundidade do peão, fazendo isso voltaremos a ver a linha verde no layer Position e criaremos uma animação alterando a posição do peão por valores no menu.
Na maioria dos casos é bobeira alterar a posição z de um obketo, pois podemos importar o objeto para o Flash, e diminuir ou aumentar o tamanho simulando uma profundida, mas é bastante usado quando trabalhamos com grupos de objetos, por exemplo se inventar de fazer um carro, então teremos que usar todos os fatores x, y e z para encaixar uma roda no lugar certo do carro por exemplo.
01 – Pivot:
Como o próprio nome já diz, essa timeline controla o pivô do objeto, por padrão ele fica bem ao centro do objeto criado, delete os keyframes da animação, retorne ao primeiro frame e clique no botão Positon, la embaixo tem o botão “Move Pivot Only”, clique nele:
Ao clicar nesse botão estaremos permitindo que somente o botão do objeto seje alterado, o Pivô é este aqui:
Se clicar em Lock Vertical e movimentar o Peão na posição vertical, ele pegará como referencia o pivô que está no centro do peão, vejam esse exemplo que montei com duas imagens, somente metade dessa tela é mostrada no swift:
No palco, cliquem no pivô e arraste para baixo do peão:
Agora se voltar ao painel de rotação e repetir o movimento, notará que ele vai começar a girar em torno daquele ponto:
Portanto se arrastar o pivo pra fora do objeto, ele vai girar envolta desse pivô formando uma órbita, para se ter uma noção disso, coloque o pivo nas posições 0.00 em x e y, e na posição -1.00 em z:
Agora usando a rotação do objeto, veremos que ele não vai girar em volta de si, mas sim em volta do pivô:
A idéia de se mudar um pivô no meio da animação é meio maluca, mas dá um resultado até que legal, volte o objeto e o pivo para as posições 0.00 em X, Y e Z, vamos arrastar o controlador da timeline para o frame 20, agora no frame 20 coloque o pivo na parte decima do peão:
No primeiro frame coloque embaixo do peão:
Ao rodar a animação o peão ficará parado, porem da pra ver que o pivô dele sobe no decorrer da animação clicando e arrastando a barra de controle dos frames de um lado pro outro entre os frames 1 e 20.
Agora que entraremos no layer “Rotation”, dará pra ver a diferença que esse pivô faz.
03 – Rotation:
O item Rotation como o nome tambem diz, é a rotação do objeto no palco, aproveitando o trabalho anterior, vamos clicar no frame 20 e “Lock Spin” vamos girar o peão até que ele fique de cabeça para baixo, encima do pivô:
Agora a timeline ficará preenchida com alteração do pivo, rotação e posição:
Ao testar a animação dá pra tomar um susto com o movimento louco que o pivô fez junto com a animação, diminuí um pouco a qualidade da renderização pra não ficar muito pesado o swf, portanto perdeu um pouco a qualidade, mas é só pra mostrar o movimento que você deve chegar:
Agora que ja viu o efeito de um pivô junto com a rotação, vamos deletar os frames e voltar a posição inicial novamente, colocando o pivo e objeto nas posições 0.00 em X, Y e Z.
Clique no objeo no palco, e depois clique em “Lock Spin” e tombe um pouco o peão para o lado direito:
O Peão deverá ficar ligeiramente inclinado pro lado direito no palco:
Arraste o marcador da posição da timeline pro frame 10, agora que estamos no frame 10, vamos usar o “Lock Horizontal” e girar o peão da esquerda pra direita, pegando bem na extremidade da esfera na esquerda, passando para a estremidade da espera do lado esquerdo para que o peão dê um giro de 180 graus.
Posição no frame 1:
Posição no frame 10:
Arraste o marcador de frame pro frame 20 e repita o movimento da esquerda pra direita, pra ele completar 360 graus.
Posição no frame 20:
Ao testar a animação veremos que ela irá fazer uma movimentação bem semelhante a de um peão girando:
Qualquer movimentação feita com o Rotate Selected, será colocado como rotação na timeline.
04 – Scale:
O Scale é o tamanho do objeto, no caso X para a largura, Z para a produndidade, e Y para a altura.
Para altera-lo basta clicar no botão Scale do menu e mudar os valores de X, Y e Z:
Para importar esse efeito no Flash, nem sempre será um bom negócio, já que podemos diminuir seus tamanhos pelo menos em em X e Y com a ferramente Free Transform Tool do Flash, mas vamos testar esse efeito.
Clique com o botão direito do mouse encima da timeline e delete todos os frames, coloque o marcador de frame encima do frame 20, feito isso altere os valores de X e Y no item Scale do botão, notará que o peão ficou mais achatado e mais fino, ou se aumentaram o valor ele ficou maior e mais alto, o valor Z terá no caso quase o mesmo efeito de X já que ele é torneado (tem os 4 lados iguais), então com um peão o efeito Z parecerá o mesmo efeito de X, ao testar a animação verão ele trocando de forma, nessa parte a timeline Scale não tem segredos, é apenas isso que ela faz.
05 – All Surfaces:
O Layer All Surfaces é usado para alterar superfícies do objeto, no caso as cores, vamos deletar novamente a animação, colocar o marcador de timeline sobre o frame 20, na paleta “Show Materials” vamos escolher uma cor e arrastar para o objeto:
Objeto no frame 20 com outra cor:
Como ele serve somente para mudar de cor, então ao testar a animação o peão irá somente mudar de cor:
06 – Path 1(Lathe01):
Essa timeline se refere a timeline do nosso objeto que está no palco, agora que ja deve estar de saco cheio desse peão, vamos mudar a forma dele e transforma-lo em uma maçã, gostou da idéia?
Clique em Lathe Editor:
Aqui foi onde desenhamos nosso peão, então vamos arrastar o marcador de frames para o frame 10, e vamos mudar a forma do peão para metade de uma maçã:
Volte ao Scene Editor e notará que a timeline Path 1, agora está preenchida, se testar a animação verá o peão se transformando em uma maçã, para melhorar no ultimo frame seria melhor jogar uma cor vermelha a maçã para chegar num melhor resultado:
Frame1:
Frame10:
Frame 20:
Agora que já sabem sobre todas timelines do palco, só ficou faltando mais uma, que é a timeline da iluminação que é a mais simples de todas.
Removam os frames animados, sobrando apenas o frame 1 com o famoso Peão, coloquem o marcador de frame novamente sobre o frame 20 e no marcador de iluminação, altere os pontos de luzes:
Imediatamente no palco, notará que o ponto de iluminação mudou de lugar, e o peão estará com um brilho diferente:
Ao testar a animação tambem notará a mudança de luzes no Peão.
Agora que ja sabem como trabalhar com a timeline do Swift 3D, é colocar a imaginação pra funcionar e abusar deste software, espero que tenham aproveitado esse tutorial que muitos usuários do site pediram.
Abraço e até a próxima !!!
Gustavo Henrique Carneirinho
Escrito por 
Parece que o caminho das imagens deste tutorial foi alterado.
Vocês podem corrigir…?
Parece que o caminho das imagens deste tutorial foi alterado.
Vocês podem corrigir…?
também precizo desse favor, vocês podem fazer?