Voici un tutorial expliquant le jeu de typographie très largement utilisé dans le monde de la pub notamment sur des affiches d’allure « design ». Vous allez le voir, la méthode est simple et le plus souvent se base sur une police de caracètres en majuscule et sans serif. Dans mon exemple j’ai utilisé la font « Sensation » téléchargeable gratuitement sur le site dafont.com à cette adresse : http://www.dafont.com/theme.php ?cat=501&page=1&nb_ppp_old=10&text=DESIGN&nb_ppp=10&psize=m&classt=pop
Pour les curieux voici le fichier source Photoshop utilisé dans ce tutorial :

ETAPE 1
J’ouvre le logiciel Photoshop et je crée un nouveau document (fichier > nouveau) puis avec la police « Sensation », je crée mon premier texte, c’est sur celui-ci que je vais baser mon jeux de typo, alors choisissez de préférence un mot avec plus de 5 lettres.

ETAPE 2
J’ajoute un second mot que je fais varier de taille pour qu’il vienne s’adapter parfaitement à la taille d’une lettre (voir ci-dessous).

ETAPE 3
Je peux également ajouter deux mots sur une même lettre comme ci-dessous.

ETAPE 4
Et oui horizontalement ça marche aussi, on évite pour le moment d’utiliser du texte en diagonale.

ETAPE 5
Et ainsi de suite.... je remplis mon document (pas trop quand même, il faut que sa reste lisible ; )

ETAPE 6
Je crée un dossier dans la fenêtre des calques et je place l’ensemble des mes textes dans ce dossier. Ainsi il ne me reste plus qu’à cliquer sur le dossier et faire Ctrl + T pour pouvoir faire pivoter dans le même sens l’ensemble des calques textes.

ETAPE 7
Avec l’outil « pot de peinture », je remplis l’arrière plan de mon image.

ETAPE 8
En utilisant un brush, je commence à blanchir les zones où se trouve le texte.
Les formes des pinceaux utilisées dans ce tutorial sont téléchareable gratuitement ici : http://www.brusheezy.com/brush/959-Slpashes

ETAPE 9
Jusqu’à ce que chaque lettre soit sur fond blanc.

ETAPE 10
Avec ces mêmes brushs, je peux ajouter des taches noires.

ETAPE 11
Et enfin je crée un nouveau calque juste au dessus de mon arrière plan et je le remplis d’un dégradé très sombre afin de faire ressortir le texte !
Et voila ! ma carte est terminée, je peux l’envoyer à l’imprimeur et distribuer mon flyer pour promouvoir ma super compétition de skate ! Pas mal mais surtout très simple, non ?

Si jamais vous rencontrez un problème, utilisez les commentaires ci-dessous, mais si vous avez réussis à faire ce tutorial jusqu’au bout, vous pouvez publier votre image en utilisant la galerie et le formulaire disponibles en haut de page.
-
Effet de typographie sans serif
13 novembre 2008 18:20, par biker82
j’ai toujours adoré les effets typo simple, juste avec du placement de texte.
j’aime beaucoup, mais à la fin je trouve ça un poil trop surchargé..
mais très beau boulot quand meme !
Répondre à ce message
-
Effet de typographie sans serif
13 novembre 2008 18:53

