Conteúdo

Conhecendo o Programa Triângulo de piscamento

Guia de introdução

Este guia irá criar um filme com um círculo que irá mover pela tela.

Começa um novo filme pressionando 'Nova' na barra de ferramentas ou no 'Arquivo' menu.


New Nova

Uma nova camada é adicionada à linha do tempo. A linha vermelha na linha do tempo está em 0 e mostra que o editor está mostrando quadro zero. A camada de script pode ser ignorada por enquanto, ele é usado para adicionar funcionalidade avançada.


Guia de introdução 1

Guia de introdução 2


A biblioteca e o editor estão vazios. As propriedades da aniamção são eixibdas, tais como a largura, a altura e a cor do plano de fundo.


Guia de introdução 3


Experimente mudar o 'Cor do fundo' para amarelo. Clique no botão ao lado da propriedade 'Cor do fundo' e escolha o amarelo no painel de seleção de cor.


MoreButton

Guia de introdução ColorPicker


A cor do plano de fundo da animação será amarela agora.


Guia de introdução 4

Guia de introdução 5


Outras propriedades podem ser modificadas dessa forma também.

Adicione um círculo à biblioteca clicando em 'Círculo' na Barra de Ferramentas ou no menu 'Biblioteca'.


Guia de introdução 6

Um círculo azul é adicionado à biblioteca e suas propriedades são exibidas. Modifique a cor da BorderType para 'Uniforme' e a cor da 'Cor da borda' para verde.


Guia de introdução 7

Agora que existe um círculo na biblioteca, ele pode ser adicionado à camada na linha do tempo para compor a animação. Arraste o círculo da biblioteca até o editor ou clique no botão ao lado do círculo na biblioteca e escolha ~AddToTimeLine. Se precisar editar as propriedades do círculo de novo, clique em 'Editar', no mesmo menu.


Guia de introdução 8

O círculo é adicionado à camada e um novo quadro de animação é automaticamente adicionado no quadro 0. É representado por um ponto.


Guia de introdução 9

O novo quadro do círculo é selecionado. Ele pode ser movido à vontade no editor, e suas propriedades, editadas.


Guia de introdução 10

Arraste o círculo no editor para a esquerda do filme.


Guia de introdução 11

Agora para adicionar o próximo quadro e animar o círculo, clique ou duplo clique na linha do tempo do círculo em vinte quadros para criar um novo quadro-chave, novamente representado por um ponto.


Frame Adicionar quadro

Guia de introdução 12

A linha entre os dois quadros-chave mostra que há uma transição entre eles. Uma linha pontilhada mostra que não há nenhuma transição. Sem uma transição, não haverá nenhuma animação e o primeiro quadro chave simplesmente irá mostrar até o próximo quadro-chave.

A linha vermelha na linha do tempo é agora, aos vinte anos e mostrar que o editor está exibindo frame vinte. Este quadro é agora selecionado em vez de quadro zero. O editor e as propriedades mostram quadro vinte.

Arraste o círculo no editor para a direita no quadro 20.


Guia de introdução 13


Clique simples (único) em diferentes quadros em dado intervalo de tempo indica os quadros de animação automática. Se você der um clique simples no quadro dez, verá que o círculo é exibido no meio.
Para ver a animação, clique em 'Tocar' na Barra de Ferramentas ou no comando de menu 'Animação'.


Play Tocar

Guia de introdução 14

Clique no botão no segundo ButterflyOpen e escolha 'Inverter posições'. Isso permitirá que você alterar a imagem ButterflyOpen para a imagem ButterflyClosed.


Save Salvar


O efeito será uma borboleta flap suas asas, que atravessa a tela.

Para ver a animação, clique em 'Tocar' na barra de ferramentas ou no menu 'Animação'.


Export Exportar

Guia de introdução 15

Guia de introdução 16

Clique no link para ver o filme sem a página de teste.


Guia de introdução 17

Conhecendo o Programa Triângulo de piscamento
Esta documentação foi traduzida do inglês, usando um tradutor online. Pedimos desculpas se você encontrar quaisquer erros. Se você gostaria de nos ajudar a fazer as correções. Há um editor de tradução em Hippani Animator (no menu ajuda). Damos as chaves de licença livre para qualquer um que corrige mais de 100 frases. Entre em contato conosco para mais detalhes.