Sencha Animator

O Sencha Animator é um programa para auxiliá-lo na criação de animações em CSS3 para os navegadores que utilizam o WebKit, além de aparelhos móveis que possuam interface touchscreen. A ideia central é que você consiga criar tudo a partir da interface gráfica sem maiores conhecimentos em design.

Para utilizá-lo é necessário possuir uma conta de usuário e você pode criá-la aqui. Lembre-se de que é preciso cadastrar um email válido, pois a confirmação é enviada para ele.

Conheça o programa

A interface do aplicativo é no estilo “clique e arraste”. Você pode organizar os elementos necessários para a sua criação apenas “levando-os” com o mouse pela tela até que sejam organizados no local necessário. O mesmo serve para manipulação de funções presentes na linha do tempo criada.

A tela principal do aplicativo é muito semelhante àquela apresentada por programas de edição de vídeo e criação de animações. Na lateral esquerda estão localizados alguns objetos que podem compor o seu projeto. Para adicionar qualquer um deles basta simplesmente clicar na alternativa desejada.

Eles são posicionados no topo do campo de criação, mas podem ser arrastados até o local desejado. O centro da tela é destinado ao modelo a ser desenvolvido e logo abaixo é mostrada a linha do tempo da animação. Para editar as propriedades de qualquer elemento inserido, você pode selecioná-lo e utilizar as ferramentas disposta nos quadro superior do lado direito da tela.

Também é possível alterar o plano de fundo por meio da parte destinada ao “Background”, logo abaixo das propriedades dos elementos. Ainda na lateral direita do programa, estão localizadas ferramentas para efetuar alterações de posicionamento, flutuação, dimensões, bordas, tipos, entre outras.

Se você tiver quaisquer tipos de problemas ao montar suas composições, o programa também conta com uma documentação muito bem montada. É possível tanto encontrar tutoriais escritos, como guias de utilização do programa e vídeos demonstrativos. Há também alguns projetos exemplo.

Precisando criar uma animação em CSS3? Este programa pode ajudá-lo.

Sencha Animator