Logo Hardware.com.br
Rogério Guerreiro
Rogério Guer... Super Zumbi Registrado
1.4K Mensagens 1.7K Curtidas

[Dica] Experimentando Animação com Softwares Livres

#1 Por Rogério Guer... 02/12/2020 - 21:01

Um dia eu percebi que o Inkscape talvez fosse um bom auxiliar para experiências de animação: eu poderia construir o personagem e o cenário no Inkscape e exportar tudo para o Synfig e, nesse último programa, concluir o restante. Como é normal, entre o projeto e a realização sempre acontecem imprevistos e problemas. Precisei fazer várias experiências, experimentar alguns fracassos, pensar e repensar, correr atrás de tutoriais, ver e rever tudo...mas, enfim, consegui fazer uma modesta animação:



Esse peixinho eu fiz com base no tutorial Animating a fish in Inkscape with scaling and skewing. Ao contrário do autor daquele tutorial, eu prefiri construir o personagem simples, sem degradês. Mesmo no cenário procurei manter esse estilo porque detalhes em excesso às vezes acabam mais atrapalhando que ajudando.

A imagem seguinte é do Inkscape. Veja que tudo está separado em camadas. O personagem é composto em seis partes. O cenário ocupa uma única camada. Ele foi desenhado com o dobro do comprimento porque eu pretendia dar a ilusão de um movimento de câmera...e, portanto, o cenário não poderia permanecer estático (mais adiante você entenderá):



Terminado o trabalho no Inkscape, era hora de exportar as imagens, uma por uma. Nesse exemplo, quero exportar o corpo do peixe: para isto, eu bloqueio e torno invisíveis todas as demais camadas...menos a última que possui um retângulo "invisível", sem cor e sem contorno. Então seleciono o corpo junto com esse retângulo: desse modo os arquivos do peixe sairão todos do mesmo tamanho, facilitando na hora de montar tudo no Synfig.



Por padrão o Inkscape exporta os arquivos com o dobro do tamanho e eu uso 192 dpi de resolução, geralmente essas configurações dão bom resultado. Fazendo desse modo, eu tenho todas as partes do peixe em arquivos png de fundo transparente.




Aqui está o peixe e o cenário já montados no Synfig. Embora a tela pareça complicada, o processo de animação no programa é menos complexo do que aparenta. Na janela de camadas o peixe está em um grupo separado do cenário, para me facilitar mover um e outro separadamente. Notou as linhas retas em azul no peixe?



Essas linhas são os chamados Bones ("Ossos"), um recurso comum em programas de animação (e também no Blender). Os bones facilitam movimentar o personagem: com eles é possível girar, mover e até distorcer cada parte dele. Nesses exemplos eu movi a cauda e a nadadeira do peixe:






Quanto ao cenário, a movimentação dele se daria só no sentido horizontal... para dar a ilusão de uma câmera acompanhando o peixe, à medida que ele nada. Por essa razão foi necessário fazer o cenário com um comprimento maior. O cenário é movido sem o uso de bone, apenas clicando na bolinha do canto inferior esquerdo do quadrado tracejado e arrastando para a esquerda:



O processo de animação é executado pelo processo de Frames (Quadros). No caso dessa animação, ela é curta, tendo apenas 75 frames. Como não disponho de espaço suficiente para explicar o processo completo, vou mostrar apenas uma pequena parte dele. A imagem mostra o "Frame Zero", ou seja, o começo da animação:



Este é o "Frame 20": aqui já dá para se notar a movimentação no peixe e no cenário...




"Mas você criou 75 frames, um por um?" Não: eu apenas crio os chamados "Keyframes" ("Quadros-chave") e o Synfig faz a interpolação dos quadros intermediários. No exemplo abaixo temos os doze primeiros frames da animação: eu criei o primeiro e, entre esse o frame de número 20, o programa produziu os frames intermediários.



Dizendo assim parece fácil...mas não, o programa não "faz tudo"! É necessário que você saiba e teste a animação, até conseguir o movimento esperado. Como tudo, é preciso prática...



Veja também:
Fazendo animação com o Krita e o Gimp
Animação Limitada

Anexos

Responder Tópico
imhotep
imhotep Cyber Highlander Moderador
30.6K Mensagens 4.3K Curtidas
#2 Por imhotep
02/12/2020 - 21:25

Eu me lembro de começar a mexer com bones na época do 3D Studio for DOS.
Cheguei a fazer uns bonequinhos tipo Playmobil assim - lá por 1998, 1999....época do Toy Story e eu queria muito fazer aquilo.

Mas me afastei dessa área e há muitos anos eu não trabalho com isso.

