Como fazer animação de keyframes na Unreal Engine

Quer fazer animação de keyframes com a Unreal Engine? Você está no lugar certo! Aqui, vamos falar da animação de keyframes e ver as etapas para fazer isso.


O que é a animação de keyframes?

Durante sua jornada para aprender a animar, é muito provável que você tenha se deparado com o termo keyframe. Mas o que é keyframe exatamente e o que isso tem a ver com animação? 

A animação consiste em quadros (frames), ou seja, uma série de desenhos, renderizações ou fotos que, quando reproduzidos em alta velocidade, são interpretados pelo olho humano como movimentos contínuos. O conceito é semelhante ao dos filmes tradicionais, em que as imagens individuais de um filme são reproduzidas em alta velocidade para criar a ilusão de movimento.
Ao criar animações, os artistas usam com frequência keyframes para ajudar a controlar a sincronização da animação. Um keyframe define o ponto inicial ou final de uma transição, para que os quadros intermediários possam ser preenchidos separadamente. Por exemplo, vamos supor que você queira que um personagem levante o braço durante 1 segundo. Muitas vezes, os jogos são feitos para animar uma taxa de 30 quadros por segundo (fps), o que significa que são necessárias 30 imagens ou quadros para criar um segundo de movimento. Para que o personagem levante o braço durante 1 segundo, você deveria definir um keyframe no quadro 1 e outro keyframe no quadro 30. Ao reproduzir o trabalho em um software de animação, os quadros entre esses dois keyframes serão automaticamente “preenchidos”, e o braço se levantará suavemente durante o período de um segundo.

Quando as animações eram desenhadas à mão, os animadores seniores definiam os keyframes e os animadores juniores desenhavam os quadros intermediários. Na animação computadorizada, o artista define os keyframes e o software preenche os quadros intermediários. No caso de fluxos de trabalho mais avançados, em que a equipe quer ter mais controle sobre a produção, é possível usar captura de atuação, mecânica do jogo, entre outros recursos.
 

Animação com a Unreal Engine

A Unreal Engine é uma engine de jogo. Embora tenha sido criada originalmente como uma plataforma para o desenvolvimento de jogos em 3D, ela inclui muitos outros recursos de animação (como keyframes). Dessa forma, ela está começando a se tornar uma ferramenta essencial, que muitos estúdios usam para criar conteúdo

Siga estas etapas para começar a criar sua primeira animação na Unreal Engine. Nesta aula, vamos animar uma porta deslizante. Não se esqueça de tirar um tempo para conferir o guia de atalhos/configurações, pois isso ajudará você a ganhar tempo.
 

Requisitos

É possível baixar gratuitamente todos os ativos e ferramentas deste tutorial, mas você precisará de um computador bastante robusto com pelo menos 36 GB de espaço livre em disco para utilizá-los. Consulte a documentação da Unreal Engine para ver com detalhes os requisitos de hardware.

Antes de começar, você deverá baixar e instalar o Inicializador da Epic Games e instalar a Unreal Engine. Ao executar o Inicializador pela primeira vez, você precisará iniciar sessão ou criar uma conta gratuita da Epic Games. Escolha o método de login que seja melhor para você.
Para instalar a Unreal Engine, clique na aba Unreal Engine à esquerda, depois clique em Instalar engine no canto superior direito do Inicializador. Aguarde até a instalação da versão mais recente da Unreal Engine ser concluída. Para economizar espaço no disco, é recomendável instalar somente os componentes indispensáveis.

Encontre instruções detalhadas sobre como instalar o Inicializador da Epic Games e a Unreal Engine neste vídeo.
 

Como animar um objeto

Agora que a Unreal Engine está instalada, você vai encontrar e abrir uma cena da Loja na engine. A Loja disponibiliza muitos ativos que podem ser usados imediatamente na Unreal Engine. Entre os ativos, estão objetos, personagens, imagens e arquivos de áudio.
  1. No Inicializador da Epic, clique na aba Loja.
  2. Na Loja, procure por “Scifi Hallway”.
  1. Quando encontrar o ativo, clique nele e depois em Free. Em seguida, selecione Create Project. Na janela de diálogo Choose Project Name and Location, escolha a posição da pasta e o nome do projeto, depois clique em Create. Aguarde a conclusão do download do projeto no seu computador.
  1. Para encontrar e abrir o projeto baixado, clique na aba Biblioteca na parte superior da tela. O projeto Scifi Hallway aparecerá na lista. Clique duas vezes no projeto para abri-lo na Unreal Engine. Espere enquanto o projeto é carregado. 
