Animando Formas
(→Adicionando Pétalas) |
|||
| Line 68: | Line 68: | ||
== Adicionando Pétalas == | == Adicionando Pétalas == | ||
| + | Agora sai do {{Literal|Modo de Edição de Animação}} clicando no círculo vermelho no canto direito da tela. | ||
| + | |||
| + | Mude a cor de preenchimento para rosa, e crie uma pétala com a Ferramenta BLine. Nota-se que o {{l|duck|manipulador}} verde que permite movimentar facilmente uma forma está no centro da tela. Selecione todos os vértices da pétala pressionando {{Shortcut|Ctrl|a}} e os mova para perto do ponto verde (com a Ferramenta Transformar), como mostrado. | ||
| + | |||
| + | [[Image:FlowerTutorial-8.png|center|frame]] | ||
| + | |||
| + | Então arraste o manipulador verde para bem perto do topo do botão da flor. Pressione {{Shortcut|Ctrl|a}} novamente para selecionar todos os vértices da pétala e os rotacione um pouquinho com a Ferramenta Rotacionar. Também, no {{l|Layers Panel|Painel de Camadas}} selecione a camada da pétala e a coloque '''abaixo''' da camada do caule. Clique na pétala para selecioná-la, e então segure a tecla ctrl e clique no caule. Ambos os objetos deverão ser selecionados. | ||
| + | |||
| + | Agora clique no vértice no topo do caule e clique no ponto verde da pétala enquanto segura a tecla cntrl (ambas devem aparecer com uma cor mais clara quando selecionadas). Então clique com o botão direito no vértice do topo do caule,e selecione {{Literal|Link}}. A pétala irá se mover um pouquinho, e o ponto verde ficará "grudado" no vértice do caule. | ||
| + | |||
| + | [[Image:FlowerTutorial-9.png|center|frame]] | ||
| + | |||
| + | Agora que existe uma conexão entre a pétala e o topo do caule, quando o topo deste se mover, a pétala irá segui-lo. (E se o manipulador verde da petal se mover, o topo do caule se moverá junto, mas não queremos que você faça isso.) | ||
| + | |||
| + | No Painel de Camadas, selecione a camada recém criada da Pétala e a duplique (com o terceiro botão, na parte de baixo do painel). Na tela, pressione {{Shortcut|Ctrl|A}} para selecionar todos os vértices da pétala duplicada, e a mova um pouco, para que as pétalas não fiquem sobrepostas. (Não mova o ponto verde, apenas os laranjas). Repita o processo várias vezes, para ter algo como a imagem. | ||
| + | |||
| + | [[Image:FlowerTutorial-10.png|center|frame]] | ||
| + | |||
| + | Note que as pétalas duplicadas estão também conectadas ao caule. Se você voltar para o primeiro quadro-chave, você verá que as pétalas estão visiveis. Nós não queremos isto. Queremos que as pétalas apareçam e abram quase no final do crescimento. | ||
| + | |||
== Escondendo as Pétalas == | == Escondendo as Pétalas == | ||
Revision as of 03:09, 7 July 2010
|
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! |
|
Atenção! Este artigo está em processo de tradução! Você pode ajudar a traduzi-lo, ou revisá-lo. Obrigado pela compreensão. :)
|
Configurações Básicas
Neste tutorial aprenderemos como criar uma simples animação de uma flor crescendo, usando BLines.
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.
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.
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.
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.
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.
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:
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.
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.
|
Adicionando Pétalas
Agora sai do "Modo de Edição de Animação" clicando no círculo vermelho no canto direito da tela.
Mude a cor de preenchimento para rosa, e crie uma pétala com a Ferramenta BLine. Nota-se que o manipulador verde que permite movimentar facilmente uma forma está no centro da tela. Selecione todos os vértices da pétala pressionando CtrlA e os mova para perto do ponto verde (com a Ferramenta Transformar), como mostrado.
Então arraste o manipulador verde para bem perto do topo do botão da flor. Pressione CtrlA novamente para selecionar todos os vértices da pétala e os rotacione um pouquinho com a Ferramenta Rotacionar. Também, no Painel de Camadas selecione a camada da pétala e a coloque abaixo da camada do caule. Clique na pétala para selecioná-la, e então segure a tecla ctrl e clique no caule. Ambos os objetos deverão ser selecionados.
Agora clique no vértice no topo do caule e clique no ponto verde da pétala enquanto segura a tecla cntrl (ambas devem aparecer com uma cor mais clara quando selecionadas). Então clique com o botão direito no vértice do topo do caule,e selecione "Link". A pétala irá se mover um pouquinho, e o ponto verde ficará "grudado" no vértice do caule.
Agora que existe uma conexão entre a pétala e o topo do caule, quando o topo deste se mover, a pétala irá segui-lo. (E se o manipulador verde da petal se mover, o topo do caule se moverá junto, mas não queremos que você faça isso.)
No Painel de Camadas, selecione a camada recém criada da Pétala e a duplique (com o terceiro botão, na parte de baixo do painel). Na tela, pressione CtrlA para selecionar todos os vértices da pétala duplicada, e a mova um pouco, para que as pétalas não fiquem sobrepostas. (Não mova o ponto verde, apenas os laranjas). Repita o processo várias vezes, para ter algo como a imagem.
Note que as pétalas duplicadas estão também conectadas ao caule. Se você voltar para o primeiro quadro-chave, você verá que as pétalas estão visiveis. Nós não queremos isto. Queremos que as pétalas apareçam e abram quase no final do crescimento.
