O Segredo Das Animações de Undertale Revelado

Fazer download em pdf ou txt
Fazer download em pdf ou txt
Você está na página 1de 69

EDIÇÃO ESPECIAL

O SEGREDO DAS
ANIMAÇÕES DE
UNDERTALE
REVELADO
Um Guia Passo a Passo.

Por Under Legacy


Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119
SOBRE O AUTOR
O autor deste Ebook é o criador do canal do YouTube
Under Legacy, dedicado aos jogos Undertale e
Deltarune. O canal foi criado em 15 de setembro de 2023
e, até a data de criação deste Ebook, já acumulou mais
de 50 mil inscritos e mais de 5 milhões de visualizações.
Sendo que 1 milhão e 700 mil dessas visualizações são
vindas de animações sobre Undertale.

01

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


SUMÁRIO
Introdução 3
Fundamentos essenciais para criar animações de qualidade 4
Conhecendo as ferramentas e softwares 5
Desenvolvendo o roteiro 8
Automatizando história no Chat GPT 10
Animação de Personagens 11
Photoshop 12
Sprites 18
Exportando os sprites 28
Animando os sprites 30
Animando os diálogos 37
Efeitos sonoros e músicas 41
6 Passos para animar um personagem 45
Polimento e finalização 64
Conclusão 66
Recurso adicional 67
Bônus 68

02

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


INTRODUÇÃO
Este livro é o método que eu
desenvolvi para criar minhas
próprias animações no Undertale, e
agora estou compartilhando com
vocês. Através desse conhecimento
único, vamos explorar passo a passo
o processo de dar vida aos seus
personagens favoritos de Undertale
através da arte da animação. Desde
o planejamento inicial até os
toques finais de polimento, você
aprenderá como criar suas próprias
animações de forma acessível e
fácil de entender. Ao longo deste E-
Book, você será apresentado a
técnicas, ferramentas e estratégias
para transformar suas ideias em
animações de Undertale. Com uma
abordagem prática e direta, você
será capacitado a expressar sua
criatividade e contar a histórias
através da animação.

Este E-Book é um PDF interativo.


Isso significa que durante a leitura
você encontrará links que te
direcionará para links externos.
Quando o texto estiver assim, trata-
se de um link externo, clique nele
para se aprofundar no conteúdo
que será abordado.
03

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


FUNDAMENTOS ESSENCIAIS PARA
CRIAR ANIMAÇÕES DE QUALIDADE

Para criar animações de qualidade, é fundamental


dominar os fundamentos essenciais desde o início. O
planejamento é o primeiro passo crucial. Antes de
começar a animar, tenha uma ideia clara da história que
deseja contar. No caso das animações de Undertale, isso
significa entender a personalidade rica e única dos
personagens. Os personagens de Undertale são cheios
de personalidade. Capturar essa essência em suas
animações é essencial para garantir que elas sejam
autênticas e envolventes. Portanto, é importante ter um
conhecimento básico sobre a personalidade de cada
personagem. Ao entender sobre os personagens e a
história que você deseja animar, você estará melhor
preparado para criar animações consistentes e de alta
qualidade. Dominar esses fundamentos desde o início é
a chave para o sucesso na criação de animações
inspiradas em Undertale. Também é importante
entender o que significa o termo “sprite”, que será muito
usado neste E-Book. Um sprite é uma imagem de um
personagem ou um objeto dentro dos jogos 2D. Para
criar o efeito de movimento, são necessários vários
sprites diferentes com pequenas variações do mesmo
personagem.

04

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


CONHECENDO AS FERRAMENTAS E
SOFTWARES
Vamos explorar as ferramentas e softwares que serão
nossos companheiros ao longo deste e-book. Com essas
ferramentas, poderemos criar animações incríveis de
Undertale. Para começar, é importante ter uma noção
básica de edição de vídeo. Isso nos ajudará a
compreender melhor os conceitos e técnicas
necessárias para criar animações de qualidade. Junto a
isso, vamos precisar de um editor de vídeo que nos
permita criar keyframes. Os keyframes são pontos-chave
ao longo da linha do tempo da animação que definem
as mudanças nos elementos, como posição e tamanho.
Com um editor de vídeo que suporte keyframes,
poderemos animar nossos personagens de forma mais
dinâmica e realista.

