Doc:Animation Basics/pt - Revision history

Nqatsi at 21:45, 10 July 2010

2010-07-10T21:45:07Z

Nqatsi at 20:51, 24 June 2010

2010-06-24T20:51:12Z

Nqatsi at 04:13, 24 June 2010

2010-06-24T04:13:16Z

Nqatsi at 03:43, 24 June 2010

2010-06-24T03:43:31Z

Nqatsi at 03:39, 24 June 2010

2010-06-24T03:39:33Z

Nqatsi at 03:24, 24 June 2010

2010-06-24T03:24:07Z

Nqatsi at 02:51, 24 June 2010

2010-06-24T02:51:31Z

Nqatsi at 02:40, 24 June 2010

2010-06-24T02:40:03Z

Nqatsi: /* Preparando a área de trabalho */

2010-06-23T17:33:42Z

‎Preparando a área de trabalho

Nqatsi at 17:32, 23 June 2010

2010-06-23T17:32:14Z

@@ Line 2: / Line 2: @@
 {{Title|Principios da Animação}}
 {{Navigation|Category:Manual|Doc:Adding Layers}}
-[[Category:Manual]]
+{{Category|Manual}}
-[[Category:Tutorials]]
+{{Category|Tutorials}}
-[[Category:Tutorials Basic]]
+{{Category|Tutorials Basic}}
-[[Category:Updated]]
+{{Category|Updated}}
 <!-- Page info end -->

@@ Line 7: / Line 7: @@
 [[Category:Updated]]
 <!-- Page info end -->
 == Introdução ==

@@ Line 27: / Line 27: @@
 {{DevNotesBegin}}
