7 minutes lues
Les animations typographiques sont extrêmement populaires depuis de nombreuses années, et nous pouvons les voir partout, des ouvertures de films aux publicités télévisées. Ils ont également été largement adoptés par les concepteurs de sites Web et utilisés massivement dans la conception de sites Web et la conception de bannières d’affichage.
La raison pour laquelle le type cinétique est si aimé par les concepteurs est qu’il offre des possibilités créatives infinies, qu’il est accrocheur et qu’il peut transmettre des messages puissants.
Qu’est-ce que la typographie animée ?
Typographie cinétique ou typographie animée, désigne tout type de texte en mouvement, que ce soit ce texte qui se déplace lentement, se dilate, se rétrécit ou se transforme en autre chose. Les lettres animées sont bien plus attrayantes que le texte statique.
Les animations de texte sont utilisées pour:
- Soulignez le sens d’un texte et
- Pour transmettre un message rempli d’émotions.
- Il a également le potentiel d’attirer l’attention d’un spectateur et de l’impacter de manière significative.
Et maintenant, je vous invite à parcourir une sélection d’animations typographiques sympas. Chacun d’eux est une excellente occasion pour vous d’apprendre de nouvelles techniques et de découvrir des idées créatives incroyables. Certains d’entre eux pourraient vous éblouir!
10 exemples de typographie animée étonnante
1. Le morphing est l’une des techniques les plus utilisées en typographie cinétique pour créer une typographie en mouvement. C’est simple et accrocheur. En outre, il peut aider les concepteurs à promouvoir un message important ou à faire une déclaration.
Artiste: Holke79
2. Le texte scintillant, au contraire, n’est pas quelque chose que vous trouverez très souvent. Il faut vraiment avoir un flair pour choisir des mots afin d’utiliser le scintillement comme texte animé. Peu de mots fonctionnent aussi bien avec cette technique, comme le font « où » et « ici ».
Artiste: Christos Baltaszis
3.Le texte hypnotisant ne passera jamais inaperçu. Il est destiné à se démarquer et à impressionner. Et hypnotiser.
Artiste: Cecilia Erlich
4.Déplacer du texte, de droite à gauche ou de haut en bas, est également spectaculaire, surtout lorsque la technique est associée à des mots appropriés. Comme vous le voyez dans cet exemple, cet effet d’animation a été utilisé pour souligner le sens des mots et surprendre le spectateur.
Artiste: Siddhart Mate
5. Dessiner le texte lettre par lettre n’est pas quelque chose de nouveau, mais tout dépend de la façon dont vous le faites, des polices que vous utilisez et d’autres éléments graphiques complémentaires. Cet exemple montre à quel point on peut être créatif avec un message simple comme « silence d’une forêt ». D’une part, l’artiste a utilisé ce vert forestier, d’autre part, il a fait ressembler le mot « forêt » à une forêt de pins! Et sans oublier la subtile petite feuille qui tombe sur le » je » !
Artiste: Chesca Acpal
6.Les constructions géométriques sont la nouvelle sensation de la typographie animée. Cette technique d’animation de type est moderne et cool et peut aider les créatifs à promouvoir une marque technologique ou urbaine pas comme les autres.
Source: Animographie
7.La géométrie fluide est un nouveau type de technique d’animation typographique et c’est splendide! Il a un air urbain et un dynamisme fluide.
Source: Animographie
8. Vous n’avez peut-être jamais entendu parler de constructions de textures, mais elles existent. En voici la preuve :
Cette technique d’animation construit simultanément les calques et la texture des lettres pour un effet véritablement artistique.
Source: Animographie
9. Le morphing complexe est un autre moyen d’attirer l’attention sur votre message. J’adore la façon dont ces symboles de Londres créent le nom de la ville. Vous pouvez même reconnaître chaque bâtiment individuel!
Source: Giphy
- Les animations graphiques incluent la présence de graphiques et d’illustrations. C’est un type de texte animé plus complexe, mais cela en vaut la peine.
Source : Giphy
11. Le montage dynamique du texte peut raconter une histoire, même lorsqu’il n’y a pas du tout d’images. Faites une pause un instant et jetez un coup d’œil à l’exemple ci-dessous pour comprendre comment le timing, la pause et l’apparition brutale du texte peuvent créer des sensations fortes et un scénario.
Source: Contentcréatures
12. Le scintillement au néon est utilisé assez fréquemment dans les publicités pour les pubs et les bars. L’effet est extrêmement facile à créer et garantit que votre message sera remarqué.
Artiste: Margaret Fu
13. La typographie Dash est moderne et simple et peut introduire un message de manière élégante.
Source: Gifer
14. Les lettres créatives peuvent prendre tout le monde par surprise. Il suffit de regarder cette chauve-souris volante W. La chauve-souris est totalement une marque de fabrique d’Halloween, donc l’association entre les deux vient naturellement.
Source: Synopsis numérique
15. Les lettres illustrées qui forment un mot existent depuis de nombreuses années, mais elles restent accrocheuses et surprenantes.
Source: Hackernoon
16. L’animation typographique effet scrabble peut vous aider à créer votre message de manière dynamique et surprenante.
Artiste: Maxym Zacharyack
17. Morphing formes géométriques peuvent mettre en valeur votre histoire et créer une atmosphère unique.
Source: Projet MVDC
18. Lettres animées créatives en mots statiques, c’est quelque chose que personne n’attend. Cette combinaison de lettres statiques et animées est vraiment intéressante car vous pouvez concentrer votre message sur une seule lettre.
Artiste: Mindaugas Dudenas
19. L’animation typographique accélérée est utilisée pour créer un effet visuel éblouissant et transmettre une histoire rapide. Comme nous pouvons le voir dans cet exemple, cette animation parle du nombre de coups de tequila que quelqu’un a bu. Ça te donne le vertige.
Source: Giphy
20. Lettres animées remplies d’émotions. Ce n’est pas tout à fait un effet d’animation, mais plutôt une technique créative. Ce « je » tremblant transmet tellement d’émotion qu’on peut presque en faire preuve d’empathie!
Artiste: Vlado Paunovic
Comment créer vos propres animations typographiques sympas
Désireux d’essayer de créer une animation typographique cool? Dans Creatopy, vous pouvez en créer un en quelques minutes. En voici un que j’ai créé en environ 5 minutes:
Curieux ? Si vous souhaitez créer un visuel de typographie cinétique dès maintenant dans Creatopy, connectez-vous à votre compte (ou inscrivez-vous gratuitement) et suivez ces étapes:
- Allez dans Créer et cliquez sur le bouton, ou sélectionnez simplement la taille souhaitée dans l’onglet recherche.
- Sélectionnez un arrière-plan pour votre visuel. Il peut s’agir d’une couleur, d’une texture, d’un motif ou d’une photo de stock, déjà disponible dans Creatopy. Ou vous pouvez télécharger une photo de votre choix. Je vais illustrer le processus en utilisant le fond bleu que je choisis pour mon visuel.
- Ensuite, ajoutez votre texte. Allez dans le menu de gauche et cliquez sur l’onglet Texte. Sélectionnez l’une des tailles de texte disponibles ou choisissez un modèle de typographie prédéfini et remplacez simplement le texte existant par le vôtre.
Voici le préréglage de typographie que je choisis. C’est statique standard, mais vous pouvez facilement l’animer. Je vais vous montrer comment.
- Vous pouvez créer un effet animé rapide à l’aide de notre outil Magic Animator qui se trouve dans la barre de menus, en dernier sur la liste. Cependant, si vous souhaitez créer un effet surprenant et plus accrocheur, vous devrez personnaliser chacun de vos mots à l’aide de la vue Chronologie.
Cliquez sur le bouton Timeline pour activer la vue Timeline afin que vous puissiez voir tous vos éléments bien superposés et organisés.
Ensuite, cliquez sur chaque minuscule case au début de chaque calque de texte et vous verrez un menu contextuel des animations intégrées disponibles. Essayez chacun d’eux pour voir lequel fonctionne le mieux avec votre texte, puis définissez la durée de l’effet d’animation en faisant simplement glisser les marges de droite de la boîte vers la droite.
Répétez cette action pour chacun des mots de votre visuel.
Pour un effet animé continu, modifiez le réglage de boucle d’une fois à une fois ou autant de fois que vous souhaitez que l’animation soit jouée.
Ensuite, appuyez sur le bouton de lecture qui se trouve en haut du tableau de bord pour vérifier votre travail.
- Maintenant que vous avez fini d’animer votre texte, vous pouvez télécharger votre travail au format HTML, AMP, MP4 et GIF.
C’est tout ! Agréable et facile.
Donnez vie à vos mots avec motion typography !
Maintenant, vous en savez plus sur les animations de typographie et, espérons-le, vous vous sentez plus en confiance pour démarrer votre projet de typographie animée. Que vous essayiez de créer un visuel publicitaire ou un matériel promotionnel de bricolage pour votre blog, Creatopy peut vous aider à concevoir des textes incroyablement animés en quelques minutes!