Além disso, vamos utilizar o jogo Undertale e um


gravador de vídeo para extrairmos os cenários que
queremos usar em nossas animações.

05

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


O Adobe Photoshop será nossa principal ferramenta para
editar sprites e cenários conforme necessário para nossas
animações. Caso não tenha o Adobe Photoshop, também
podemos usar o site Photopea.com ou um aplicativo de
celular semelhante ao Adobe Photoshop para realizar
essas edições.

Quanto a obter os sprites dos personagens, cenários e


objetos de Undertale, vamos contar com o site Sprite-
Resource. Lá, encontraremos uma vasta biblioteca de
sprites de Undertale disponíveis para download,
facilitando nosso trabalho na criação das animações.

Para dar vida aos nossos sprites, vamos utilizar o Piskel.


Esta é uma ferramenta online que nos permitirá criar
animações de forma fácil e intuitiva. Com o Piskel,
poderemos adicionar movimento aos nossos sprites,
transformando-os em GIF.

06

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Por fim, contaremos com a inteligência artificial
chamada Chat GPT para auxílio no desenvolvimento de
ideias, diálogos e conceitos para suas animações. Você
poderá usar o Chat GPT para explorar diferentes
abordagens narrativas e criar diálogos autênticos para
seus personagens.

Dominar o uso dessas ferramentas e softwares será


fundamental para criar animações de qualidade de
Undertale.

07

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


DESENVOLVENDO O ROTEIRO
Antes mesmo de começar a criar a animação, é
essencial desenvolver um roteiro sólido. O roteiro é
como o mapa que guia todo o processo de animação,
determinando o que os personagens dizem, fazem e
onde a história vai. É a base sobre a qual construímos
nossa animação. Para escrever um roteiro você pode
usar um bloco de notas ou qualquer outro programa de
escrita. Comece escrevendo suas próprias ideias, como o
que você quer que cada personagem faça e o que seria
legal ver animado. Tudo depende da sua imaginação!
Você pode se inspirar em outras animações, filmes,
séries e até mesmo nas famosas AUs de Undertale.

Como Criar Roteiros de Animações para Undertale.

Criar roteiros para animações de Undertale pode


parecer desafiador no começo, mas com algumas dicas
simples, você pode fazer histórias incríveis. Vamos ver
como fazer isso:

Apresente os Personagens. e o Cenário. Comece


falando sobre quem são os personagens principais e
onde a história vai acontecer. Isso é importante para
você saber como os personagens vão se comportar.

Crie um Conflito. Todo bom roteiro precisa de um


problema para resolver. Pode ser uma perseguição,
uma missão de resgate ou qualquer outro desafio
que os personagens enfrentem.

08

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Desenvolva a História. Agora, descreva como a
história vai progredir à medida que os personagens
lidam com o conflito. Explore diferentes cenários e
interações entre os personagens para manter o
interesse do público.

Chegue ao Clímax. O clímax é o momento mais


emocionante da história, onde o conflito atinge o
ponto mais alto. Pense em como você pode criar um
momento poderoso para surpreender o público.

Conclua a História. Por fim, resolva o conflito e dê


um final para a história. Pode ser uma solução para o
problema central ou uma revelação importante
sobre os personagens.

Seguindo esses passos e usando sua criatividade, você


vai conseguir criar roteiros incríveis para suas animações
de Undertale. Pratique bastante para melhorar cada vez
mais. Com dedicação, você vai fazer animações ainda
melhores.

Depois que você tiver criado o seu roteiro e ter decidido


o que cada personagem irá falar ou fazer. Usaremos a
ferramenta Chat GPT para organizar as falas que você
escreveu ou o que cada personagem pretende fazer.

09

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


