[Moyen] - Styliser des typos pour un header (5 façons)
Ven 29 Mar 2019 - 4:14
- Moses.Administrateur
- Date d'inscription : 25/02/2019
Messages : 454
Age : 27
Crédit : Moses.
Localisation : Alsace
Tutoriel
Styliser des typos (5 façons)
Moyen - Moses.
Moyen - Moses.
A quoi ça sert ?
Pas toujours facile de bien intégrer sa police dans sa création ! Voici 6 exemples de comment styliser votre texte afin de faire des headers du feu de Dieu.
Bonjour ! Pour ce second tuto, faisant suite à Comment choisir sa police ?, je vais vous apprendre quelques techniques afin de styliser le texte. Voici les 5 effets que nous allons voir ensemble dans ce tutoriel.
Pour la plupart de ces textes, tout se passe dans l’éditeur de style. Pour y accéder cliquer ici :
Annabel - Lettres dorées
- Spoiler:
>> Télécharger la police https://www.dafont.com/annabel.font
Attention ! Les options données sont prévues pour un texte écrit en 16, sur un fichier de 300 de résolution. Il vous faudra certainement ajuster quelques points à votre taille d’écriture.
1/ Ecrire |Placer le texte, écrit en blanc, à la taille et place souhaitée. Cette police n’est pas compatible avec les accents, mais elle contient tous les signes de ponctuation.
2/ Ouvrez l'éditeur de style |
« Biseautage et estampage » : C’est ce qui va donner le relief à votre police.
A quoi est-ce que ça correspond ? Je vous encourage de tester un peu tout afin de comprendre ce que chaque ligne modifie. Cependant, pour cet effet relief et donné, l’opacité du noir ainsi que la « taille » permettent de donner plus ou moins de relief. La forme du contour brillant peut également être modifié afin d’obtenir différents effets de lumière.
« Lueur interne » : Faculatif. Permet de rajouter un dose de couleur plus claire.
« Incrustation couleur » : adaptez la couleur que vous désirez, option de fusion « couleur » avec une opacité de 85%.
« Incrustation dégradé » : Permet de donner un peu plus de relief et brillance à votre police, la rendre moins uniforme. Pour créer votre propre dégradé, double-cliquez sur l’aperçu de ce dernier. Ici, il n’y a que deux oranges foncé sur les côtés et un jaune plus clair au centre.
« Incrustation de motif » : Facultatif. Si vous posséder des motifs sympas, vous pouvez ajouter un petit effet abîmé à vos lettres.
« Lueur externe » : Afin de mieux séparer votre texte du fond.
« Ombre porté » : Là, vos réglages dépendent beaucoup du fond. Le but est de séparer un peu votre texte et de le rendre lisible si jamais le fond est d’une couleur trop proche. Vous pouvez en mettre différentes couches, de différentes couleurs, au besoin.
Et voilà pour cette police ! Je trouve qu'elle est particulièrement adaptée aux forums med-fan ou médiéval.
Scorched Earth - Sortant de la pierre
- Spoiler:
>> Télécharger la police https://www.dafont.com/fr/scorched-earth.font
>> Télécharger la texture https://www.brusheezy.com/patterns/36937-12-seamless-flat-rock-textures
Attention ! Les options données sont prévues pour un texte écrit en 16, sur un fichier de 300 de résolution. Il vous faudra certainement ajuster quelques points à votre taille d’écriture.
1/ Ecrire |Placer le texte, écrit en blanc, à la taille et place souhaitée. Cette police n’est pas compatible ni avec les accents ni avec les signes de ponctuations.
2/ Ouvrez l'éditeur de style |
« Biseautage et estampage » : C’est ce qui va donner le relief à votre police.
A quoi est-ce que ça correspond ? Je vous encourage de tester un peu tout afin de comprendre ce que chaque ligne modifie. Les couleurs du bas doivent être accordé avec votre fond pour un meilleur effet. Pour le contour, choisissez l'option que vous le souhaitez.
« Ombre interne » : Donne un peu de texture
« Lueur interne » : Pareil, donne un peu de texture au texte
« Incrustation couleur » : facultatif, peut vous permettre de corriger un peu la couleur du rendu final.
« Incrustation dégradé » : Permet de donner un peu plus de relief à votre police, la rendre moins uniforme. Pour créer votre propre dégradé, double-cliquez sur l’aperçu de ce dernier. Ici, il n’y a que trois types de gris, réparti irrégulièrement.
« Incrustation de motif » : Utilisez un des motifs téléchargés afin de garder ce côté "pierre".
« Lueur externe » : Afin de mieux définir le texte
Et voilà pour cette police ! L'effet peut être ajusté à votre convenance, je souhaiter juste vous montrer rapidement que d'autres effets étaient possibles :)
Teko - Retro-futuriste
- Spoiler:
>> Télécharger la police https://www.1001fonts.com/teko-font.html
Attention ! Les options données sont prévues pour un texte écrit en 18, sur un fichier de 300 de résolution. Il vous faudra certainement ajuster quelques points à votre taille d’écriture.
1/ Ecrire |Placer le texte, écrit en blanc, à la taille et place souhaitée. Bonne nouvelle : cette police est compatible avec toutes les marques de ponctuations et accents.
2/ Ouvrez l'éditeur de style |
« Biseautage et estampage » : C’est ce qui va donner le relief à votre police.
A quoi est-ce que ça correspond ? Je vous encourage de tester un peu tout afin de comprendre ce que chaque ligne modifie. Je vous conseille une première couleur un peu plus flashy et une seconde noir/grise.
« Incrustation en dégradé » : Le but est d'obtenir cette ligne plus clair au milieu. Sur l'image, je vous ai mis un exemple de dégradé, mais c'est adaptable à n'importe quelles couleurs.
« Ombre externe » : Nous allons en faire deux. Une première, noire, afin de rajouter du relief et une seconde, flashy, afin de donner un effet néon. Cliquer sur le + a gauche, à côté de "ombre externe" pour pouvoir en rajouter une seconde.
Et voilà pour cette police ! Perso, j'adore cet effet mais j'ai peu l'occasion de l'utiliser.
Go Bold - adaptable à tous les styles
- Spoiler:
>> Télécharger la police https://www.dafont.com/gobold.font
Attention ! Les options données sont prévues pour un texte écrit en 14, sur un fichier de 300 de résolution. Il vous faudra certainement ajuster quelques points à votre taille d’écriture.
1/ Ecrire |Placer le texte, écrit en blanc, à la taille et place souhaitée. Bonne nouvelle : cette police est compatible avec toutes les marques de ponctuations et accents.
2/ Ouvrez l'éditeur de style |
« Biseautage et estampage » : C’est ce qui va donner le relief à votre police.
A quoi est-ce que ça correspond ? Je vous encourage de tester un peu tout afin de comprendre ce que chaque ligne modifie.
« Incrustation couleur » : La couleur que vous souhaitez ! Si vous le préférez, vous pouvez la rendre translucide et ajouter une incrustation motif en dessous.
« Ombre externe » : Une seule, assez peu visible, juste pour séparer le texte du fond
4/ Dupliquez le calque | C'est là que ça change un peu des autres polices. Faites un clic droit sur le calque du texte et dupliquer le.
5/ Ajouter un effet flou | Filtre -> flou -> flou de mouvement
6/ Placer le reflet| Inversez le (edition => transformation => symétrie axe vertical) et déplacez le en dessous du premier calque. Jouez sur l'opacité si besoin.
Et voilà pour cet effet ! Il est adaptable à beaucoup de polices et de thème.
Angry Chalk - Horreur
- Spoiler:
>> Télécharger la police https://www.dafont.com/angrychalk.font
Attention ! Les options données sont prévues pour un texte écrit en 18, sur un fichier de 300 de résolution. Il vous faudra certainement ajuster quelques points à votre taille d’écriture.
1/ Ecrire |Placer le texte, écrit en blanc, à la taille et place souhaitée. Attention : celle police ne prend ni les accents ni les tirets et apostrophes. Cependant, elle est compatible avec la plupart des signes de ponctuation (?:;.!).
2/ Ouvrez l'éditeur de style | La police est déjà assez stylé, notre but est juste de l'intégrer au fond.
« Lueur interne » : C’est ce qui va donner un peu de relief et texture. Le dégradé est simplement fait de deux couleur.
« Incrustation couleur » : Celle que vous voulez. Vous pouvez jouer sur l'opacité et ajouter une incrustation motif, mais ça ne ressortira pas beaucoup sur cette police.
« Ombre externe » : Ici, j'ai choisi d'en faire une blanche pour l'accorder avec mon fond, mais cela peut être différent pour vous ! Je vous conseille une couleur légèrement plus clair que le fond et une ombre avec une taille assez large afin d'obtenir un effet diffus.
Et voilà pour ce dernier style. Il est plus simple que les autres, mais parfois les polices n'ont pas besoin de plus pour être jolie sur vos créations.
Et voilà pour ces 5 effets très différents. J'espère vous avoir aidé à dompter un peu le style. Et surtout, si jamais vous obtenez un effet qui vous plaît, n'hésitez pas à enregistrer le style (a droite de l'éditeur de style) afin de pouvoir le réutiliser en un clic... Mais ça, ça sera l'objet d'un prochain tuto ;)
- Un merci et vos retours sont toujours appréciés ! -
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|