Animando Formas

From Synfig Studio :: Documentation
Jump to: navigation, search
(Animando o Caule)
Line 17: Line 17:
 
Selecione a Ferramenta Gradiente e arraste seu cursor verticalmente sobre a tela para preenchê-la.
 
Selecione a Ferramenta Gradiente e arraste seu cursor verticalmente sobre a tela para preenchê-la.
  
Em seguida, selecione a Ferramenta BLine e no Painel de Opções de Ferramenta, certifique-se que apenas {{Literal|Create Regiion BLine}} está selecionado. Na caixa de ferramentas, mude a cor de preenchimento para verde. Desenhe uma espécie de triangulo com a Ferramenta BLine. Para fechar a forma depois de desenhar os 3 vértices, clique com o botão direito no primeiro vértice e escolha {{Literal|Loop Bline}}.
+
Em seguida, selecione a Ferramenta BLine e no Painel de Opções de Ferramenta e certifique-se que apenas {{Literal|Create Regiion BLine}} está selecionado. Na caixa de ferramentas, mude a cor de preenchimento para verde. Desenhe uma espécie de triangulo com a Ferramenta BLine. Para fechar a forma depois de desenhar os 3 vértices, clique com o botão direito no primeiro vértice e escolha {{Literal|Loop Bline}}.
  
 
Agora que a forma está fechada, você pode "criar" a forma bline selecionando outra ferramenta ou pressionando o botão que se parece com uma engrenagem na parte de baixo do Painel de Opções de Ferramenta.
 
Agora que a forma está fechada, você pode "criar" a forma bline selecionando outra ferramenta ou pressionando o botão que se parece com uma engrenagem na parte de baixo do Painel de Opções de Ferramenta.
Line 35: Line 35:
 
Pressione o círculo verde no canto inferior direito da tela (ou qualquer que seja o ícone que você tem ali, dependendo do tema atual) para mudar para o {{l|Animate Editing Mode|Mode de Edição de Animação}} (o circulo ficará vermelho).
 
Pressione o círculo verde no canto inferior direito da tela (ou qualquer que seja o ícone que você tem ali, dependendo do tema atual) para mudar para o {{l|Animate Editing Mode|Mode de Edição de Animação}} (o circulo ficará vermelho).
  
Com a {{l|Transform Tool|Ferramenta Transformar}}, selecione o broto, e mova o vértice para cima para fazer o caule. Você pode brincar com as alças do vértice para dobrar a forma um pouco se quiser.
+
Com a {{l|Transform Tool|Ferramenta Transformar}}, selecione o broto, e mova o vértice para cima para fazer o caule. Você pode brincar com as alças do vértice para entortar a forma um pouco se quiser.
  
 
[[Image:FlowerTutorialCanvas3.png|center|frame]]
 
[[Image:FlowerTutorialCanvas3.png|center|frame]]
  
Ainda aos {{Literal|4.5s}}, clique com o botão direito na borda do caule, perto do topo, e escolha {{Literal|Insert Item (smart)}}. Faça o mesmo no outro lado. Clique com o botão direito nestes novos pontos e selecione {{Literal|Split Tangents}} novamente. Então tente fazer uma forma que pareça como a das imagens, para criar o botão.
+
Ainda aos {{Literal|4.5s}}, clique com o botão direito na borda do caule, perto do topo, e escolha {{Literal|Insert Item (smart)}}. Faça o mesmo no outro lado. Clique com o botão direito nestes novos pontos e selecione {{Literal|Split Tangents}} novamente. Então tente fazer uma forma que pareça como a da imagem abaixo, para criar o botão.
  
 
[[Image:FlowerTutorialCanvas4.png|center|frame]]
 
[[Image:FlowerTutorialCanvas4.png|center|frame]]
Line 49: Line 49:
 
Digamos que nós queremos que o botão apareça apenas aos 3.5s, e esteja completo aos 4.5s.
 
Digamos que nós queremos que o botão apareça apenas aos 3.5s, e esteja completo aos 4.5s.
  
