Typographie - Photofiltre 7/X Studio ~ Photoshop CS6

Reposez les pop-corns, les chips, le coca et le chihuahua, éteignez la télé et la musique, cessez immédiatement ce que vous êtes en train de faire, on s'attaque à du LOURD!

I/ Késako?

La typographie, ou plus couramment appelée typo dans le jargon, c'est tout bêtement le texte et ses effets. Ça peut aller du truc le plus basique...

au plus travaillé:


Nous allons voir à travers ce tuto toutes les utilisations que l'on peut faire de la typo.

II/ Typo principale
Ou la plus employée. Par exemple:


Ici, "KeyRymz" est la typo principale. C'est celle que l'on voit en premier lieu. C'est un élément à part entière du montage.

III/ Typo d'accompagnement.
Reprenons l'exemple précédent.
Que distinguez-vous sur la gauche? Quelques mots, à peine lisibles, tels que "Bitters", "She is the one I"... C'est la typo d'accompagnement. Contrairement à la typo principale, elle fait partie du fond. Elle a le même rôle qu'un brush, sauf que c'est un texte. Elle peut-être obtenue à partir d'une image, ou bien de l'outil texte.

IV/ Police
La police, c'est quoi? C'est la forme du texte. Par exemple, la police de ce texte est Arial. Si l'on devait classer les polices en grandes catégories, il y aurait:
-Basique (Arial, Time New Roman...)
-Script (Vivaldi, Brush Script...)
-Gothique (Old London, Germanica...)
-Brush (Jellyka - Evan & Estrya, Angelic War...)
-Symbole (Open Symbol, Marlett...)

Vous pouvez télécharger de nouvelles polices sur Dafont.com . Voici rapidement comment faire (sous Windows; si quelqu'un sait le faire sous Mac, qu'il se fasse connaître :3):
-Sélectionnez une catégorie.
-Choisissez une police qui vous plaît.
-Appuyez sur "télécharger".
-Une fois le téléchargement exécuté, ouvrez le fichier zip.
-Ouvrez le panneau de configuration, partie Police.
-Faites glisser les fichiers dans le zip vers la fenêtre "Police" (sauf les fichiers .jpg, .txt et .png)
-O miracle! La police est installée, prête à l'emploi!

V/ Différents effets

Après la théorie, place à la pratique! Je vais vous montrer plusieurs effets de typos pour vos graphs, des plus simples aux plus fastidieux. C'est parti? C'est parti!

1. Dégradé/Contour blanc
Photofiltre 7 min.

Un joker. Un grand conseil, quand vous savez pas quoi mettre, ben mettez ça. Ça marche toujours, c'est sympa et facile à faire.

-Ouvrez un nouveau document.
-Écrivez un texte.

-Réouvrez l'outil texte, et cliquez sur "Transformer en sélection".
-Placez la sélection sur votre texte.
-Créez un nouveau calque, sous votre texte, puis sélectionnez-le. Resélectionnez. Faites clic droit, puis allez dans contour/remplissage. Désactivez remplissage, puis allez dans contour et choisissez la couleur blanche. Puis, déterminez l'épaisseur que vous voulez. Et validez.

-Créez un nouveau calque, au dessus du texte. Resélectionnez, puis allez dans "dégradé". Choisissez "bicolore", puis "de haut en bas". Indiquez vos couleurs, et validez.

Et voilà! Ça rend bien, hein?

2. Contour dégradé/ Rappel de texte
Photofiltre 7 min.

Nous sommes sur quelque chose de plus délicat. Ce tuto est fait pour des montages plus élégants que captivants. Néanmoins, c'est très passe-partout.

-Ouvrez un nouveau document.
-Écrivez un texte, en police de type script.

-Créez un nouveau calque, sous votre texte, puis sélectionnez-le.
-Ouvrez de nouveau l'outil texte, puis faites "Transformer en sélection".
-Faites clic droit, contour/remplissage, décochez remplissage et faites un contour dans la couleur de votre choix d'épaisseur 2.

-Sélectionnez le contour avec la baguette magique, puis allez dans dégradé; choisissez monochrome, et de haut en bas, avec la couleur du texte initial.

Bien sûr, ça rend mieux en couleur, mais même comme ça, j'aime bien :3

3. Motif
Photofiltre 7 min.

Attention, cet effet est à utiliser en petites quantité, et sur des polices SIMPLES, sinon, il surcharge le graph et rend mal.

-Ouvrez un nouveau document.
-Écrivez un texte. Dans l'onglet "Effet", cochez "contour" et "motif de remplissage"; puis choisissez dans votre bibliothèque un motif de type PATTERN. C'est très important sinon ça va faire moche.
Validez.


4. Ombres/Quadrilatères
Photofiltre 7 min.

Cet effet est très voyant; ce qui signifie que le graph doit être neutre afin de compenser. Il est préférable qu'il soit dans les tons clairs.

-Ouvrez un nouveau document.
-Écrivez un texte en blanc. Ajoutez-lui une ombre de la couleur de votre choix, vive de préférence. Il faut qu'elle soit plate, avec les valeurs X:2; Y:0, opacité 80 %

-Créez un nouveau calque, sous le texte. Puis sélectionnez-le, et passez-le en mode couleur.
-Tracez avec l'outil polygone un quadrilatère, mais pas un rectangle. Il ne doit pas englober entièrement le texte. Remplissez ce quadrilatère avec une couleur  plus ou moins opposée à la couleur de l'ombre du texte (vive de préférence).

Superposez-en plusieurs! C'est le but de cet effet!


J'espère que tout cela vous aura plu!
Si jamais ce topic a du succès, je posterais bien sûr d'autres tutos (j'en ai pas mal en réserve), notamment l'effet métallisé de tout en haut ^_^


A suivre?

Je viens de voir ton premier tuto et grace a celui-ci si je veux me mettre à grapher je sais que je peux faire n'importe quel texte ^^

Sympa le tuto des typos. J'en apprend un peu plus sur le graph'. De ce que je savais déjà faire !

Mici pour ce tuto c'est pratique et ça remplit cette section

Tes deux tutos sont très bien faits, merci du partage ^^

Encore merci pour le partage. Je vais peut-être re-poster dans ma galerie grâce à toi.

Y a vraiment pas de quoi, je suis ravie que ça vous fasse plaisir! Bon ben du coup je vais faire une suite avec des trucs plus "spécifiques" ^^

5. Incrustation
Photofiltre 7 min.

Un peu plus complexe que les précédents, mais simple quand même. Cette typo permet de faire passer une typo principale en accompagnement, tout en la maintenant attractive.

-Ouvrez un nouveau document.
-Écrivez un texte, dans une police de préférence brush mais pas trash. En gros, comme ceci:

-Créez un nouveau calque, au dessus du texte.
-Réouvrez l'outil texte, et transformez votre texte initial en sélection.
-Faites clic droit, contour/remplissage, et sur votre calque vierge, sélectionnez un contour de la même couleur que le texte initial, épaisseur 1. Placez le contour 3 pixels à gauche du texte environ.

-Convertissez le texte en sélection. Puis, sélectionnez le contour; choisissez le calque du texte et effacez.

-Fusionnez les deux calques et passez en mode Couleur.


Pour faire durer le plaisir, je posterai la suite des tutos au fur et à mesure ^_^ En tout il y en a 9!