AUTOMATIZANDO HISTÓRIA NO
CHAT GPT
Agora, vamos falar sobre como utilizar o Chat GPT para
desenvolver diálogos como se fossem personagens de
Undertale. Para isso você precisará ir em seu navegador
e buscar pelo termo “Chat GPT”, o domínio do site é
“chatgpt.com”. Uma vez nele, faça o seu cadastro da
melhor maneira que você quiser. O que eu recomendo é
você faze-lo pela sua conta do Google. Uma vez
cadastrado, para criar os seus diálogo com o Chat GPT,
você pode usar comandos simples, como:

“Desenvolva o diálogo desse roteiro que eu escrevi sobre


o jogo Undertale: [Coloque uma parte do seu roteiro]”

“Crie o diálogo dessa história que eu escrevi sobre


Undertale: [Coloque uma parte do seu roteiro]”

Você pode testar diversos comandos pedindo para o


Chat GPT criar os diálogos da sua história da forma que
quiser. É muito importante você corrigir o Chat GPT e
pedir para ele te entregar novos diálogos até vir algo que
você ache bom. Outra coisa importante é você criar um
bloco de notas para salvar todos os diálogos que você
usará em ordem na sua animação, e também porque
será necessário para criar as animações dos diálogos.

Lembre-se de que o Chat GPT é uma ferramenta para


auxiliar no desenvolvimento de ideias e diálogos, mas a
criatividade e a originalidade ainda vêm de você.

10

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


ANIMAÇÃO DE PERSONAGENS
O processo para animar personagens é dividido em
etapas simples, que serão detalhadas a seguir:

Escreva o roteiro com a história que deseja contar e as


ações dos personagens.

Abra o jogo Undertale e grave os locais onde suas cenas


ocorrerão. Simplesmente entre em um cenário do jogo e
permaneça parado enquanto grava a cena. Também
grave uma cena que um diálogo do jogo apareça.

Após gravar todas as cenas que usará na história, abra o


editor de vídeo e importe suas gravações para a
timeline.

11

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


PHOTOSHOP
Tire uma captura de tela em seu editor de vídeo de uma
das cenas gravadas que deseja usar como cenário, e
abra no Adobe Photoshop.

Utilize a ferramenta lápis pressionando a tecla B ou


escolha-a manualmente. Se você não encontrar a
ferramenta lápis e apenas a ferramenta pincel, clique e
segure na ferramenta pincel para exibir outros formatos
de pincel, incluindo a ferramenta lápis.

12

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Com a ferramenta lápis selecionada, pressione a tecla
ALT e clique para copiar a cor que você deseja substituir.
Use essa cor para apagar o personagem Frisk ou
qualquer outro elemento que precise ser removido para
limpar o cenário.

Exporte a imagem em formato JPG, garantindo que a


opção de Converter para sRGB esteja desmarcada e a
opção Incorporar Perfil de Cores esteja marcada para
manter as cores consistentes com seu vídeo.

13

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Em seguida, exporte a imagem para uma pasta onde
poderá acessar facilmente para futuras animações. É
recomendável organizar uma pasta para cada área do
jogo, onde cada cenário será salvo. Repita esse processo
para editar os cenários conforme necessário para sua
história.

Outra maneira de editar um cenário é usar duas


imagens do mesmo cenário, mas com o personagem
Frisk parado em lados diferentes.

14

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Coloque as duas imagens no Photoshop, uma sobre a
outra, e apague a parte onde o personagem Frisk
aparece.

Dessa forma, você terá um cenário limpo para usar em


suas animações.

Uma outra parte importante dos cenários são as barras


pretas características do Undertale. Na primeira captura
de tela, você precisará extrair essas barras pretas e salvá-
las como PNG com fundo transparente. Utilizando a
ferramenta de Letreiro Retangular para selecionar a
parte da imagem que não são as barras pretas, é
recomendado usar o zoom máximo para uma seleção
precisa.

15

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Após selecionar, delete a parte marcada e exporte a
imagem como PNG com fundo transparente.

16

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Com a barra preta salva, você não precisará repetir esse
processo novamente.

17

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


SPRITES
Depois de obter todos os cenários e as barras pretas, o
próximo passo é adquirir os sprites dos personagens de
Undertale e animá-los. Com um navegador aberto,
pesquise pelo site Sprite Resource Undertale.

