Área da Linha Temporal da Animação

A Área da Linha Temporal da Animação é o núcleo principal das ferramentas de animação rasterizada do Krita, oferecendo tudo o que precisa para criar, editar e antever as animações tradicionais feitas à mão.

../../_images/Animation_Timeline_Docker.png

Introdução

Como demonstrado na imagem acima, a área da Linha Temporal da Animação poderá ser representada como diferentes secções:

  1. Utilitários – O lado esquerdo da barra de ferramentas dá aos animadores o acesso rápido a todos os elementos críticos para o seu trabalho; os controlos de transporte (anterior, reproduzir/pausa, parar e seguinte), um contador de imagens, os controlos de antevisão (velocidade e perda de imagens) e botões para criar rapidamente novas imagens e apagar as indesejadas.

  2. Configuração – Onde todos os controlos de alto tráfego são apresentados directamente, o lado direito da barra de ferramentas também contém botões para abrir submenus para outras ferramentas, como a Área da Pele de Cebola e outras configurações que poderá configurar e esquecer de um modo geral (por exemplo: intervalo de reprodução, taxa de imagens e modo de criação automática de imagens-chave).

  3. Lista de Camadas – Esta área contém um sub-conjunto das camadas do seu documento actual. De forma semelhante à Camadas, cada camada tem várias propriedades que podem ser comutadas aqui (visibilidade, bloqueio, “cascas de cebola”, etc.). Embora apareça aqui a camada activa de momento, as camadas também podem ser «fixas» na linha temporal, usando o ícone do pino à esquerda do nomes de cada camada, a acção do menu Fixar à Linha Temporal ou o submenu Fixar a Camada Existente, para que fiquem sempre visíveis, mesmo que inactivas.

    Dica

    Dependendo da sua preferência, as camadas de pinturas recém-criadas podem ser iniciadas fixas ou móveis, usando a opção Fixar automaticamente as novas camadas à linha temporal de Configuração –> Configurar o Krita… –> Geral –> Diversos.

    Camada Activa:

    A camada activa é a camada que você está a editar ou a desenhar neste momento, visível como uma linha realçada na lista de camadas. Se carregar com o mouseleft numa camada dentro da lista, irá torná-la a camada activa de momento.

    Menu da Camada:

    Um pequeno menu para manipular as camadas animadas no canto superior esquerdo da lista de camadas. Poderá criar novas camadas, remover as existentes, assim cimo fixar ou soltar a camada activa. (Este menu também aparece quando carrega com o botão direito nos cabeçalhos das camadas dentro da Lista de Camadas.)

    Menu do Áudio:

    Outro pequeno menu no topo da lista de camadas para animar em conjunto com as fontes de áudio. Aqui é onde também poderá abrir ou fechar as fontes de áudio e controlar o volume/silêncio à saída.

    Pega de Ampliação:

    Este elemento especial permite-lhe ampliar e reduzir a tabela de imagens, centrada no tempo da imagem actual. Se carregar com o mouseleft :kbd:”+ arrastar` a pega, irá controlar o nível de ampliação.

  4. Tabela de Imagens – A tabela de imagens é uma enorme grelha de células que poderão guardar uma única imagem-chave ou estarem vazias. Cada linha da tabela de imagens representa uma camada animada e cada coluna representa um tempo da imagem. Como na lista de camadas, a camada activa está realçada ao longo da tabela de imagens inteira. Para os que estão habituados às animações tradicionais em papel, poderá pensar na tabela de imagens como uma cronologia.

    Nota

    É importante compreender que os tempos das imagens não são baseados em unidades de tempo, como os segundos, mas sim em imagens, as quais poderão ser reproduzidas em qualquer velocidade, dependendo da taxa de imagens e da velocidade de reprodução.

    Poderá mover as imagens-chave ao longo da linha temporal se carregar com o mouseleft + arrastamento de uma posição para a outra, mesmo entre camadas. Para além disso, se mantiver carregada a tecla Ctrl enquanto arrasta irá criar uma cópia, enquanto se carregar na tecla Alt enquanto arrasta irá criar uma imagem-clone. Finalmente, se carregar com o mouseright em qualquer lado da tabela de imagens, irá invocar um menu de contexto para adicionar, remover, copiar, colar e ajustar os tempos.

    Imagem-Chave Activa

    Por agora, só é possível ver e desenhar numa imagem-chave de cada vez. Esta é conhecida como a imagem-chave activa, sendo representada na tabela de imagens como um bloco preenchido com linhas diagonais. Muitas vezes, em animações simples, a imagem-chave activa será a imagem na camada activa onde se encontra justamente antes do tempo actual. Contudo, se a imagem-chave activa tiver uma ou mais imagens-clone, todos os desenhos, pinturas e edições também irão afectar todos os seus clones.

    Imagens-clone

    Uma imagem-clone de uma imagem-chave é uma referência a essa imagem-chave numa posição diferente. As imagens-clone partilham exactamente os mesmos dados de imagem nos bastidores, tendo as mesmas marcações diagonais que a imagem activa, quando estiver seleccionada uma imagem-activa com imagens-clone.

    Imagem-chave duplicada

    Não confundir com as Imagens-Clone; uma imagem duplicada é apenas a Imagem-Chave Activa copiada e colada como uma Imagem-Chave separada. Enquanto as imagens-clone irão duplicar automaticamente as alterações que fizer a cada imagem clonada, uma imagem duplicada é apenas outra imagem-chave que por acaso tem o mesmo conteúdo que a original.

    Selecção actual

    As imagens realçadas a laranja representam uma selecção ou várias selecções. Enquanto estiverem seleccionadas várias imagens, ao carregar com o botão direito em qualquer lado da tabela, irá invocar um menu de contexto que permitirá adicionar e remover imagens-chave ou suspensões dentro da selecção actual. Também é possível ter várias selecções (não-contíguas) se necessário.

    Aviso

    A pintura acontece sempre apenas na imagem-chave activa, que não faz necessariamente parte da sua selecção actual na linha temporal!

    Imagem-chave

    No Krita, chamamos ás imagens que compõem a sua animação as imagens-chave. Cada imagem-chave poderá também ter atribuída uma Legenda de Cor, como forma de organização do trabalho pessoal.

    Imagem-Chave em Branco

    Dentro da tabela de imagens, as imagens-chave que contêm desenhos são apresentadas como blocos preenchidos dentro de uma célula, enquanto que uma imagem-chave em branco aparece com um contorno oco. Ao contrário de outras ferramentas, o Krita suspende automaticamente cada imagem-chave até à imagem-chave seguinte nessa camada; essas suspensões aparecem como uma linha colorida desenhada ao longo de todas as imagens suspensas.

    Cabeçalho de Tempo da Imagem

    O cabeçalho do tempo das imagens é uma régua no topo da tabela de imagens. Este cabeçalho está dividido em pequenas secções com marcações, baseadas na taxa de imagens actual (definida no submenu de configuração da animação no extremo direito da barra de ferramentas). Enquanto cada imagem está marcada com uma linha simples, cada segundo está marcado com uma linha dupla subtil. As marcações maiores também estão assinaladas com o número da imagem.

    Imagens em “Cache”

    O cabeçalho do tempo das imagens também mostra informações importantes sobre quais as imagens que estão de momento em cache. Quando algo se diz em «cache”, significa que está guardado na memória de trabalho do seu dispositivo (RAM) para um acesso extra-rápido. As imagens em “cache” aparecem no cabeçalho com um pequeno rectângulo cinzento-claro em cada coluna. Embora esta informação nem sempre seja crítica para os artistas, é útil saber que o Krita está a trabalhar nos bastidores para colocar as nossas imagens da animação em “cache” para ter uma experiência o mais fluída possível nos deslocamentos ou reproduções da sua animação.

    Selector do Tempo Actual:

    Uma coluna realçada na tabela de imagens que controla o tempo da imagem actual e, como tal, qual a que está visível de momento.

    Barra de Deslocamento Ampliável

    Não só poderá usar as barras de deslocamento na área da Linha Temporal da Animação para deslocar a tabela de imagens, arrastando para a esquerda e para a direita, como também poderá ser usada para ampliar ou reduzir rapidamente, arrastando para cima ou para baixo. Desloque-se e amplie apenas com um movimento!

  5. Área de Cascas de Cebola – Embora seja tecnicamente uma área separada, a Área da Pele de Cebola é usada em conjunto com a área da Linha Temporal para ajudar aos animadores verem como a sua animação muda entre imagens vizinhas. O menu de cascas de cebola na área da Linha Temporal pode ser usada para mudar rapidamente a visibilidade da área das “Cascas de Cebola”.

Animação

Para começar a criar animações com o Krita, primeiro é necessário transformar a nossa camada de pintura numa camada animada, adicionando a nossa primeira imagem-chave. No nosso caso, iremos começar com uma imagem-chave em branco, mas se já tiver desenhado alguma coisa na camada de pintura e a desejar transferir para a sua nova imagem-chave, poderá criar uma imagem-chave duplicada em alternativa.

Para criar uma nova imagem-chave vazia, use o mouseright em qualquer quadrado da linha temporal e seleccione Criar uma Imagem Vazia. Uma imagem vazia (uma na qual ainda não desenhou nada) aparece com um contorno oco em vez de um rectângulo preenchido, tornando essa imagem a activa e, ao desenhar na área de desenho, fará com que a mesma apareça com um rectângulo preenchido com cores. Para mover uma imagem-chave, podê-la-á arrastar e largar noutra posição, mesmo entre camadas de animação.

A camada seleccionada de momento será apresentada automaticamente na linha temporal. Contudo, durante a animação poderá querer manter outra camada «fixa», ficando visível na área da Linha Temporal, independentemente de qual a camada seleccionada. Existem algumas formas de o fazer no Krita, mas é tão simples como carregar com o mouseleft no ícone do pino a seguir ao nome da camada.

Não é grande animação se só tiver uma imagem; por isso, para adicionar outra imagem, poderá repetir as mesmas coisas que fizemos da última vez, seleccionando a opção Criar uma Imagem Vazia no menu de contexto ou fazendo duplo-click com o mouseleft sobre a posição de uma imagem em particular. Para o objectivo desta lição, contudo, iremos misturar um pouco, criando uma imagem-chave duplicada, deslocando-nos para um tempo diferente e carregando no botão Criar uma Imagem-Chave Duplicada da barra de ferramentas no topo da área da Linha Temporal.

Como poderá ver, existem algumas formas convenientes e rápidas de adicionar ou remover imagens-chave da sua animação no Krita, dependendo da sua preferência pessoa, dispositivos de entrada e processo de trabalho!

Agora que temos mais que uma imagem-chave, podemos criar desenhos diferentes em cada uma e reproduzir a nossa animação simples, carregando para tal no botão Reproduzir/Pausa da barra de ferramentas no topo da área acoplável. Outra técnica crucial para a animação é mudar manualmente entre imagens ao seu ritmos, inspeccionando o movimento imagem-a-imagem da sua animação à medida que trabalha, também conhecido por «scrubbing» ou deslocamento. Como em tudo, garantimos que existem algumas formas diferentes de se deslocar na sua animação, mas uma das favoritas é simplesmente carregar e arrastar entre tempos diferentes no Cabeçalho do Tempo das Imagens no topo da tabela.

Sabemos que é bastante informação para digerir, mas tudo o que realmente precisa de saber para começar é como criar novas imagens-chave e deslocar-se pela sua animação para ver o seu progresso. A partir daí, tudo o que resta é o trabalho difícil mas compensatório de desenhar montes (e montes) de imagens de animação!

Dicas

  • Existem algumas funcionalidades subtis e incorporadas nos controlos de transporte que poderá achar úteis. Por exemplo, se carregar no botão parar enquanto a sua animação está em reprodução irá voltar para a imagem onde começou a reprodução e, se carregar nela de novo quando a sua animação não estiver em reprodução, irá voltar para a primeira imagem da sua animação. De forma semelhante, o botão imagem-chave seguinte irá saltar a selecção para a imagem-chave disponível seguinte na camada activa mas, se não existir nenhuma imagem-chave seguinte nessa camada, irá usar o tempo da sua animação para estimar onde gostaria de colocar a sua imagem-chave seguinte, saltando depois para essa posição. Embora seja um pouco avançadas, nuances como estas significa que os botões da área da Linha Temporal da Animação (e as respectivas acções do teclado irão sempre fazer algo de útil para os animadores.

  • É possível adicionar várias imagens-chave ao carregar com o mouseright dentro da tabela de imagens e seleccionando a opção Imagens-Chave ‣ Inserir Várias Imagens-Chave. Com esta opção, poderá indicar o número de imagens a adicionar com a opção de temporização incorporada ou para criar rapidamente uma série de 1s, 2s, 3s, etc. Estas opções são gravadas entre utilizações.

  • Também poderá mudar a cor das imagens-chave dentro da tabela de imagens, para que possa facilmente identificar as imagens importantes ou distinguir entre diferentes secções da sua animação. A selecção da cor actual é recordada para as imagens novas, para que possa criar facilmente um conjunto de imagens coloridas e depois mudar para outra cor. (Já agora, até é possível saltar rapidamente entre imagens da mesma cor, atribuindo um atalho de teclado para a Imagem-Chave Correspondente Anterior/Seguinte.)

  • Se carregar com o mouseright dentro do Cabeçalho de Tempos das Imagens em vez da tabela de imagens, irá ter acesso a mais algumas opções que lhe permitem adicionar ou remover colunas inteiras de imagens ou suspensões de uma vez, assim como reiniciar a sua “cache” de animações se necessário. Por exemplo, se seleccionar Colunas de Imagens-Chave ‣ Inserir uma Coluna de Imagens-Chave à Esquerda, irá adicionar novas imagens a cada camada visível de momento na área da Linha Temporal.

../../_images/Timeline_insertkeys.png
  • Para apagar imagens, use o mouseright sobre a imagem e carregue em Remover as Imagens-Chave. Isto irá apagar todas as imagens seleccionadas. De forma semelhante, se seleccionar a opção Remover as Imagens e Puxar, irá apagar as imagens seleccionadas e puxar ou desviar todas as imagens subsequentes para trás/esquerda o máximo possível.

Controlos

  1. Lista de Camadas

    • mouseleft : Selecciona a camada activa.

    • mouseright : Menu de Camadas (adicionar/remover/mostrar as camadas, etc.).

  2. Cabeçalho de Tempo das Imagens

    • mouseleft : Move para um dado instante de tempo e selecciona a imagem da camada activa.

    • mouseleft + arrastamento : Arrastar ao longo do tempo e seleccionar a imagem da camada activa.

    • mouseright : Menu de Colunas da Imagen (inserir/remover/copiar/colar colunas e colunas de suspensão).

  3. Tabela de Imagens

    • mouseleft : Selecciona uma única imagem ou espaço livre e troca o tempo, mas não muda a camada activa.

    • Espaço + mouseleft : Posicionamento.

    • Espaço + mouseright : Ampliação.

  4. Tabela de Imagens (Numa Posição Vazia).

    • mouseright : Menu de Imagens (inserir/copiar/colar imagens e inserir/remover suspensões).

    • mouseleft + arrastamento : Selecciona várias imagens e troca o tempo para a última seleccionada, mas não muda a camada activa.

    • Shift + mouseleft : Selecciona todas as imagens entre a activa e onde se carregou.

    • Ctrl + mouseleft : Selecciona as imagens individuais em conjunto. mouseleft + arrastamento para as colocar no lugar.

  5. Tabela de Imagens (Numa Imagem Existente)

    • mouseright : Menu de imagens (remover/copiar/colar imagens e inserir/remover suspensões).

    • mouseleft + arrastamento : Mover uma imagem ou várias imagens.

    • Ctrl + mouseleft arrastamento : Copiar uma imagem ou várias imagens.

    • Alt + mouseleft + arrastamento : Clonar uma imagem ou várias imagens.

    • Shift + mouseleft + arrastamento : Move as imagens seleccionadas e todas as imagens à direita delas. (Isto é útil quando precisar de arranjar algum espaço na sua animação, mas não quer seleccionar todas as imagens à direita de uma imagem em particular!)