Principios da Animação
(Created page with '<!-- Page info --> {{Title|Principios da Animação}} {{Navigation|Category:Manual|Doc:Adding Layers}} Category:Manual Category:Tutorials Category:Tutorials Basic [[C…') |
|||
| Line 28: | Line 28: | ||
O diálogo de propriedades da tela é uma bagunça, admitimos. Nós o re-desenharemos para ser algo muito mais compreensível em algum ponto do futuro. Por enquanto, ignore as seções "Image Area" e "Locks and Links". | O diálogo de propriedades da tela é uma bagunça, admitimos. Nós o re-desenharemos para ser algo muito mais compreensível em algum ponto do futuro. Por enquanto, ignore as seções "Image Area" e "Locks and Links". | ||
{{DevNotesEnd}} | {{DevNotesEnd}} | ||
| + | |||
| + | Dê um nome e descrição para sua tela, e clique em "Aplicar" (não clique "Salvar" ainda — não ainda não terminamos com as propriedades). Vá na aba {{Literal|Time}} e tenha certeza de editar {{Literal|End Time}}. Mude '5s' para '2s' — isso irá fazer com que nossa animação tenha 2 segundos de duração. | ||
| + | |||
| + | [[Image:File Properties Dialog - End Time.png|center|frame|Diálogo de Propriedades da Tela]] | ||
| + | |||
| + | Agora crie um retângulo preto simples que servirá como nosso fundo. Não é necessário fazê-lo cobrir toda a tela. Também, desmarque a opção {{Literal|Low Res}} no topo da janela da tela para desabilitar o modo de visualização de baixa resolução - isso fará com que sua imagem fique mais nítida. Geralmente, ter esta opção habilitada aumenta a velocidade de atualização da tela, mas não precisamos disto agora. | ||
| + | |||
| + | [[Image:synfig_tut_2.png|center|frame]] | ||
| + | |||
| + | Agora precisamos de um círculo. Mude a cor do preenchimento para vermelho, e crie um círculo. Não importa se não está perfeito: você pode editá-lo depois . Selecione a Ferramenta Transformar, e clique no círculo. Ele entrará num modo de edição que é fácil de perceber pelo pequeno ponto verde no meio, e o retângulo branco ao seu redor. Você pode mover o círculo vermelho clicando no seu pontinho verde. | ||
| + | |||
| + | [[Image:synfig_tut_3.png|center|frame]] | ||
| + | |||
| + | Estes são os primeiros passos para desenhar um objeto e movê-lo. Mas, não é uma animação ainda, você deve ter percebido. É verdade, vamos dar uma olhada em como isto funciona. | ||
| + | |||
| + | == Adicionando Movimento == | ||
| + | |||
| + | |||
| + | == Os e'''S'''ses e e'''F'''es: Entendendo a linha do tempo == | ||
| + | == A lista dos Quadros-Chave == | ||
| + | == Renderizando sua animação == | ||
| + | == Conclusão == | ||
| + | |||
| + | Claro, a posição de um objeto não é a única coisa que você pode mudar com o Synfig Studio. Outras possibilidades incluem tamanho, contorno, cor, etc. Synfig vem com vários exemplos que permitem que você vá mais afundo nas possibilidades. | ||
Revision as of 18:45, 23 June 2010
 |
Language: |
English • Deutsch • español • suomi • français • italiano • Nederlands • português • română • русский • 中文（中国大陆） |
|
Warning! This page contains outdated information. The release of Synfig Studio 0.64.0 introduced new terminology and this translated page needs to be updated according to original English text. You can help updating this page - see instructions here. Thank you! |
Contents
Introdução
Criar uma animação no Synfig Studio é muito fácil. Consiste basicamente em mudar um desenho — você precisa apenas criar o primeira e última fase da mudança, e o Synfig cuidará dos passos intermediários.
Vejamos um simples exemplo. Considere uma luz em movimento como aquela na frente do carro da Super Máquina (Knight Rider). Se deixar o realismo de lado, você tem um circulo se movendo da esquerda para a direita, e vice versa. Em outras palavras, você precisa criar três "passos" ou "fases":
- O círculo está na esquerda.
- O círculo está na direita.
- O círculo está de volta na esquerda.
Vamos fazer isto.
Preparando a área de trabalho
Abra o Synfig Studio. Novos arquivos automaticamente são criado no início. Clique no menu da seta (entre as réguas horizontal e vertical, no lado superior esquerda da tela), e então selecione "Edit → Properties". Um diálogo de propriedades da tela irá aparecer.
Nota dos Desenvolvedores O diálogo de propriedades da tela é uma bagunça, admitimos. Nós o re-desenharemos para ser algo muito mais compreensível em algum ponto do futuro. Por enquanto, ignore as seções "Image Area" e "Locks and Links".
Dê um nome e descrição para sua tela, e clique em "Aplicar" (não clique "Salvar" ainda — não ainda não terminamos com as propriedades). Vá na aba "Time" e tenha certeza de editar "End Time". Mude '5s' para '2s' — isso irá fazer com que nossa animação tenha 2 segundos de duração.
Agora crie um retângulo preto simples que servirá como nosso fundo. Não é necessário fazê-lo cobrir toda a tela. Também, desmarque a opção "Low Res" no topo da janela da tela para desabilitar o modo de visualização de baixa resolução - isso fará com que sua imagem fique mais nítida. Geralmente, ter esta opção habilitada aumenta a velocidade de atualização da tela, mas não precisamos disto agora.
Agora precisamos de um círculo. Mude a cor do preenchimento para vermelho, e crie um círculo. Não importa se não está perfeito: você pode editá-lo depois . Selecione a Ferramenta Transformar, e clique no círculo. Ele entrará num modo de edição que é fácil de perceber pelo pequeno ponto verde no meio, e o retângulo branco ao seu redor. Você pode mover o círculo vermelho clicando no seu pontinho verde.
Estes são os primeiros passos para desenhar um objeto e movê-lo. Mas, não é uma animação ainda, você deve ter percebido. É verdade, vamos dar uma olhada em como isto funciona.
Adicionando Movimento
Os eSses e eFes: Entendendo a linha do tempo
A lista dos Quadros-Chave
Renderizando sua animação
Conclusão
Claro, a posição de um objeto não é a única coisa que você pode mudar com o Synfig Studio. Outras possibilidades incluem tamanho, contorno, cor, etc. Synfig vem com vários exemplos que permitem que você vá mais afundo nas possibilidades.