Tomem cuidado ao responder as perguntas dos colegas. Tenham 100% de certeza da informação que estão passando.
Ensinar significa aprender 2 vezes. Porque você tem que aprender de novo para ensinar corretamente.
Genética e Data Science - loading...
Is OneDrive a backup?
E a cantilena continua!
PH
PH Cyber Highlander Registrado
61.3K Mensagens 10.7K Curtidas
#3 Por PH
02/12/2020 - 22:07

Rogério Guerreiro disse: Um dia eu percebi que o Inkscape talvez fosse um bom auxiliar para experiências de animação: eu poderia construir o personagem e o cenário no Inkscape e exportar tudo para o Synfig e, nesse último programa, concluir o restante. Como é normal, entre o projeto e a realização sempre acontecem imprevistos e problemas. Precisei fazer várias experiências, experimentar alguns fracassos, pensar e repensar, correr atrás de tutoriais, ver e rever tudo...mas, enfim, consegui fazer uma modesta animação (o arquivo está em anexo, não consegui postá-lo diretamente).

Esse peixinho eu fiz com base no tutorial Animating a fish in Inkscape with scaling and skewing. Ao contrário do autor daquele tutorial, eu prefiri construir o personagem simples, sem degradês. Mesmo no cenário procurei manter esse estilo porque detalhes em excesso às vezes acabam mais atrapalhando que ajudando.

A imagem seguinte é do Inkscape. Veja que tudo está separado em camadas. O personagem é composto em seis partes. O cenário ocupa uma única camada. Ele foi desenhado com o dobro do comprimento porque eu pretendia dar a ilusão de um movimento de câmera...e, portanto, o cenário não poderia permanecer estático (mais adiante você entenderá):



Terminado o trabalho no Inkscape, era hora de exportar as imagens, uma por uma. Nesse exemplo, quero exportar o corpo do peixe: para isto, eu bloqueio e torno invisíveis todas as demais camadas...menos a última que possui um retângulo "invisível", sem cor e sem contorno. Então seleciono o corpo junto com esse retângulo: desse modo os arquivos do peixe sairão todos do mesmo tamanho, facilitando na hora de montar tudo no Synfig.



Por padrão o Inkscape exporta os arquivos com o dobro do tamanho e eu uso 192 dpi de resolução, geralmente essas configurações dão bom resultado. Fazendo desse modo, eu tenho todas as partes do peixe em arquivos png de fundo transparente.




Aqui está o peixe e o cenário já montados no Synfig. Embora a tela pareça complicada, o processo de animação no programa é menos complexo do que aparenta. Na janela de camadas o peixe está em um grupo separado do cenário, para me facilitar mover um e outro separadamente. Notou as linhas retas em azul no peixe?



Essas linhas são os chamados Bones ("Ossos"), um recurso comum em programas de animação (e também no Blender). Os bones facilitam movimentar o personagem: com eles é possível girar, mover e até distorcer cada parte dele. Nesses exemplos eu movi a cauda e a nadadeira do peixe:






Quanto ao cenário, a movimentação dele se daria só no sentido horizontal... para dar a ilusão de uma câmera acompanhando o peixe, à medida que ele nada. Por essa razão foi necessário fazer o cenário com um comprimento maior. O cenário é movido sem o uso de bone, apenas clicando na bolinha do canto inferior esquerdo do quadrado tracejado e arrastando para a esquerda:



O processo de animação é executado pelo processo de Frames (Quadros). No caso dessa animação, ela é curta, tendo apenas 75 frames. Como não disponho de espaço suficiente para explicar o processo completo, vou mostrar apenas uma pequena parte dele. A imagem mostra o "Frame Zero", ou seja, o começo da animação:



Este é o "Frame 20": aqui já dá para se notar a movimentação no peixe e no cenário...




"Mas você criou 75 frames, um por um?" Não: eu apenas crio os chamados "Keyframes" ("Quadros-chave") e o Synfig faz a interpolação dos quadros intermediários. No exemplo abaixo temos os doze primeiros frames da animação: eu criei o primeiro e, entre esse o frame de número 20, o programa produziu os frames intermediários.



Dizendo assim parece fácil...mas não, o programa não "faz tudo"! É necessário que você saiba e teste a animação, até conseguir o movimento esperado. Como tudo, é preciso prática...




Parabéns, está muito bem explicado e intuitivo, mas eu mudaria o prefixo de dica para tutorial.

Mas aquele que me negar diante dos homens, eu também o negarei diante do meu Pai que está nos céus.

Mateus 10:33
Responder Tópico
© 1999-2024 Hardware.com.br. Todos os direitos reservados.