-'''Nota dos Desenvolvedores:'''
+'''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".
+O diálogo de propriedades da tela é uma bagunça, é verdade. 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}}
-Dê um nome e descrição para sua tela, e clique em "Aplicar" (não clique "Salvar" ainda &mdash; 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' &mdash; isso irá fazer com que nossa animação tenha 2 segundos de duração.
+Dê um nome e descrição para sua tela, e clique em "Aplicar" (não clique em "Salvar" &mdash; não terminamos com as propriedades ainda). Vá na aba {{Literal|Time}} e tenha certeza de editar {{Literal|End Time}}. Mude de '5s' para '2s' &mdash; 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]]
@@ Line 44: / Line 44: @@
 [[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.
+Estes são os primeiros passos para desenhar um objeto e movê-lo. Mas, não é uma animação ainda, obviamente. É verdade, vamos dar uma olhada em como isto funciona.
 == Adicionando Movimento ==
-No começo, você entrou um valor de 2 segundos no Diálogo de Propriedades. Por que a duração da sua animação é diferente de zero, sua janela da tela (onde você desenha) tem uma linha do tempo cinza na parte de baixo. Você pode clicar ali e um pequeno cursor laranja irá aparecer, indicando sua posição no tempo. Tente clicar em vários lugares diferentes na linha do tempo, e perceba que a caixa de texto à esquerda muda o valor para algo como {{Literal|12f}}, {{Literal|1s 15f}}, etc. Você pode mudar sua posição na linha do tempo trocando os valores nesta caixa. Por exemplo, se você digitar {{Literal|1s}} e pressionar {{Shortcut|enter}}, o cursor laranja irá se mover para a metade da linha do tempo, e entrar com um valor de {{Literal|2s}} irá movê-lo para o final.
+No começo, você entrou um valor de 2 segundos no Diálogo de Propriedades. Por a duração da sua animação ser diferente de zero, a janela da tela (onde você desenha) tem uma linha do tempo cinza na parte de baixo. Você pode clicar ali e um pequeno cursor laranja irá aparecer, indicando sua posição no tempo. Tente clicar em vários lugares diferentes na linha do tempo, e perceba que a caixa de texto à esquerda muda o valor para algo como {{Literal|12f}}, {{Literal|1s 15f}}, etc. Você pode mudar sua posição na linha do tempo trocando os valores nesta caixa. Por exemplo, se você digitar {{Literal|1s}} e pressionar {{Shortcut|enter}}, o cursor laranja irá se mover para a metade da linha do tempo, e entrar com um valor de {{Literal|2s}} irá movê-lo para o final.
-{{Note|Nota|No último exemplo, o cursor laranja ficará invisível, porque 2s é bem em cima da borda da linha do tempo, acredite em mim &mdash; está lá.}}
+{{Note|Nota|No último exemplo, o cursor laranja ficará invisível, porque 2s é bem em cima da borda da linha do tempo, mas acredite em mim &mdash; está lá.}}
-Mas quando você muda sua posição na linha do tempo, nada muda na tela. Isto é porquê você precisa mudar para o {{Literal|Modo de Edição de Animação}} primeiro, clicando no último botão verde, à direita da linha do tempo cinza. É possível notar que sua tela ganha um contorno vermelho: isto é para lembrar à você que qualquer mudança nos objetos daqui em diante, afetará a sua animação.
+Mas quando você muda sua posição na linha do tempo, nada muda na tela. Isto é porquê você precisa mudar para o {{Literal|Modo de Edição de Animação}} primeiro, clicando no último botão verde, à direita da linha do tempo cinza. É possível notar que sua tela ganha um contorno vermelho: isto é para lembrá-lo que qualquer mudança nos objetos daqui em diante, afetará a sua animação.
 [[Image:synfig_tut_4.png|center|frame]]
@@ Line 57: / Line 57: @@
 Foram mencionados antes três "passos" ou "fases". Estes são representados pelos chamados "{{l|Keyframe|quadros-chave}}" (apenas no caso de você estar familiarizado com codificação de vídeo: não, não é a mesma coisa!). Um quadro-chave é uma imagem no tempo onde algo importante acontece com seus objetos.
-Vá ao painel de quadros-chave &mdash; apenas clique na aba com o desenho de uma chave, na janela de baixo &mdash; para habilitar a editá-los. Agora pressione o botão com um sinal de "soma" e você terá uma nova entrada na lista mostrando algo como: {{Literal|0f, 0f, (JMP)}}.
+Vá ao painel de quadros-chave &mdash; clique na aba com o desenho de uma chave, na janela debaixo &mdash; para editá-los. Agora pressione o botão com um sinal de "soma" e você terá uma nova entrada na lista mostrando algo como: {{Literal|0f, 0f, (JMP)}}.
 [[Image:Keyframes Panel.png|center|frame]]
@@ Line 66: / Line 66: @@
 == Os 'S's e 'f's: Entendendo a linha do tempo ==
-A esta altura, você já deve ter percebido o que aquelas misteriosas marcações '1s 10f' representam. Elas indicam um ponto específico na linha do tempo, expressando a localização em termos de segundos (s) e quadros (f). ['''''Nota do tradutor:''' o 'f' vem de "frames" - quadros em inglês'']
+A esta altura, você já deve ter percebido o que aquelas misteriosas marcações "1s 10f" representam. Elas indicam um ponto específico na linha do tempo, expressando a localização em termos de segundos (s) e quadros (f). ['''''Nota do tradutor:''' o 'f' vem de "frames" - quadros em inglês'']
-Por padrão, cada segundo é dividido em 24 quadros, assim como um metro em uma fita métrica é dividido em 100 centímetro. As marcações dos quadros começam em zero (0) e vão até 24. Assim que um novo segundo é atingido, o contador de quadros volta a zero.
+Por padrão, cada segundo é dividido em 24 quadros, assim como um metro em uma trena é dividido em 100 centímetros. As marcações dos quadros começam em zero (0) e vão até 24. Assim que um novo segundo é atingido, o contador de quadros volta a zero.
-Por exemplo, quando cinco segundos inteiros e três quadros tiverem passado, usando esta noção de linha do tempo, será {{Literal|5s 3f}}.
+Por exemplo, quando cinco segundos inteiros e três quadros tiverem passado, usando esta noção de tempo, será {{Literal|5s 3f}}.
 == A lista de Quadros-Chave ==
 A lista de quadros-chave é mais fácil de entender. Ela mostra as entradas {{Literal|Time}} que é basicamente o tempo onde começa o quadro, {{Literal|Length}} que é a duração, {{Literal|Jump}} que abordaremos em seguida, e {{Literal|Description}} que é uma descrição do que acontece neste quadro-chave.
-Você deve estar se perguntando sobre as entradas chamadas {{Literal|(JMP)}}. Na verdade, eles são como os links na internet: clique sobre eles, e o cursor na linha do tempo irá pular para o tempo correto.
+Você deve estar se perguntando sobre as entradas chamadas {{Literal|(JMP)}}. Na verdade, elas são como os links na internet: clique-os, e o cursor na linha do tempo irá pular para o tempo respectivo.
 Isto pode ser usado para editar sua imagem em um certo momento no tempo. Por exemplo, você pode agora pular para o primeiro segundo, e mover o círculo vermelho para a direita. Pronto! Você fez o seu primeiro movimento, sua primeira animação com o Synfig!
@@ Line 84: / Line 84: @@
 {{Note|Nota|Perceba que você não precisa ir até o último quadro aos '2s' e mover o círculo de volta ao começo. Quadros-chave fazem o Synfig lembrar o estado da imagem em um tempo particular. Isso porque nós modificamos a posição do circulo em '1s', e ele continua na esquerda aos '2s' (como também aos '0s'). Se você mudar de volta para o Painel de Parâmetros, e olhar no Painel de Controle de Tempo, irá notar que três pontos verdes apareceram à direita do parâmetro {{Literal|Origin}}. Esses pontos são chamados de {{L|Waypoints}} e indicam mudanças de parâmetro no decorrer do tempo.}}
 {{l|Image:TimetrackOriginWaypoints.png|center|frame}}
 == Renderizando sua animação ==
-Antes de você ver sua animação, precisamos renderizar (ou renderizar) seu trabalho. Existem dois jeitos de fazer isto: usando o synfigstudio (que você tem usando até agora) ou o programa na linha de comando synfig.
+Antes de você ver sua animação, precisamos processar (ou renderizar) seu trabalho. Existem dois jeitos de fazer isto: com o synfigstudio (que você tem usando até agora) ou o programa de linha de comando synfig.
-Feche o modo de edição de animação clicando no ponto vermelho à direita da linha do tempo, e salve seu arquivo; com o nome BasicKnightRider.sif por exemplo. Clique então no menu da seta e selecione {{c|File|Render}}. Mude o nome para BasicKnightRider.gif no mesmo diretório que você salvou BasicKnightRider.sif e escolha o formato "gif" ao invés de "Auto", e clique em Render. Dependendo da velocidade do seu Processador, pode demorar alguns momentos, mas finalmente a barra de status da janela da tela deve dizer "Arquivo renderizado com sucesso".
+Feche o modo de edição de animação clicando no ponto vermelho à direita da linha do tempo, e salve seu arquivo com o nome BasicKnightRider.sif por exemplo. Clique então no menu da seta e selecione {{c|File|Render}}. Mude o nome para BasicKnightRider.gif no mesmo diretório que você salvou BasicKnightRider.sif e escolha o formato "gif" ao invés de "Auto", e clique em "Render". Dependendo da velocidade do seu processador, pode demorar alguns instantes, mas enfim a barra de status da janela da tela dirá "Arquivo renderizado com sucesso".
-{{Note|Nota|A opção "magick++" em {{Literal|Target}} (se disponível) produz gifs com qualidade muito superior que a opção "gif", porque ela pode optimizar a paleta da imagem.}}
+{{Note|Nota|A opção "magick++" (se disponível) em {{Literal|Target}} produz gifs com qualidade muito superior que a opção "gif", porque ela pode optimizar a paleta da imagem.}}
-Abra o arquivo BasicKnightRider.gif no Firefox ou outra aplicação que mostre corretamente gif's. Entretanto, o Firefox irá tocar novamente o GIF sem parar, deixando longa a sua animação curta. Se você está vendo um círculo vermelho se mexendo da esquerda para a direita e voltando, parabéns! Você acabou de fazer sua primeira animação!
+Abra o arquivo BasicKnightRider.gif no Firefox ou outra aplicação que mostre corretamente gif's. Entretanto, o Firefox irá tocar indefinidamente o GIF, deixando longa a sua curta animação. Se você está vendo um círculo vermelho se mexendo da esquerda para a direita e voltando, parabéns! Você acabou de fazer sua primeira animação!
 {{Note|Nota|Você também pode pré-visualizar sua animação. Clique no menu da seta no canto superior esquerdo da janela da tela, e selecione {{c|File|Preview}}.}}
@@ Line 111: / Line 112: @@
 == 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.
+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. O Synfig vem com vários exemplos que permitem que você vá mais afundo nas possibilidades.

@@ Line 18: / Line 18: @@
 # O círculo está na esquerda.
 # O círculo está na direita.
-# O círculo está de volta na esquerda.
+# O círculo está de volta à esquerda.
 Vamos fazer isto.
@@ Line 27: / Line 27: @@
 {{DevNotesBegin}}
-'''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".
+'''Nota dos Desenvolvedores:'''
 {{DevNotesEnd}}