Talvez você veja uma mensagem no canto superior esquerdo da tela dizendo “LIGHTING NEEDS TO BE REBUILT”. Você pode ignorar essa mensagem sem maiores problemas, mas caso queira resolver a questão, clique no menu Build > Build Lighting Only e espere até a iluminação ser refeita (isso pode levar alguns minutos). Se essa mensagem aparecer no futuro enquanto você está trabalhando no projeto, siga as mesmas instruções para poder continuar.
A Unreal Engine inclui uma janela de visualização de perspectiva mostrando a cena, bem como controles acima, ao lado e abaixo da janela de visualização. Se você já usou software de modelagem 3D, já conhece o sistema de controles e a janela de visualização.

A janela de visualização mostra vários objetos sem renderização, como objetos de luz e esferas de reflexo.
  1. Clique na janela de visualização e pressione a tecla G para ocultar os objetos sem renderização. Agora, é possível ver a cena renderizável real.
  1. Reserve alguns minutos para testar os controles de navegação da janela de visualização e explorar a cena:
Botão esquerdo do mouse + Arrastar Move para frente e para trás e gira para a esquerda e para a direita.
Botão direito do mouse + Arrastar Gira a visualização.
Botão direito e esquerdo do mouse + Arrastar Move para cima e para baixo ou para a esquerda e para a direita.

Existem várias formas diferentes de navegar na janela de visualização, e talvez você tenha mais familiaridade com algumas delas. Por exemplo, as teclas padrão que Maya usa funcionam aqui, assim como as teclas do cursor. Para saber mais sobre os controles da janela de visualização, acesse a página de ajuda Viewport Controls.
  1. Ajuste a visualização para ficar semelhante à imagem abaixo, de frente para as portas alaranjadas com plantas laterais.
  1. Clique na porta alaranjada à esquerda para selecioná-la. Na janela Outliner, no canto superior direito da tela, é possível ver que o objeto Fond_Wall_3 está selecionado. Um pequeno conjunto de eixos triplos aparece no canto inferior esquerdo da porta quando selecionado.
Observação: caso não veja os eixos triplos, pressione o botão W do teclado. Depois disso, os eixos triplos devem aparecer.

Na sequência, você adicionará este objeto ao módulo Sequencer para animá-lo. O Sequencer atua como um editor de keyframes, semelhante a um editor não linear.
  1. Na barra de ferramentas principal, clique no botão Cinematics, que lembra uma claquete de filme, e escolha a opção Add Level Sequence. Na caixa de diálogo Save Asset As, insira o nome no campo Name e clique em Save. Esta ação abrirá o módulo Sequencer.
Observação: se você fechar acidentalmente o Sequencer, poderá abri-lo novamente clicando em Content Drawer na parte inferior da tela ou então pressionando Ctrl+Espaço.
  1. No Sequencer, clique no botão Track no canto superior esquerdo da janela. Escolha a opção Actor to Sequencer e depois o objeto Fond_Wall_3. Para encontrar rapidamente o objeto na lista, você pode digitar parte do nome do objeto no campo de pesquisa.
Isso criará uma faixa no Sequencer para o objeto porta. Em seguida, você animará sua posição a fim de deslizá-la para cima.
  1. No Sequencer, clique na seta para a esquerda de Transform para expandir as três faixas de transformação. Você animará a faixa Location.