voila pour ma part^^tuto sympa comme toujours^^
Répondre à ce message
-
Effet de typographie sans serif
14 novembre 2008 17:42, par ALx
Très bon tuto ! J’adore le rendu ( :
Répondre à ce message
-
Effet de typographie sans serif
14 novembre 2008 23:07, par Subaru192
Bon tutoriel ! L’effet est sympa ^^
Voici ma petite version : 
Répondre à ce message
-
Effet de typographie sans serif
15 novembre 2008 12:06, par Len
sympa comme tout ^^
et facile a modifier par la suiteà sa guise
Répondre à ce message
-
Effet de typographie sans serif
16 novembre 2008 12:06
Beau tuto mais je ne trouve pas la police Sensation sur Dafont ? Où peut on la trouver ?
Merci et bravo
Répondre à ce message
-
Effet de typographie sans serif
16 novembre 2008 12:16, par GuilleW
Super ! un bon tuto comme on les aime : Simple et efficace. Merci Wonka.
Répondre à ce message
-
Effet de typographie sans serif
16 novembre 2008 15:06, par SOoruze
Magnifique tuto  Merci Wonka !!
Répondre à ce message
-
Effet de typographie sans serif
19 novembre 2008 02:26, par Job
Mais pourquoi tant de morts ?

Hahahaha...
Et merci pour le tuto !
Répondre à ce message
-
Effet de typographie sans serif
21 novembre 2008 00:00, par al
j’ai passé mon dimanche apres-midi sur ce tuto.(chouette moment)
merci wonka. que les dieux de la création et de l’inspiration continuent à veiller sur toi. car, en ce qui me concerne, y a longtemps qu’il m’ont oublier.@+
Répondre à ce message
-
Effet de typographie sans serif
22 novembre 2008 01:08, par al
-
Effet de typographie sans serif
28 novembre 2008 10:40
sympa le tuto , j’aime bien la typo 
par contre , la typo se nomme « sansation » avec un « a » , c’est étrange mais bon c’est comme ça ^^
voila ma ptite créa faite à l’arrache !

Répondre à ce message
-
Effet de typographie sans serif
1er décembre 2008 04:12, par Girou
Super tuto simple et efficace !
bravo !
Répondre à ce message
-
Effet de typographie sans serif
4 décembre 2008 00:47, par Ty2008
Tout d’abord je tiens à te féliciter Wonka. Car non seulement ce tutoriel est efficace, mais en plus il a le mérite d’être clair et simple. Ce qui une fois de plus rend ton tutoriel abordable à tout le monde, quelque soit la connaissance que l’on peut avoir de PhotoShop. Il est bien évident que certains le personnaliseront suivant leurs connaissances plus ou moins approfondies de PhotoShop, mais je trouve qu’en général tous les résultats qui ont été téléchargés dans la galerie rendent excessivement bien  Encore donc toutes mes félicitations et une bonne continuation dans tes tutoriels.
Répondre à ce message
-
Effet de typographie sans serif
4 décembre 2008 12:41, par kom1dune
Ça a tellement plu à mon client que j’ai décliné toute sa nouvelle communication visuelle en partant de ce tuto...

Merci Wonka !!!
Où faut-il que je te reverse une partie de ce que j’ai touché pour ces boulots ??? (lol)
Répondre à ce message
-
Effet de typographie sans serif
22 janvier 2009 15:36, par Mofo

Salut, voilà ma petite composition.
je me suis donc inspiré de ce tutoriel.
Merci Wonka
A+
Répondre à ce message
-
Effet de typographie sans serif
26 juin 2009 22:22, par SpaceR
Merci pour le tuto 
V’la c’que j’ai fais :
Répondre à ce message
-
Effet de typographie sans serif
3 décembre 2009 09:04, par jeanne
c’est simpa et pluto efficace,mais avec certaine tache de peinture trop importante on ne li pas assez vite l’affiche,enfin certaine lettres sont troublées par des taches de la mm couleur.
une élève d’STI Arts appliqués
Répondre à ce message
-
Effet de typographie sans serif
21 mars 10:36, par Raihau
Franchement, je sais pas comment créer le dossier pour mettre les textes dedans :s need help
Répondre à ce message
-
Effet de typographie sans serif
25 mars 22:56, par OK12
Merci pour ce tuto
mais les burshes ne sont pas compatible a Ps cs4 ....
Répondre à ce message
-
Effet de typographie sans serif
5 avril 13:44, par Votre pseudonyme
Merci pour ce super Tuto !! Mais à la fin, quant j’utilise l’outil dégradé, tout s’assombrit et on ne voit presque plus le texte (il n’y a pas l’effet d’éclat blanc en arriere plan ...) Je ne sais pas quoi faire ?...
Merci
Répondre à ce message
-
Effet de typographie sans serif
24 juin 17:29, par Marie
Merci pour ce tuto, je m’en suis inspirée pour un flyer !
Voir en ligne : Titre de votre site Internet
Répondre à ce message
|