@@ Line 87: / Line 87: @@
 Antes de você ver sua animação, precisamos renderizar (ou renderizar) seu trabalho. Existem dois jeitos de fazer isto: usando o synfigstudio (que você tem usando até agora) ou o programa na linha de comando synfig.
-Feche o modo de edição de animação clicando no ponto vermelho à direita da linha do tempo, e salve seu arquivo; com o nome BasicKnightRider.sif por exemplo. Clique então no menu de "seta" e selecione {{c|File|Render}}. Mude o nome para BasicKnightRider.gif no mesmo diretório que você salvou BasicKnightRider.sif e escolha o formato "gif" ao invés de "Auto", e clique em Render. Dependendo da velocidade do seu Processador, pode demorar alguns momentos, mas finalmente a barra de status da janela da tela deve dizer "Arquivo renderizado com sucesso".
+Feche o modo de edição de animação clicando no ponto vermelho à direita da linha do tempo, e salve seu arquivo; com o nome BasicKnightRider.sif por exemplo. Clique então no menu da seta e selecione {{c|File|Render}}. Mude o nome para BasicKnightRider.gif no mesmo diretório que você salvou BasicKnightRider.sif e escolha o formato "gif" ao invés de "Auto", e clique em Render. Dependendo da velocidade do seu Processador, pode demorar alguns momentos, mas finalmente a barra de status da janela da tela deve dizer "Arquivo renderizado com sucesso".
-{{Note|Nota|A opção "magick++" (se disponível) produz gifs com qualidade muito superior que a opção "fig" porque ele pode otimizar a paleta da imagem.}}
+{{Note|Nota|A opção "magick++" em {{Literal|Target}} (se disponível) produz gifs com qualidade muito superior que a opção "gif", porque ela pode optimizar a paleta da imagem.}}
 == 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.