Observação: o marcador alaranjado indica 0000, o que é chamado de playhead ou indicador de reprodução. A posição atual do playhead também é exibida no texto em laranja, à esquerda da área do keyframe.
  1. A maioria dos animadores trabalha em quadros por segundo, portanto, por padrão, a escala de tempo é exibida como um número de quadro.  Como este tutorial é para iniciantes, vamos mudar a escala de tempo exibida para segundos a fim de facilitar a compreensão. Para fazer isso, localize o menu Frames Per Second na barra de ferramentas do Sequencer. Escolha Show Time As e altere para Seconds.
  1. Depois disso, você definirá um keyframe no tempo 0.00 para a posição da parede. Na faixa Location, clique no botão + para adicionar um keyframe em 0.00.
  1. O próximo passo é definir uma chave para a porta três segundos na sequência. Primeiro, arraste o playhead em laranja para a marca 3.00.
  1. Verifique se a porta à esquerda está selecionada e localize o eixo triplo no canto inferior esquerdo da porta na janela de visualização. Arraste a seta superior do eixo para cima a fim de abrir a porta.
  1. Na faixa Location, clique no botão + para adicionar um keyframe aos 3.00 segundos.
  2. Arraste o playhead para deslizar pela animação. Você verá a animação da porta de uma posição fechada aos 0.00 segundos para uma posição aberta aos 3.00 segundos. Parabéns, você acaba de criar uma animação!
Agora que você sabe como definir keyframes, já pode animar o item que desejar adicionando-o ao Sequencer como uma faixa e movendo-o. Por exemplo, você pode abrir a outra porta com o mesmo processo: selecione a porta, vá até um keyframe, mova a porta e defina uma chave.

Agora vamos ver como você pode exibir sua animação para visualização. Para fazer isso, é preciso ter primeiro uma câmera na cena.
  1. Na barra de ferramentas do Sequencer, clique no botão Create Camera, no ícone da câmera, para criar uma câmera na cena. Isso também criará várias faixas para a câmera, incluindo a faixa Camera Cuts, que permite ver os quadros da animação.
A janela de visualização mudará para mostrar o que a câmera vê, com a etiqueta “Pilot Active” na parte superior esquerda. Isso indica que você pode “conduzir” a câmera usando os controles de navegação da janela de visualização. Use estes controles para que a visualização fique como você quer para a renderização.

Agora você já pode produzir a animação em um arquivo de vídeo. Ao renderizar essa cena com a Unreal Engine, saiba que a renderização leva uma fração de segundo por quadro. 
  1. Na barra de ferramentas do Sequencer, clique no botão Render (procure o ícone de claquete) para abrir a janela de diálogo Render Movie Settings.
  1. Na janela de diálogo Render Movie Settings, confirme se a opção Image Output Format está definida como Video Sequence (avi)
  2. Clique nos três pontos à direita do campo Output Directory para abrir a pasta Content do projeto.
  3. Clique e crie uma pasta chamada Renders. Selecione essa pasta para retornar à janela de diálogo Render Movie Settings.
  4. Clique em Capture Movie para renderizar o filme para a pasta. Na janela de diálogo Save Content, clique em Save Selected para salvar a cena antes de renderizar.
A renderização levará alguns segundos. Agora você já pode assistir ao vídeo renderizado.
  1. Fora da Unreal Engine, use o sistema de navegação de pastas do seu computador (como o Explorador de Arquivos do Windows) para acessar a pasta Renders. Clique duas vezes no vídeo na pasta para assisti-lo com o reprodutor de vídeo que preferir. 
 

Continuação da jornada de animação de keyframes

Para expandir seus conhecimentos sobre animação, você pode continuar animando a cena acima ou praticar com outra opção da Loja da Unreal Engine. Além disso, você pode conferir a Comunidade de Desenvolvedores da Epic, onde encontrará centenas de horas de aprendizado on-line, incluindo cursos de animação.

A documentação da Unreal Engine contém muitos artigos úteis sobre como usar o Sequencer para animação. Outra opção é inspirar-se em estúdios profissionais que criam animações na Unreal Engine em nosso hub de Animação e em nosso Guia de Animação gratuito.

Caso queira começar a animar personagens, você também pode conferir nossa seleção de treinamentos em animação de personagens em tempo real.

Mais Fundamentos de Tecnologia em Tempo Real


fundamento de tempo real

A animação nos filmes e no cinema

fundamento de tempo real

O que é realidade aumentada?

fundamento de tempo real

Como criar um humano digital?