Animated Typeface

 

esteticarmorial_edited-3

O poder de expressão de tipos gráficos em movimento em uma peça audiovisual já foi assunto do Tipo da Fonte e como já dito os mesmos podem proporcionar uma experiência mais coesa e imersiva, quando bem aplicada.

Por outro lado, a integração entre música e tipo limita a animação dos mesmos, uma vez que eles estão dançando conforme a música, literalmente. Em uma peça audiovisual  não faria tanto sentido animar letra a letra, uma vez que essas inúmeras e particulares animações não teriam tanto impacto dentro da sincronia desejada ou causariam uma certa perturbação visual na composição geral da peça, tirando o foco do todo e passando-o para as animações individuais de cada caractere. Assim, não é muito usual se lançar mão de alfabetos inteiramente animados em kinetic typographics, ainda que isto não seja impossível e apareçam de maneira mais pontual. Tais tipos gráficos, com animações para cada caractere, é o assunto que iremos abordar neste artigo.

O vídeo abaixo ilustra como em kinect typographic consegue se colocar o espectador no ritmo da música, ressaltando a intenção das palavras através dos tipos e tornando esse novo universo musical em algo mais conhecido. Assim como exemplifica o motivo da dificuldade de se aplicar a animação individual dos caracteres.

A melhor maneira de se entender tipos animados é visualizando-os e para tal fato não existe fonte tipográfica animada mais auto explicativa que a Franchise Animated. Tal tipo gráfico surgiu de um projeto audacioso, encabeçado por Jeroen Krielaars, designer de motion graphics britânico que teve a brilhante ideia de criar a primeira fundição tipográfica focada apenas em tipos animados, a Animography (um acrônimo para Animated Typography). Buscando melhorar ainda mais a ideia do seu projeto, Krielaars convidou animadores gráficos do mundo todo para darem vida aos 110 caracteres da Frachise Bold, projetada pelo designer tipográfico Derek Weathersbee. Para este projeto, cada animador deveria escolher um glifo e animá-lo, utilizando no máximo 4 cores, 25 frames e uma tela de 500 x 600 pixel no Adober After Effects. O resultado é a fonte exibida no vídeo abaixo que pode ser baixada e utilizada gratuitamente, contanto que se credite cada um dos participantes desse projeto.

Apesar de toda sua ousadia e alegria a Franchise Animated não é a primeira fonte tipográfica animada. Video Hive é um repositório de recursos para composições audiovisuais que comercializa fontes animadas desde janeiro de 2010, a exemplo da Spiritool, uma fonte animada que tem o propósito de simular a fonte handwriting sendo escrita. Apesar de alguns considerarem a Animography como a primeira fundição tipográfica focada apenas em tipos animados, podemos perceber que o Video Hive já fazia isso há mais de 3 anos antes da Animography vir a existir, apesar de não ser focado apenas em composições tipográficas para After Effects (AE). Talvez por isso a Animography tenha recebido o título de primeira fundição tipográfica animada por alguns blogs. Para os curiosos, segue o link para a loja tipográfica animada da Video Hive: http://videohive.net/collections/2458050- animated-typefaces

Assim como no mundo das fontes estáticas, existem fontes animadas gratuitas. O site AEteacher traz o apanhado de algumas para quem quer começar a se aventurar no mundo animado dos tipos. Você pode baixá-las aqui.  A boa notícia é que não é necessário grandes conhecimentos de After Effects para gerar uma composição. Essas fontes geralmente acompanham três arquivos: uma lincença no formato .pdf, o arquivo do AE editável no formato .ae, e um arquivo de vídeo tutorial (algumas não acompanham este último mas fazem alguns comentários no arquivo editável). Como as letras já estão animadas em composições diferentes dentro do arquivo editável do AE, tudo o que você terá que fazer é arrastar as letras que desejar para uma nova composição e organizá-las de modo que preferir e voilá, sua chamada tipográfica estará feita! Para demonstrar a facilidade de gerar sua própria composição criamos uma chamada para o Tipo da Fonte, com a estonteante Franchise.

Agradando nossos amigos programadores afirmo que fontes animadas não é exclusividade do mundo dos designers. Não mais! O motivo disso é que o site anitype.com convida programadores java a pensarem em tipos de animação para tipos. No site, você pode encontrar toda a documentação relacionada ao assunto, além de contar com um mural que exibe as entradas dos mais variados programadores/animadores. Agora, é só por a mão no código!

Referências:

Site do Anitype, dedicado a animação de tipos através da linguagem java, via website. – http://www.anitype.com/

AE teacher – site que conta com um acervo de recursos gratuitos para After Effects, além de tutorias e muitos artigos relacionados a área de motion graphics, voltados pro AE – http://aeteacher.com/free-animated-typefaces.html

Animography, considerado a primeira fundição tipográfica para fontes animadas – http://animography.net/products/franchise

30 exemplos de kinect typography que você precisa ver! – http://www.creativebloq.com/typography/examples-kinetic-typography-11121304

Vide Hive – loja de recursos para After Effects, com sessão dedicada a tipografia animada – http://videohive.net/collections/2458050-animated-typefaces

Matéria do blog Moopz.com que entitula a Animography como possivelmente a primeira fundição tipográfica dedicada a fontes animadas – http://moopz.com/http://thenextweb.com/dd/2012/07/09/this-may-be-the-first-type-foundry- dedicated-solely-to-animated-typography/

Artigo do The Font Feed sobre Animography – http://fontfeed.com/archives/animography-animates- alphabets/

Video de demostração da versão gratuita da fonte ANODINE, com link para download no canal do designer Nicolas Lichtle – https://vimeo.com/38873340

Matéria do Creators Project sobre a criação da fonte Franchise Animated – http://thecreatorsproject.vice.com/blog/motion-designers-from-around-the-globe-unite-to- animate-a-new-typeface

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s