Neste site, você encontrará todos os sprites dos


personagens do jogo, além de muitas outras coisas.
Você pode procurar os sprites dos personagens que
usará em sua animação no site ou simplesmente
pesquisar pelo nome do personagem na barra de
pesquisa.

18

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


No entanto, é importante observar que alguns sprites
que não são do padrão do Undertale exigirão que você
dê créditos ao criador ao usá-los em suas animações.

Isso não se aplica aos sprites padrão do Undertale, que


são facilmente identificáveis. Por exemplo, vamos
pesquisar sobre o personagem Sans. Ao clicar na
imagem dele, você encontrará vários sprites mostrando-
o realizando diversas ações.

Para usar um desses sprites, basta clicar com o botão


direito na imagem e selecionar “Salvar imagem como”,
ou você também pode baixar a imagem diretamente do
site.

19

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Após obter os sprites dos personagens desejados, abra o
Photoshop e insira a imagem com os sprites nele.

Desbloqueie a camada e dê um zoom para ver os sprites


com mais detalhes.

20

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Utilize novamente a ferramenta de Letreiro Retangular
ou pressione a tecla M para selecionar a parte destacada
onde está o sprite do seu personagem. Certifique-se de
selecionar com precisão a área que contém o sprite do
personagem.

Depois de selecionar a área, copie-a pressionando


CTRL+C. Em seguida, vá em “Arquivo” e clique em “Novo”,
ou simplesmente pressione CTRL+N para criar um novo
arquivo.

21

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Verifique se a opção marcada em azul é “Área de
transferência” ou apresenta um ícone de prancheta.

22

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Clique em “Criar” e pressione CTRL+V para colar o sprite.

Com o sprite separado, volte na imagem onde estão


todos os sprites e desselecione a área selecionada
pressionando CTRL+D.

Agora, vá em “Selecionar” e escolha “Intervalo de Cores”.

23

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Clique no fundo destacado onde está o sprite e ajuste o
grau de seleção para 50 ou arraste a agulha até que a
área destacada fique completamente branca.

Clique em “OK” e pressione a tecla delete para remover a


parte selecionada.

24

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Repita o processo para selecionar e copiar todos os
sprites que compõem a animação do personagem.

Cole os sprites juntos, deletando o fundo do primeiro


sprite copiado, se necessário. Você pode usar a
ferramenta de Varinha Mágica (tecla W) para selecionar
e deletar as partes do sprite que ainda possuem fundo
destacado.

25

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Depois de copiar e colar todos os sprites da animação e
organizá-los em camadas, vá em “Imagem” e selecione
“Tamanho da Imagem”.

Em “Largura” e “Altura”, certifique-se de que a opção


esteja selecionada em Pixels.

Aumente a largura da imagem adicionando um zero e


clique em “OK”.

26

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


27

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


EXPORTANDO OS SPRITES
Para exportar os sprites clique “Arquivo”, “Exportar” e
selecione “Camadas para Arquivos”.

Escolha o tipo de arquivo como PNG-24 com fundo


transparente. Especifique o destino para salvar os
sprites, criando pastas separadas para cada personagem
e posição. Isso ajudará a manter seus sprites
organizados para uso futuro.

28

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Repita esse processo para todos os personagens que
deseja usar em sua animação, garantindo que todos os
sprites estejam na ordem correta. Se necessário, você
poderá ajustar a resolução dos sprites no programa de
animação que usará adiante. Agora, vamos aprender a
animar esses sprites salvos.

29

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


ANIMANDO OS SPRITES
Vamos aprender a animar os sprites que salvamos. Abra
novamente seu navegador e pesquise por Piskel, o site
original é piskelapp.com. No Piskel, você pode usar o
programa tanto online quanto baixando-o para o seu
computador ou celular.

Se preferir usar o site, basta clicar em “Create Sprite”. No


entanto, é recomendado baixar o programa.

Já para usar em seu computador, acesse a aba


