7 minutos lidos
animações de tipografia têm sido extremamente populares por muitos anos, e podemos vê-los em todos os lugares, desde aberturas de filmes A comerciais de tv. Eles também foram amplamente adotados por web designers e usados massivamente no design de sites e exibição de banner.
a razão pela qual o tipo cinético é tão amado pelos designers é que ele fornece infinitas possibilidades criativas, é atraente e pode transmitir mensagens poderosas.
o que é a tipografia animada?
tipografia cinética ou tipografia animada, refere-se a qualquer tipo de texto em movimento, seja aquele texto que se move lentamente, se expande, encolhe ou se transforma em algo mais. Letras animadas são muito mais atraentes do que texto estático.
as animações de texto são utilizadas para:
- enfatize o Significado de um texto e
- para transmitir uma mensagem cheia de emoção.
- ele também tem o potencial de pegar a atenção de um espectador e impactá-lo em uma grande maneira.
e agora, eu convido você a passar por uma seleção de animações de tipografia legal. Cada um deles é uma grande oportunidade para você aprender algumas novas técnicas e descobrir idéias criativas surpreendentes. Alguns deles podem deslumbrar-te!
10 exemplos de incrível tipografia animada
1. A morfagem é uma das técnicas mais usadas na tipografia cinética para criar a tipografia de movimento. É simples e atraente. Além disso, pode ajudar designers a promover uma mensagem importante ou fazer uma declaração.
Artista: Holke79
2. Texto cintilante, pelo contrário, não é algo que você vai encontrar muito frequentemente. É preciso realmente ter um dom para escolher palavras, a fim de usar a cintilação como texto animado. Poucas palavras lá fora funcionam tão bem com esta técnica, como “onde” e “aqui” funcionam.
Artista: Christos Baltaszis
3.O texto hipnotizante nunca passará despercebido. É para se destacar e impressionar. E hipnotizar.
Artista: Cecilia Erlich
4.Mover texto, ou é da direita para a esquerda ou para cima para baixo, também é espetacular, especialmente quando a técnica é emparelhada com palavras apropriadas. Como você vê neste exemplo, este efeito de animação foi usado para enfatizar o significado das palavras e surpreender o espectador.
Artista: Siddhart Mate
5. Desenhar a carta de texto por carta não é algo novo, mas tudo depende de como você faz isso, que Fontes você usa e outros elementos gráficos complementares. Este exemplo mostra até que ponto se pode ser criativo com uma mensagem simples como “silêncio de uma floresta”. Por um lado, o artista usou este Verde sedento, por outro, fez com que a palavra “floresta” parecesse um pinhal! E para não falar da folha subtil que cai em cima de”i”!
Artista: Chesca Acpal
6.Construções geométricas são a nova sensação de tipografia animada. Esta técnica de animação tipo é moderna e legal e pode ajudar os criativos a promover uma tecnologia ou marca urbana como nenhuma outra.
Fonte: Animography
7.Geometria fluida é um novo tipo de técnica de animação tipográfica e é esplêndido! Tem um ar urbano e um dinamismo fluido.
Fonte: Animography
8. Você pode nunca ter ouvido falar de construções de textura, mas elas existem. Aqui está a prova:
esta técnica de animação constrói as camadas e textura das letras simultaneamente para um efeito verdadeiramente artístico.
Fonte: Animografia
9. Morfagem complexa é outra forma de chamar a atenção para a sua mensagem. Adoro como estes símbolos de Londres criam o nome da cidade. Você pode até mesmo reconhecer cada edifício individual!
Fonte: Giphy
- animações Gráficas incluem a presença de gráficos e ilustrações. Este é um tipo mais complexo de texto animado, mas vale totalmente a pena.
Fonte: Giphy
11. A montagem dinâmica do texto pode contar uma história, mesmo quando não há imagens. Pausa por um momento e dê uma olhada no exemplo abaixo para entender como timing, pausa e a aparição abrupta de texto pode criar emoção e um enredo.
fonte:tratamentos de conteúdo
12. Neon flickering é usado com bastante frequência em anúncios para bares e pubs. O efeito é extremamente fácil de criar e garante que sua mensagem vai ser notado.
Artista: Margaret Fu
13. A tipografia Dash é moderna e simples e pode introduzir uma mensagem de uma forma elegante.
Fonte: Gifer
14. As letras criativas podem surpreender toda a gente. Basta olhar para este morcego voador W. O morcego é totalmente uma marca de Halloween, então a associação entre os dois vem naturalmente.
fonte:sinopse Digital
15. Cartas ilustradas que formam uma palavra existem há muitos anos, mas ainda são cativantes e surpreendentes.
origem: Hackernoon
16. A animação de typography efeito scrabble pode ajudá-lo a criar a sua mensagem de uma forma dinâmica e surpreendente.
Artista: Maxym Zacharyack
17. Morfar formas geométricas pode enfatizar sua história e criar uma atmosfera única.
Fonte: MVDC Projeto
18. Letras animadas criativas em palavras estáticas, isso é algo que ninguém espera. Esta combinação de letras estáticas e animadas é realmente interessante porque você pode focar sua mensagem em uma única letra.
Artista: Mindaugas Dudenas
19. Animação de tipografia acelerada é usada para criar um efeito visual deslumbrante e transmitir uma história rápida. Como podemos ver neste exemplo, esta animação fala sobre quantos shots de tequila alguém bebeu. Deixa-te um pouco tonto.
Fonte: Giphy
20. Cartas animadas cheias de emoção. Isto não é bem um efeito de animação, mas sim uma técnica criativa. Este ” eu ” tremendo transmite tanta emoção, que quase podemos simpatizar com ele!
Artist: Vlado Paunovic
How to create your own cool typography animations
Eager to try and create a cool typography animation? Em Creatopy você pode criar um em apenas alguns minutos. Aqui está um que criei em cerca de 5 minutos.:
Curious? Se você quiser criar uma tipografia cinética visual agora mesmo em Creatopy, Inscreva-se na sua conta (ou inscreva-se gratuitamente) e siga estes passos:
- vá para criar e carregue no botão, ou simplesmente seleccione o seu tamanho desejado na página de pesquisa.
- selecione um fundo para o seu visual. Pode ser uma cor, textura, padrão ou foto de estoque, já disponível na Creatopia. Ou podes enviar uma foto tua. Vou ilustrar o processo usando o fundo azul que escolho para o meu visual.
- então, adicione a sua mensagem. Vá para o menu do lado esquerdo e carregue na página Texto. Selecione um dos tamanhos de texto disponíveis, ou escolha um modelo de tipografia predefinido e apenas substitua o texto existente pelo seu próprio.
aqui está a predefinição de tipografia que eu escolher. É estático padrão, mas você pode facilmente animá-lo. Eu mostro-te como.
- você pode criar um efeito animado rápido usando a nossa ferramenta de animação mágica que está na barra de menu, último na lista. No entanto, se você quiser criar um efeito surpreendente e mais atraente, você terá que personalizar cada uma das suas palavras usando a visão de linha do tempo.
clique no botão Linha do tempo, para permitir a visualização da linha do tempo para que você possa ver todos os seus elementos bem em camadas e organizados.
em seguida, clique em cada caixa minúscula no início de cada camada de texto e você verá um menu de contexto das animações incorporadas disponíveis. Tente cada um deles para ver qual funciona melhor com o seu texto e, em seguida, defina a duração do efeito de animação simplesmente arrastando as margens direita da caixa à direita.
repita esta ação para cada uma das palavras no seu visual.
para um efeito animado contínuo, mude a configuração de looping de uma vez para sempre ou para quantas vezes você gostaria que a animação tocasse.
depois, carregue no botão Tocar que está em cima do painel de instrumentos para verificar o seu trabalho.
- Agora que você terminou de animação de texto, você pode baixar o seu trabalho, em HTML, AMP, MP4, e o formato GIF.
é isso! Devagar. Faça com que as suas palavras ganhem vida com a tipografia do movimento!
agora você sabe mais sobre animações de tipografia e, com sorte, você se sente mais confiante para iniciar o seu projeto de tipografia animada. Se você está tentando criar um visual de publicidade ou um material promocional DIY para o seu blog, Creatopy pode ajudá-lo a projetar textos impressionantemente animados em minutos!