Clique em {{Literal|3.5s}} na linha do tempo. Agora veja os painéis de {{Literal|{{l|Params Panel|Parâmetros}}}} e da {{Literal|{{l|Timetrack Panel|Linha do Tempo}}}} na janela de baixo. Você verá que cada parâmetro no Painel de Parâmetros está alinhado com uma linha do Painel da Linha do Tempo. O último parâmetro é a lista de vértices. Clique na flechinha da esquerda para abrí-la. Você deve ver algo como isto:
+
Clique em {{Literal|3.5s}} na linha do tempo. Agora veja os painéis de {{Literal|{{l|Params Panel|Parâmetros}}}} e da {{Literal|{{l|Timetrack Panel|Linha do Tempo}}}} na janela de baixo. É possível perceber que cada parâmetro no Painel de Parâmetros está alinhado com uma linha do Painel da Linha do Tempo. O último parâmetro é a lista de vértices. Clique na flechinha da esquerda para abrí-la. Você deve ver algo como isto:
  
 
[[Image:FlowerTutorialTimetrackParamsPanels6.png|center|frame]]
 
[[Image:FlowerTutorialTimetrackParamsPanels6.png|center|frame]]
Line 59: Line 59:
 
[[Image:FlowerTutorial-7-WaypointsActivepointsOff.png|center|frame]]
 
[[Image:FlowerTutorial-7-WaypointsActivepointsOff.png|center|frame]]
  
Por exemplo se você clicar em {{Literal|2s}}, ou mesmo {{Literal|3s}} now, o formato do botão da flor não é visível. Ele começa a aparecer apenas um pouco depois dos 3.5s.
+
Por exemplo se você clicar em {{Literal|2s}}, ou mesmo {{Literal|3s}} agora, o formato do botão da flor não é visível. Ele começa a aparecer apenas um pouco depois dos 3.5s.
  
 
Entretanto, a forma do caule pode não estar muito legal durante seu crescimento entre 0 e 4s. Tenha certeza de ainda estar no Modo de Edição de Animação, e mude a forma em vários momentos do tempo para conseguir algo que você goste.
 
Entretanto, a forma do caule pode não estar muito legal durante seu crescimento entre 0 e 4s. Tenha certeza de ainda estar no Modo de Edição de Animação, e mude a forma em vários momentos do tempo para conseguir algo que você goste.

Revision as of 16:57, 6 July 2010

Languages Language: 

English • español • français • italiano • 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!

warning end


Navigation Navigation:  <<Manual

Atenção!

Este artigo está em processo de tradução! Você pode ajudar a traduzi-lo, ou revisá-lo. Obrigado pela compreensão. :)
note end


Configurações Básicas

Neste tutorial aprenderemos como criar uma simples animação de uma flor crescendo, usando BLines.

Flower 0.png
Abra o Synfig Studio — uma nova animação será criada. Se você já está com o Synfig aberto, selecione "File → New" na caixa de ferramentas.

Primeiro, precisamos criar um gradiente para o fundo. Clique nas cores de contorno e preenchimento na caixa de ferramentas para selecionar as cores que nosso gradiente terá. Você pode também editar diretamente o gradiente, clicando na linha de gradiente na caixa de ferramentas.

Selecione a Ferramenta Gradiente e arraste seu cursor verticalmente sobre a tela para preenchê-la.

Em seguida, selecione a Ferramenta BLine e no Painel de Opções de Ferramenta e certifique-se que apenas "Create Regiion BLine" está selecionado. Na caixa de ferramentas, mude a cor de preenchimento para verde. Desenhe uma espécie de triangulo com a Ferramenta BLine. Para fechar a forma depois de desenhar os 3 vértices, clique com o botão direito no primeiro vértice e escolha "Loop Bline".

Agora que a forma está fechada, você pode "criar" a forma bline selecionando outra ferramenta ou pressionando o botão que se parece com uma engrenagem na parte de baixo do Painel de Opções de Ferramenta.

FlowerTutorialCanvas1.png