download e faça o download para o seu sistema
operacional.
30

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Uma vez com o Piskel aberto, vá até a pasta onde você
salvou seus sprites e selecione a primeira imagem para
importá-la no programa.

Arraste a imagem para o Piskel, clique em “Importar” e


em seguida em “OK”.

31

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Agora, volte à pasta e selecione todas as imagens
restantes, arrastando-as para o programa.

Você notará que a animação no canto superior direito


está muito rápida. Para corrigir isso, diminua o FPS até
que a animação fique suave e agradável de ser vista.
Para sprites padrões de Undertale, recomendo um FPS
de 4, mas sinta-se livre para ajustar conforme preferir.

32

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Se os sprites estiverem na ordem errada, basta arrastar e
trocar as posições pela esquerda até ficarem na ordem
correta.

33

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


É importante também duplicar os sprites várias vezes
para criar uma animação de GIF maior.

Com o sprite ajustado no programa, é hora de exportar.


No canto direito, clique em “Exportar”, selecione “GIF” e
marque a opção “Loop Repeatedly”.

34

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Repita esse processo com todos os sprites dos
personagens que você salvou e deseja usar em sua
animação. Para isso, basta clicar no símbolo de “+” no
canto superior do programa para abrir outro projeto e
animar por ele.

35

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Uma dica adicional é que, caso não tenha conseguido
aumentar a resolução do sprite no Photoshop, você
também pode fazer isso pelo Piskel. Basta acessar a
opção “Resize”, adicionar um zero no primeiro número e
clicar em “Resize”.

36

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


ANIMANDO OS DIÁLOGOS
O próximo passo é animar os diálogos que serão usados
na sua animação. Para isso, vamos utilizar o site
demirramon.com. Abra seu navegador e pesquise por
”Demirramon text box generator”. Clique no site e você
será redirecionado para o gerador de texto de
Undertale.

Caso contrário, vá em “Generators” e depois em


“Undertale Text Box Generator”.

37

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Dentro do site, você encontrará diversas opções, mas o
mais importante para nós é a aba “Sprite Settings”. Na
primeira opção, selecione “Undertale”. Em “Character”,
escolha o personagem de Undertale que será usado na
animação.

Abaixo do nome do personagem, você encontrará as


expressões disponíveis, que podem ser trocadas
conforme necessário para a sua história.

Após selecionar o personagem e a expressão desejada,


role a página para baixo e clique na opção “Animated
GIF”.

38

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Esta opção animará qualquer coisa que você escrever na
caixa de texto abaixo. Basta inserir o diálogo que você
escreveu ou criou no Chat GPT na caixa de texto, e
depois clicar em “Generate Text Box”.

Faça o download do diálogo em “Download Box”.

39

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Crie e baixe todos os diálogos que serão usados na
animação. Para não se perder na organização,
recomendo dois caminhos: seguir a ordem de diálogo
dos personagens criados

Ou fazer e baixar o diálogo de cada personagem


separadamente. A escolha é sua.

40

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


EFEITOS SONOROS E MÚSICAS
A última etapa de preparação para a animação é baixar
os efeitos sonoros e as músicas de fundo do Undertale.
Para os efeitos sonoros, você pode pesquisar por
“Undertale sound effect the Sounds Resource” em seu
navegador e acessar o site “sounds-resource”, onde
encontrará um pacote com todos os efeitos sonoros do
Undertale, incluindo os efeitos sonoros dos diálogos.

Ao extrair os efeitos sonoros, você pode encontrar


alguns arquivos com o final .ogg. Dependendo do editor
de vídeo que você usar, esse tipo de arquivo pode não
ser aceito.

41

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Para resolver esse problema, use o site Convertio.co.

Abra o site e arraste o arquivo de áudio com final .ogg


para lá. Converta o arquivo para mp3 e faça o download.

Assim, você poderá usar o áudio normalmente em seu


editor de vídeo.

Além disso, você pode procurar no YouTube por


“Undertale Characters Voice Beeps”, onde encontrará
uma playlist útil com os efeitos sonoros das vozes dos
personagens.

