3d & animação

Como criar uma websérie animada

Sociedad Fantasma mostra o processo de criação de R.T., um alien que busca se dar bem com a humanidade

Sociedad Fantasma (@sociedadfantasma) é um estúdio de storytelling formado por Carlos Rupit, Gabriel Pichardo e Lizeth Rodríguez, especializado em contar boas histórias através da ilustração e da animação.

Esse caminho os levou a trabalhar para marcas como Netflix, Gatorade, Google e Nike, mas também a desenvolver projetos próprios como a websérie UFUCK_U, animação que nos mostra um curioso alien tentando se encaixar na vida diária humana. Tal projeto demonstra a experiência do estúdio mexicano na criação de histórias, personagens, ilustração, trabalho de cor e animação, que servem como base e são muito atraentes em tudo o que realizam.

Sociedad Fantasma explica, passo a passo, as principais etapas pelas quais passam para criar um episódio de sua série.

Como criar uma websérie animada 1

A equipe de Sociedad Fantasma começou a trabalhar com animação e ilustração influenciada por personagens de Cartoon Network, Nickelodeon e Locomotion, além do trabalho de artistas como Golden Wolf, Giant Ant e Julien Vallé. E logo descobriram que suas técnicas permitiam a criação de mundos imaginários.

Dentro do processo criativo para sua série animada, o estúdio focou em sete etapas para a realização de cada episódio:

1. Ideia

Começam a trabalhar a ideia a partir de um personagem principal, respondendo a pergunta Quem é? Neste caso, o protagonista é um alien que busca se encaixar na humanidade, ignorando os motivos do comportamento humano e seus rituais. Mas, devido à sua inteligência e curiosidade superior, sempre encontra uma solução - que, na maioria das vezes, é muito estranha.
Com o ponto de partida delimitado, imaginam e ilustram o personagem em situações cotidianas e comuns para os humanos.

Ilustração da qual parte um episódio animado
Ilustração da qual parte um episódio animado

2. Quadrinhos

Depois de desenvolver a ideia, utilizam um formato de quatro quadros para contar a história em desenhos, dividido em diferentes etapas:

Quadro 1 / Contexto: apresentam uma ação e o personagem envolvido nesta.

Quadro 2 / Interação: mostram a forma como a humanidade atua diante da situação.

Quadro 3 / Reação: o personagem resolve o problema ou situação de maneira estranha.

Quadro 4 / Resultado: o desenlace do problema ou resultado da ação.

Quadros de quadrinhos para três histórias diferentes
Quadros de quadrinhos para três histórias diferentes

3. Storyboard

Neste passo, o estúdio cria cenas entre os quatro quadros para ajudar a contar a história de forma detalhada. São os passos intermediários entre os quatro momentos principais. Também descrevem em texto o que ocorre em cada uma das cenas. Uma questão importante é que na hora de realizar o storyboard, levam em conta que a soma de todas as cenas deverá transcorrer em 20 segundos de animação.

Storyboard do episódio 'Procrastinando'
Storyboard do episódio 'Procrastinando'

4. Animatic

A seguir, atribuem um tempo a cada uma das cenas e revisam o ritmo na qual contam a história fazendo um animatic, que é a forma de dar vida aos storyboards ou esboços de um produto audiovisual. Depois acrescentam o áudio com base no mood e no ritmo que buscam transmitir. Se há narração, gravam um teste de voz para também acrescentá-la.

Como criar uma websérie animada 9

5. Styleframes



Criam a cores os principais styleframes ou marcos de estilo, que é uma composição que demonstra o estilo, o estado de humor e o design geral de uma peça multimídia baseada no tempo. Isso vai dar lugar depois ao processo de animação.
Primeiro quadro de estilo
Primeiro quadro de estilo
Segundo quadro de estilo
Segundo quadro de estilo

6. Animação

Sociedad Fantasma costuma dividir essa etapa em quatro passos básicos:

- Com a ajuda do animatic e os styleframes finais, anima-se cada cena de maneira bruta com o programa Adobe Animate ou Photoshop.
- Enviam essa primeira animação a limpo, corrigem as linhas e utlilizam o pincel final no Photoshop.
- Preenchem com cor seguindo o styleframe.
- Acrescentam detalhes como sombras nos personagens e cenários.

Exemplo da evolução da animação
Exemplo da evolução da animação

7. Composição e saída

A etapa final também é dividida em passos:
- Realizam a composição de elementos e cenas no After Effects.
- Editam o áudio final.
- Gravam e editam a narração final.
- Acrescentam todos os elementos à composição final.
- Exportam a animação final en .mp4, e está pronto para ser publicado.

Você pode ver o capítulo e material extra no Instagram oficial da série (@ufuck_u).

Trecho do resultado final.
Trecho do resultado final.

Sociedad Fantasma ministra os cursos "Microhistórias animadas com After Effects", no qual é possível aprender as bases necessárias para contar uma boa história com design de personagens e animação 2D com After Effects, e "Design de stickers animados para redes sociais", no qual ensinam a criar seu próprio conjunto de stickers animados com Adobe Animate.

Você também pode se interessar por:

- 5 estilos de direção de arte para motion graphics
- Designers e artistas 3D que você precisa conhecer
- Atalhos de teclado para ser mais eficiente no Cinema 4D

Ver cursos recomendados

Projeto arquitetônico 3D e modelagem com Revit. Curso de 3D, Animação, Arquitetura, e Espaços por Arturo Bustíos Casanova

Projeto arquitetônico 3D e modelagem com Revit

Um curso de Arturo Bustíos Casanova

Crie uma planta com projeção ortogonal utilizando a metodologia BIM (Building Information Modelling)

  • 49,473
  • 99% (1.3K)
98% Desc.
Preço original $49.99USD
Comprar $0.99USD
Introdução ao After Effects. Curso de 3D, e Animação por Carlos "Zenzuke" Albarrán
Domestika Basics · 5 cursos

Introdução ao After Effects

Um curso de Carlos "Zenzuke" Albarrán

Aprenda o After Effects sem ter conhecimentos prévios e domine o melhor software de motion graphics e pós-produção do mercado

  • 291,423
  • 97% (4.9K)
97% Desc.
Preço original $59.99USD
Comprar $1.99USD
Blender para iniciantes. Curso de 3D, e Animação por Carlos Sifuentes Haro
Domestika Basics · 7 cursos

Blender para iniciantes

Um curso de Carlos Sifuentes Haro

Aprenda a dominar as ferramentas básicas do software para criar conteúdos audiovisuais 2D e 3D como um profissional

  • 76,229
  • 93% (1.2K)
97% Desc.
Preço original $59.99USD
Comprar $1.99USD
0 comentários