Ajouter des effets à la typographie peut être une source de chagrin d'amour pour les concepteurs. Les clients exigent une ombre portée ou un gaufrage, et vous êtes coincé avec des effets de texte qui risquent de ruiner un projet. Ce dont vous avez besoin est un arsenal d'effets de texte ça ne craint pas vous pouvez donc aider le client à faire pivoter quelque chose d'un peu plus chic.
Le truc à tous ces effets est de les utiliser avec objectif. Une bonne typographie n’a pas besoin de? Aide.? Si une police ne fonctionne pas seule, elle ne fonctionnera pas non plus avec un tas de techniques. (Vous ne ferez qu'aggraver les choses.)
Les meilleurs effets de texte sont presque invisibles pour les non-concepteurs. Ou les effets de texte sont utilisés pour ajouter un sens à la typographie ou au lettrage. Voici quelques astuces pour utiliser des effets de texte qui ne craignent pas avec des exemples plutôt cools.
1. Utiliser des ombres portées intentionnelles
Quoi que vous fassiez, ne cliquez pas sur le bouton Ombre portée dans le logiciel de conception et appliquez simplement les valeurs par défaut. La meilleure ombre portée est celle que vous ne voyez même pas. Il est préférable de déployer une technique d’ombre portée en tant qu’élément permettant de créer une profondeur entre les calques de texte et d’arrière-plan.
Ceci? Invisible? Le style d'ombre portée est quelque chose que vous voyez probablement en tant que concepteur lorsque vous ajoutez la technique au texte, mais il ne devrait pas être reconnaissable par l'utilisateur ordinaire. Les ombres portées sont le plus souvent utilisées de cette manière en tant qu'éléments adoucis pour créer une séparation ou pour ajouter simplement un soupçon de contraste supplémentaire entre le texte et les éléments d'arrière-plan.
Quoi que vous fassiez, ne cliquez pas sur le bouton Ombre portée dans le logiciel de conception et appliquez simplement les valeurs par défaut. Ces réglages sont rarement appropriés et ont souvent l’air amateur.
Parmi les autres techniques courantes et facilement utilisables, les ombres portées incluent des options conçues pour être vues, telles qu'une ombre à bords rigides ou une ombre superposée.
- le ombre de bord dur (photo ci-dessus) a une sensation rétro distincte qui ajoute un deuxième calque derrière le texte. Cela fonctionne mieux avec les caractères en trait épais ou en dalle.
- UNE ombre en couches crée un effet presque trois couches / tridimensionnel. Il a également une sensation rétro et fonctionne mieux avec des polices plus épaisses.
2. Aller à la mode avec une double exposition
Les images à double exposition sont une option à la mode et populaire dans les applications de conception Web et d'impression. L’effet qui place deux expositions d’images à l’intérieur du lettrage semble complexe et intéressant. Utilisé avec parcimonie ou avec la bonne image, il peut être absolument magnifique.
Vous voulez créer une double exposition cool? Nous avons une liste de 20 actions Photoshop pour en faire un jeu d'enfant. Ou Envato Tuts + propose un excellent tutoriel si vous souhaitez le faire vous-même.
3. Amusez-vous avec les accidents vasculaires cérébraux
Ajoutez du piquant aux lettres avec des traits ou des effets de trait intéressants pour plus de profondeur. Un trait large et profond peut donner une impression rétro ou même imiter le lettrage d'anciens signes. L'effet néon sur les traits ci-dessus est un excellent exemple d'utilisation d'un trait pour créer une sensation spécifique du design.
4. Utiliser des couleurs (ou une police de couleur)
Les polices de couleur sont des polices comportant plusieurs couleurs, nuances ou dégradés, textures ou transparences. Vous pouvez utiliser une police de couleur pour obtenir cet effet funky (nous en avons quelques-uns parmi ceux-ci), ou créer le vôtre.
Lorsque vous utilisez beaucoup de couleur comme effet de texte, il faut presque sur le dessus. Les choix de couleurs vives et audacieuses sont plutôt à la mode et ne choqueront pas les utilisateurs, car les gens sont habitués à les voir.
Assurez-vous simplement d’utiliser la couleur de manière intentionnelle. Faire apparaître des couleurs sur Helvetica n’est pas la même chose que de créer un effet de texte qui est l’élément visuel principal de la conception.
5. Ajouter une touche d'animation
Aucune règle ne dit que les éléments de texte doivent être statiques. Une animation dans la conception d'un site Web est une façon amusante d'ajouter un intérêt visuel.
Ajoutez également cet intérêt visuel aux éléments de texte. Lorsque vous utilisez une animation de texte, il est important de garder quelques points à l’esprit pour vous assurer que les lettres restent lisibles:
- Le mouvement doit être intentionnel
- Les lettres ne doivent pas aller trop vite
- Le texte en défilement ou en lecture automatique doit inclure un moyen d’arrêter le mouvement
- Les mots doivent toujours être lisibles, quelle que soit la taille de l'écran
6. imiter quelque chose d'iconique
Chaque fois que quelque chose devient populaire, comme la série Netflix? Stranger Things ,? les tendances du design ont tendance à imiter l'original.
Le logo néon inspiré des années 80 de la série ne fait pas exception. C’est la base des mèmes, des projets de simulation et un moyen amusant pour les concepteurs de jouer avec un nouvel effet.
Sachez simplement que la ligne entre cool et un effet de texte qui Est-ce que sucer, peut déplacer rapidement avec des techniques d'imitation. Un style peut dater rapidement un dessin. De mauvaises réplications peuvent également sembler ringardes et peuvent ne pas correspondre au projet comme prévu.
7. incorporer des formes
Création de couches et mélange de? Médiums? Cela peut être une façon amusante d’ajouter quelque chose d’un peu plus au texte. En permettant aux formes ou aux autres éléments de s’ajuster à la place d’une lettre ou de lettres, le dessin attire l’œil au fur et à mesure que les éléments se confondent.
Le truc avec cette technique est de s'assurer que l'élément qui agit comme une lettre correspond au texte. Il doit être évident que l'objet remplace une lettre spécifique pour que le dessin ne devienne pas difficile à lire.
Kasra Design, ci-dessus, fait un bon travail avec le titre principal de la vidéo ainsi que l'icône de la société, ce qui en fait un intéressant? K? en utilisant des formes.
8. Ajouter une texture
Certaines polices ont un style vintage et brouillé. D'autres peuvent utiliser une petite amélioration personnalisée pour travailler avec votre conception globale.
L'ajout de texture en tant qu'image dans une police de caractères ou en tant qu'éléments découpés dans un lettrage, comme celui présenté ci-dessus, peut rendre le dessin un peu plus tactile. La texture peut aussi faire ressortir un peu le texte.
L'exemple ci-dessus inclut deux types de texte texturé:
- Lettres avec des bits découpés pour leur donner un aspect un peu plus rugueux ou vintage
- Lettres transparentes avec l'arrière-plan visible
9. Créer un personnage personnalisé
Lorsqu'il s'agit de créer un effet de texte soigné, l'ajustement naturel est le marquage. Les marques peuvent en fait modifier ou ajuster un caractère afin d'inclure un caractère personnalisé pour un lettrage mémorable.
Ce n'est pas une technique à prendre à la légère. Créer une lettre ou modifier un caractère doit être fait avec soin. Dans la plupart des cas, vous souhaiterez travailler avec un typographe (de préférence le créateur de la police) pour obtenir les meilleurs résultats.
Cet effet de texte devrait être utilisé dans les cas les plus économes.
10. Laisser le lettrage seul
Tout ce que vous avez à faire pour maximiser l’impact est de choisir une police de caractères qui corresponde au ton de la messagerie du projet. Parfois, les meilleurs effets de texte n'utilisent aucun effet. Avec suffisamment de contraste dans la forme, la taille et la couleur, les éléments de texte et l'arrière-plan ont une séparation naturelle.
L'absence d'utilisation d'un effet de texte peut s'avérer plus difficile que l'ajout de techniques permettant d'améliorer la lisibilité ou de renforcer le contraste. Vous devez planifier tous les éléments avec précision pour vous assurer que les éléments fonctionnent ensemble et que les polices de caractères sont audacieuses, ou sombre sur clair, ou que les combinaisons claires sur sombres sont les plus lisibles.
L'Université d'Essex fait preuve d'audace en proposant une police de caractères épaisse sur un arrière-plan vidéo plus sombre qui sort presque du design. Et la meilleure partie? Pas un seul? Amélioration? au texte.
Conclusion
Le problème avec les effets de texte est que ces "tendances"? allez et allez vite. (Vous vous souvenez de tout le long texte d'ombre il n'y a pas si longtemps?) Les effets de texte épais peuvent donner un aspect vieilli au dessin, soyez donc prudent, à moins que ce ne soit le look que vous souhaitez.
Et rappelez-vous que la subtilité joue en votre faveur. Si vous pouvez voir cette ombre portée, c'est probablement trop (et ça craint vraiment). Réduisez-le ou recherchez un autre moyen d'obtenir l'aspect que vous essayez de créer.