42

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Para as músicas do Undertale, pesquise por “Undertale
OST pack” em seu navegador e acesse o site
“archive.org”.

Na página, role para baixo e clique em “Download


Options”, em seguida, clique em “VBR MP3” e depois em
“101 files” para iniciar o download.

43

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Após baixar o arquivo, extraia-o e terá todas as músicas
do Undertale em suas mãos. Com isso, concluímos todo
o processo de preparação para fazer animações de
Undertale.

44

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


6 PASSOS PARA ANIMAR UM PERSONAGEM
1 - Preparação do Tamanho e Cenário
Para começar o processo de animação, volte para o seu
editor de vídeo e use o roteiro que você criou como guia
para saber por onde começar. Primeiro, é importante
aprender qual é o tamanho do GIF animado que você irá
utilizar. Quando você coloca um GIF na linha do tempo
do editor de vídeo, ele geralmente aparece com o
tamanho 100. Porém, esse tamanho não corresponde ao
dos personagens de Undertale.

Para descobrir o tamanho correto, coloque um GIF do


personagem Frisk sobre a gravação que contém o
personagem Frisk.

45

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Ajuste o tamanho do GIF até que ele fique exatamente
do tamanho do personagem na gravação.

Anote o número que aparecer no lugar do número 100,


pois será o tamanho padrão que você usará para todos
os GIFs em suas animações.

Depois de ajustar o tamanho correto dos GIFs, adicione


o cenário editado no Adobe Photoshop à linha do
tempo para começar a animação.

46

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Em seguida, adicione os GIFS dos personagens na cena
e ajuste o tamanho e a posição conforme necessário.

2 - Entrada e Saída dos Personagens


Chegou a hora de criarmos uma entrada e saída de um
personagem. Arraste o GIF do personagem para o lado
esquerdo ou direito da tela até que ele saia
completamente de cena.

47

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Ative o Key Frame no seu editor, avance um ou dois
segundo e arraste o GIF para o local onde você deseja
que o personagem apareça. Isso criará uma animação
do personagem chegando ao local desejado.

Para evitar que o personagem passe por cima da barra


preta, arraste a imagem da barra preta que você salvou
no início sobre a camada do GIF animado. Isso resolverá
o problema.

48

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


3 - Velocidade e Movimento do Personagem
Sobre a velocidade de movimento do personagem, você
precisará ajustá-la diminuindo ou aumentando a
distância entre os Key Frames que você criou.

Se o seu GIF não estiver grande o suficiente para


completar a animação desejada, há duas opções.

Primeiro, ao criar um GIF, você pode duplicar várias


camadas de Sprite no Piskel até que ele fique grande o
suficiente.

49

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


A segunda opção, que costumo usar bastante, é agrupar
vários GIFS em uma única camada, criando assim uma
animação GIF do tamanho desejado.

No Adobe Premiere, essa opção é chamada de “Nest”.


Em outros programas, você pode pesquisar por uma
opção que permita agrupar várias camadas de vídeo em
uma única unidade. Aqui está uma lista de 5 editores de
vídeo para computador e 5 para celular que têm essa
opção:
1 - Adobe Premiere Pro.
2 - Final Cut Pro X.
3 - DaVinci Resolve.
4 - Sony Vegas Pro.
5 - Avid Media Compose.
Celular:
1 - CapCut.
2 - KineMaster.
3 - InShot.
4 - Adobe Premiere Rush.
5 - Quik.

50

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


4 - Interrupção da Animação
Agora que resolvemos a questão do tamanho do GIF,
você ainda notará que quando o GIF chega ao ponto
marcado pelo Key Frame, ele continua se movendo.

Para resolver isso, basta pegar uma das imagens que


você salvou anteriormente para criar o GIF e arrastar o
sprite onde o personagem está parado para a linha do
tempo do vídeo.

51

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Feito isso, você faz um corte na parte em que o
personagem chega à posição determinada pelo Key
Frame e copia as informações que foram cortadas para
a camada do Sprite parado.

52

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


53

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Ou, alternativamente, você pode posicionar a imagem
exatamente onde o GIF parou, embora isso possa ser
demorado.

