Isaque Criscuolo
@isaque.criscuolo

3d & animação

9 sites de animação e ilustração para buscar inspiração e aprender

por Isaque Criscuolo @isaque.criscuolo

Descubra estas plataformas inspiradoras com referências e ideias para os seus próximos projetos de motion design

No livro Roube como um artista, o designer e escritor Austin Kleon, um dos mais vendidos da lista do The New York Times, defende que "nada é original". Para ser criativo é preciso abraçar influências, coletar ideias, misturar e reimaginar para encontrar seu próprio caminho.

Esta é também a visão da ilustradora Catarina Alves e do motion designer Jonas Nunes, que adoram explorar todas as possibilidades da ilustração 2D e da animação digital para criar obras expressivas, repletas de personalidade.

Catarina fundou o estúdio Itsacat e Jonas fundou a produtora Goodog.tv. Juntos formam a dupla criativa multidisciplinar Itsacat&Goodog (@itsacat_goodog) e já produziram animações para grandes clientes como Amazon, BMW, Nike, Nestlé e Torres, entre outros.

Catarina e Jonas já produziram animações para grandes clientes como Amazon, BMW, Nike, Nestlé e Torres

Ao final do post, os criativos portugueses reuniram nove sites de animação e ilustração que utilizam quando estão em busca de inspiração, referências e novidades.

Mas, antes de conferir as recomendações, descubra um pouco mais sobre motion graphics, animação 2D e animação 3D.

Diferenças entre animação 2D e 3D

Além da obviedade do resultado visual, as diferenças entre os formatos de modelagem e animação 2D e 3D têm implicações relacionadas a ferramentas, habilidades, objetivos e perfis criativos.

O nascimento do conceito de 2D em animação é encontrado no século XIX, graças à criação do folioscópio, um formato de livro que contém imagens com variações graduais aplicadas página a página e que, quando passadas rapidamente, criam a ilusão de movimento.

A tecnologia 3D, por sua parte, tem registro inicial em 1890, quando o conceito foi exposto por um fotógrafo inglês chamado William Friese-Greene. No entanto, é mais comum encontrar sua origem histórica oficial em 1922, com a projeção do filme The Power of Love, considerada a primeira fita 3D.

No entanto, você também pode usar animação 2D e 3D no mesmo trabalho, dando um estilo único à peça. É exatamente o que o animador Andrea Gendusa (@andreagendusa) faz, ao usar o Adobe After Effects e o Cinema 4D de forma combinada.

Confira alguns dos projetos incríveis de Andrea - que ministra o curso Animação 2D e 3D com After Effects e Cinema 4D - neste post.

Profundidade: diferenças essenciais

Comecemos com o principal ponto de diferenciação entre os dois formatos de representação gráfica. Quando falamos de imagens em formato 2D, estamos nos referindo a imagens "planas", pois possuem apenas dois índices de medição: altura (eixo X) e comprimento (eixo Y).

As tridimensionais, ou 3D, também têm profundidade (eixo Z), uma característica básica da forma como percebemos a realidade.

As imagens tridimensionais têm profundidade (eixo Z), uma característica básica da forma como percebemos a realidade

Essa característica gráfica é definitiva em todos os processos, em ambos os formatos. Para entender melhor esse ponto, é necessário levar em conta que na animação e modelagem 2D cada elemento deve ser criado e modificado quadro a quadro, enquanto nos formatos 3D isso não é necessário, pois os eixos estão sempre presentes, independentemente do movimento ou da manipulação que você dê ao objeto da composição.

Por outro lado, a ausência de movimento não costuma ser tão conflitante nas narrativas 2D, pois o ritmo permite a continuidade visual. Por outro lado, a rigidez 3D, mesmo que dure apenas um segundo, sempre parecerá um erro.

Formatos e narrativas para projetos 2D e 3D

Como saber qual é o formato ideal para cada projeto? Carlos Albarrán, mais conhecido como Zenzuke (@zenzuke), especialista em motion graphics e animação e professor em algumas das instituições mais conhecidas de Madri, na Espanha, explica assim:

"Se é verdade que você pode usar os formatos de maneira indistinta, ter conhecimento de 3D pode te dar muito mais liberdade no momento de manipular câmeras, usar perspectivas e procurar transições únicas. Mesmo ao fazer animação tradicional em 2D, muitas vezes você pode começar em 3D para visualizar coisas mais complexas que depois terminarão em duas dimensões."

'Organic X Synthetic', de Jonas Nunes (@goodog)

Programas para trabalhar em 2D e 3D

Estes são os programas que Zenzuke recomenda para cada um destes formatos:

- 2D: After Effects, Illustrator ou Adobe Animate
- 3D: Cinema 4D

Embora Zenzuke use 2D e 3D, ele reconhece que há uma vantagem em dominar o uso de programas de animação no último formato:

"Mesmo que se trate de um projeto 2D, há muitas coisas que são mais fáceis de fazer em um programa 3D. Ter a opção de fazer as coisas com ferramentas diferentes sempre nos dará uma grande vantagem. Ter conhecimento em 3D pode ser útil para qualquer pessoa, pois é cada vez mais usado em áreas como branding e ilustração, sem mencionar que, se você está no campo de motion graphics, está perdendo tempo se ainda não aprendeu a usar esse formato."

O que são motion graphics?

Hoje os motion graphics são um estilo de design que ganha cada vez mais popularidade. Já foi comprovado que as pessoas prestam mais atenção aos vídeos que às imagens, mesmo se forem GIFs simples, com pouco movimento.

Por isso, como designer gráfico, cedo ou tarde você encontrará um cliente que queira uma peça de motion graphics. Aprender a criar estas peças será de grande ajuda para que seu trabalho se destaque.

Em suma, os motion graphics são um tipo de animação, mas em vários sentidos seu propósito é diferente. O termo animação pode se referir a diversas técnicas para fazer com que as imagens se movam, como vemos nas séries e filmes animados.

Poderíamos dizer que na animação um componente básico é a narrativa ou contar uma história. Por outro lado, os motion graphics são um estilo de design, no qual o movimento é aplicado a certos elementos de uma composição para atrair a atenção do espectador.

Ao lado de Jonas e Catarina, você descobrirá todas as ferramentas necessárias para ilustrar e animar

A origem dos motion graphics

Existem vários antecedentes históricos da animação, como o flipbook ou folioscópio. Mas, para falar especificamente da origem dos motion graphics como recurso de design, iremos à metade do século XX.

O animador norte-americano John Whitney usou a animação computadorizada para criar sequências para cinema e TV. Foi um dos primeiros a usar o termo. Entre seus trabalhos mais conhecidos está a sequência de créditos de Um Corpo Que Cai (1958), de Alfred Hitchcock, desenvolvida sob a direção do designer gráfico Saul Bass.

Motion graphics na atualidade

Graças a softwares como Adobe Flash, Adobe Animate, Cinema 4D e After Effects, criar motion graphics não é mais um trabalho que requer horas intermináveis para animar um único segundo. Isso não significa que todos os motion graphics usem exclusivamente técnicas digitais: muitos designers contemporâneos incorporam técnicas digitais e analógicas em suas peças. Outros combinam técnicas de animação digital com efeitos complexos.

Os limites dos motion graphics são tão amplos quanto os do design em si. O mesmo acontece com os estilos: é possível alcançar efeitos sérios e elegantes ou mais divertidos e brincalhões para se ajustar à proposta do cliente. Algumas das áreas de aplicação mais populares são a infografia, os logos, ou a tipografia.

Blogs de animação e ilustração para se inspirar

Confira estes nove sites de animação e ilustração que a dupla criativa Itsacat&Goodog consulta quando está em busca de inspiração, referências e novidades para seus projetos multidisciplinares.

Fubiz

Este é um portal com as principais notícias do universo da arte, design e cultura pop. É incrível não só para se manter atualizado, mas para buscar referências, inspirações e tendências.

Você também pode assinar uma newsletter com curadoria das melhores notícias e novidades publicadas.

Motionographer

Criado em 2016, o Motionographer reúne trabalhos inspiradores e notícias importantes para as comunidades de motion design, animação e efeitos visuais.

Aqui você descobrirá as principais tendências da indústria, casos de sucesso e vagas de trabalho.

Ice Cream Hater

O animador Jordan Scott é o responsável por esta curadoria de animações inspiradoras que servem não só de referência, mas como um alívio depois de um dia estressante.

Se recomenda que você acesse regularmente para acompanhar as novidades.

It’s Nice That

Se você busca por criatividade, este é o lugar perfeito para encontrar inspiração. Além das notícias, o site oferece um acervo imenso para pesquisa e curadoria com os melhores conteúdos do mês.

É possível criar uma assinatura para apoiar o trabalho dos organizadores e ter acesso a conteúdo exclusivo.

Animography

Este site oferece uma biblioteca bastante diversa de tipografias e fontes animadas para Adobe After Effects.

Todos os recursos são vetorizados e customizáveis para qualquer tipo de projeto, inclusive para marcas e portfolios.

Wine after Coffee

Como a descrição do site bem diz, você encontrará vídeos escolhidos a dedo para uma dieta audiovisual saudável. A curadoria dos conteúdos é feita diariamente por 50 moderadores e animadores para reunir peças inspiradores de animação e motion design.

Além disso, essa equipe organiza um festival chamado Blend. É, definitivamente, desses sites que você deve deixar na barra de favoritos do navegador.

Gostou dessas dicas? Descubra com Itsacat&Goodog como dar vida às suas ilustrações por meio da animação em 2D e 3D, no curso online Animação em loop com técnicas mistas de ilustração digital.