Isto irá ser a base do nosso caule. Você pode mudar alças das tangentes (pontos vermelhos) um pouquinho para fazer um triangulo mais arredondado. Com a Ferramenta Transformar, clique com o botão direito em cada vértice e selecione "Split Tangents", para que as alças de cada vértice possa ser movidas separadamente. Aqui terminamos com as configurações básicas.

FlowerTutorialCanvas2.png

Animando o Caule

No menu da Tela, selecione "Edit → Properties". Vá até a aba do tempo, ajuste o "End time" para "6s" e clique em OK.

Clique no começo da linha do tempo ("0f"), e então, no Painel de Quadros-Chave (aquele com o ícone que é uma chavezinha) clique no botão com um ícone que é um sinal de "+" (adicionar novo quadro chave). Quadros-chave nos permitem estabelecer a cena: ex: em um quadro-chave, cada elemento da cena terá todas as suas propriedades lembradas. Clique novamente na linha do tempot, aos "4.5s". Pressione o círculo verde no canto inferior direito da tela (ou qualquer que seja o ícone que você tem ali, dependendo do tema atual) para mudar para o Mode de Edição de Animação (o circulo ficará vermelho).

Com a Ferramenta Transformar, selecione o broto, e mova o vértice para cima para fazer o caule. Você pode brincar com as alças do vértice para entortar a forma um pouco se quiser.

FlowerTutorialCanvas3.png

Ainda aos "4.5s", clique com o botão direito na borda do caule, perto do topo, e escolha "Insert Item (smart)". Faça o mesmo no outro lado. Clique com o botão direito nestes novos pontos e selecione "Split Tangents" novamente. Então tente fazer uma forma que pareça como a da imagem abaixo, para criar o botão.

FlowerTutorialCanvas4.png

Agora se você clicar em "2s" (por exemplo), é possível ver que a forma do botão está levemente visível, mesmo se o broto for pequeno, e mesmo se os manipuladores do botão estejam invisíveis.

FlowerTutorialCanvas5.png

Digamos que nós queremos que o botão apareça apenas aos 3.5s, e esteja completo aos 4.5s.

Clique em "3.5s" na linha do tempo. Agora veja os painéis de "Parâmetros" e da "Linha do Tempo" na janela de baixo. É possível perceber que cada parâmetro no Painel de Parâmetros está alinhado com uma linha do Painel da Linha do Tempo. O último parâmetro é a lista de vértices. Clique na flechinha da esquerda para abrí-la. Você deve ver algo como isto:

FlowerTutorialTimetrackParamsPanels6.png

Cada ponto verde (ou waypoint) significa um valor gravado (aqui a posição dos vértices foram gravadas em 0f com o quadro chave, e aos 4s quando movemos alguns vértices ou manipuladores). Os dois vértices que adicionamos para fazer o botão são marcados em "DYN" (do inglês dynamic - dinâmico). Clique com o botão direito sobre eles na lista de parâmetros, e selecione "Mark Activepoint as Off".

O painel deve se parecer com isto agora, a parte cinza sendo a parte onde os vértices do botão não tem efeito no caule.

FlowerTutorial-7-WaypointsActivepointsOff.png

Por exemplo se você clicar em "2s", ou mesmo "3s" agora, o formato do botão da flor não é visível. Ele começa a aparecer apenas um pouco depois dos 3.5s.

Entretanto, a forma do caule pode não estar muito legal durante seu crescimento entre 0 e 4s. Tenha certeza de ainda estar no Modo de Edição de Animação, e mude a forma em vários momentos do tempo para conseguir algo que você goste.

A animação do caule está pronta, mas ainda faltam as pétalas. Você pode assistir uma prévia da sua animação: Vá em "File → Preview", entre com suas configurações e clique em ok, espere a pré-visualização ser gerada, e assista.

Nota

Pré-visualizações geralmente são pixeladas e desfocadas, mas a renderização final terá uma qualidade perfeita. Para uma melhor qualidade da pré-visualização, use valores mais altos para os campos 'Zoom' e 'Frames per second' na janela do dialogo de pré-visualização.
note end


Adicionando Pétalas

Escondendo as Pétalas


Languages Language: 

English • español • français • italiano • português • română • русский • 中文(中国大陆)‎