O ideal é apenas copiar as informações do ponto onde o


GIF parou para o sprite parado que você colocou na
linha do tempo.

54

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


5 - Adição de Diálogo
Já que você aprendeu a criar sua primeira animação de
movimentação, chegou a hora de aprender a adicionar
caixas de diálogo. Para isso, vamos usar os diálogos que
baixamos anteriormente.

Volte ao arquivo onde você gravou uma cena que


contenha um diálogo do jogo.

Em seguida, adicione a caixa de diálogo que você


baixou sobre essa gravação e siga o mesmo processo
que você utilizou para ajustar o tamanho ideal do seu
GIF.

55

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Desta vez, aplique esse processo à caixa de diálogo,
redimensionando-a para que fique do mesmo tamanho
da caixa de diálogo do jogo.

56

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Feito isso, arraste a sua caixa de diálogo GIF para o local
desejado no vídeo, por exemplo, onde o personagem
parou. E ajuste o diálogo para cima ou para baixo.

É possível que a animação das letras na caixa de diálogo


pareça muito lenta. Para corrigir isso, você precisará
aumentar a velocidade da caixa de diálogo através do
seu editor de vídeo. Ajuste a velocidade até que a
animação das letras seja agradável de se assistir. Eu
pessoalmente procuro deixar a velocidade da caixa de
diálogo em 135%.

57

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Depois de ajustada a velocidade, ainda será necessário
adicionar o som da voz do personagem que você está
utilizando. Para isso, vá até a pasta onde estão os efeitos
sonoros de Undertale e encontre o som correspondente
ao seu personagem. Os arquivos que contem o áudio do
personagem geralmente começam com o nome
“snd_txt”. Recomendo você selecionar cada áudio que
começa com esse nome e coloca-los em uma pasta
separada.

Arraste esse som para a trilha de áudio abaixo da caixa


de diálogo e vá duplicando o áudio enquanto as letras
da caixa de diálogo aparecem.

58

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Quando as letras pararem, pare de duplicar o áudio. Se
elas continuarem, posicione o áudio para ser
reproduzido a partir do ponto em que as letras
continuam.

Quando a caixa de diálogo chegar ao ponto final, pare


de adicionar áudios e faça um corte de 1 frame no final
do arquivo da caixa de diálogo.

59

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Selecione esse 1 frame cortado e diminua a velocidade
da caixa de diálogo para que ela pareça parada no
vídeo.

60

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Deixe-a parada por no mínimo 1 segundo para que as
pessoas possam ler o que está escrito na caixa de
diálogo.

61

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


6 - Agilizando o Processo
Você repetirá esse mesmo processo para todas as caixas
de diálogo que você utilizar, incluindo o ajuste de
tamanho da caixa de diálogo. Novamente, você
precisará copiar o efeito da primeira caixa de diálogo
que você fez para as outras caixas de diálogo que serão
utilizadas. Isso agilizará o processo de animação. Uma
outra opção é deixar para adicionar os efeitos sonoros e
músicas por último, após terminar de animar tudo o que
deseja.

Para animar o personagem em outras posições, basta


repetir o mesmo processo utilizado anteriormente para
fazer o personagem andar de lado.

62

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


No geral, você pode aproveitar cenas do jogo e
modificá-las usando o conhecimento que adquiriu.
Sugiro fortemente que você também aprenda mais
sobre edição de vídeo para criar animações ainda mais
impressionantes, já que o que ensinei foi apenas o
básico para criar animações simples e divertidas.
Explore ao máximo os Key Frames e deixe sua
criatividade fluir.

Por fim, revise sua animação e faça ajustes finais


conforme necessário. Certifique-se de que todos os
elementos estejam sincronizados e que a animação flua
suavemente. Com esses passos, você estará pronto para
criar suas próprias animações de personagens em
Undertale.

63

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


POLIMENTO E FINALIZAÇÃO
Agora que você criou todas as animações e montou sua
história, é hora de polir e finalizar o projeto para garantir
que tudo esteja perfeito antes de compartilhá-lo com o
mundo.

Comece revisando todas as suas animações e cenas.


Verifique se não há erros ou imperfeições visíveis.

Preste atenção aos detalhes, como a fluidez dos


movimentos dos personagens e velocidade dos
diálogos.

Depois de revisar as animações, verifique se a trilha


sonora e os efeitos sonoros estão sincronizados
corretamente com as cenas. Ajuste o volume de cada
elemento de áudio para garantir que nada se
sobreponha e que tudo possa ser ouvido claramente.

Após fazer todos os ajustes necessários, assista ao


projeto inteiro do início ao fim. Observe atentamente
qualquer problema ou área que possa precisar de mais
trabalho. Faça os ajustes finais conforme necessário.
64

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


Quando estiver satisfeito com o resultado final, é hora
de exportar o projeto. Certifique-se de escolher as
configurações de exportação corretas para o formato
desejado, seja para upload na internet ou para
compartilhar com amigos.

Por fim, dê uma última olhada em todo o projeto para


garantir que tudo esteja perfeito. Uma vez feito isso,
parabéns! Você concluiu sua animação de Undertale.
Agora é hora de compartilhar sua criação com o mundo
e se orgulhar do trabalho árduo que você colocou nela.

65

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


CONCLUSÃO
Na conclusão deste guia, espero que você tenha
adquirido conhecimentos valiosos sobre como
criar animações inspiradas no universo de
Undertale. Ao longo deste processo, você aprendeu
sobre roteiro, edição de cena, animação de sprites
e diálogos.

Lembre-se de que a prática é essencial para


aperfeiçoar suas habilidades como animador. Não
tenha medo de experimentar e cometer erros, pois
é assim que você aprende e evolui. Continue
explorando novas técnicas, ferramentas e recursos
para expandir sua criatividade e a qualidade de
suas animações.

Além disso, nunca subestime o poder da


comunidade. Procure outros animadores,
compartilhe suas criações, receba feedback e
contribua para o crescimento conjunto. A troca de
experiências e ideias pode ser incrivelmente
enriquecedora e inspiradora.

Por fim, lembre-se sempre de se divertir durante o


processo de criação. Com dedicação e prática, você
poderá criar animações incríveis. Continue
animando e nunca pare de sonhar grande!

66

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


RECURSO ADICIONAL
Como um recurso adicional ao E-Book, eu
recomendo que você procure por tutoriais
disponíveis na internet que ensinem desde o
básico até técnicas avançadas de edição de vídeo e
uso do Photoshop. No YouTube você encontrará
diversos tutoriais ensinando sobre o Photoshop e o
seu editor de vídeo. Aumentar o seu conhecimento
sobre eles elevará o nível de suas animações ainda
mais.

67

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119


BÔNUS
Como um bônus deste E-book, vou abordar um
aspecto importante do processo de criação de
animações: a thumbnail. A thumbnail, ou
miniatura, é a imagem de pré-visualização que as
pessoas veem antes de assistir a um vídeo. Ela
desempenha um papel crucial na atratividade e no
sucesso de sua animação.

Uma das dicas mais valiosas que posso oferecer é,


após criar o roteiro de sua animação, fazer a
thumbnail antes de começar a editar sua
animação. Para ajudar nesse processo,
disponibilizo um comando do Chat GPT que te
ajudará a encontrar os melhores momentos para
criar sua thumbnail.

Vá no Chat GPT e use este comando: “Você é um


especialista em criar thumbnails atrativas e
persuasivas para o YouTube. Analise o roteiro desta
história e aponte os momentos que mais
chamariam a atenção das pessoas para mim criar
uma thumbnail com base neles: Cole seu roteiro
aqui.”

Lembre-se de que a thumbnail é a primeira


impressão que os espectadores terão do seu vídeo.
Portanto, dedicar tempo e esforço para criar uma
thumbnail atraente e representativa pode fazer
toda a diferença no envolvimento e no interesse do
público pela sua animação.

68

Licensed to Felipe de Matos Oliveira - felipedematos2023@gmail.com - HP1166616119

Você também pode gostar