Effet de typographie sans serif

jeudi 13 novembre 2008
Article écrit par : Wonka
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
WonkaStudio

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 :

Photoshop - 1.1 Mo

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.

La galerie des membres

Url de l'image : http://www.wks.fr/stockpix/463/2835.jpg Url de l'image : http://www.wks.fr/stockpix/463/2836.jpg Url de l'image : http://www.wks.fr/stockpix/463/2837.jpg Url de l'image : http://www.wks.fr/stockpix/463/2838.jpg Url de l'image : http://www.wks.fr/stockpix/463/2843.jpg Url de l'image : http://www.wks.fr/stockpix/463/2845.jpg Url de l'image : http://www.wks.fr/stockpix/463/2849.jpg Url de l'image : http://www.wks.fr/stockpix/463/2853.jpg Url de l'image : http://www.wks.fr/stockpix/463/2854.jpg Url de l'image : http://www.wks.fr/stockpix/463/2863.jpg Url de l'image : http://www.wks.fr/stockpix/463/2868.jpg Url de l'image : http://www.wks.fr/stockpix/463/2881.jpg Url de l'image : http://www.wks.fr/stockpix/463/2886.jpg Url de l'image : http://www.wks.fr/stockpix/463/2893.jpg Url de l'image : http://www.wks.fr/stockpix/463/2894.jpg Url de l'image : http://www.wks.fr/stockpix/463/2903.jpg Url de l'image : http://www.wks.fr/stockpix/463/2918.jpg Url de l'image : http://www.wks.fr/stockpix/463/2919.jpg Url de l'image : http://www.wks.fr/stockpix/463/2929.jpg Url de l'image : http://www.wks.fr/stockpix/463/3122.jpg Url de l'image : http://www.wks.fr/stockpix/463/3149.jpg Url de l'image : http://www.wks.fr/stockpix/463/3197.jpg Url de l'image : http://www.wks.fr/stockpix/463/3199.jpg Url de l'image : http://www.wks.fr/stockpix/463/3852.jpg Url de l'image : http://www.wks.fr/stockpix/463/4088.jpg Url de l'image : http://www.wks.fr/stockpix/463/4356.jpg Url de l'image : http://www.wks.fr/stockpix/463/4808.jpg

Ajouter votre image dans la galerie
Si vous avez réussis ce tutorial vous avez la possibilité de poster votre dessin dans la galerie, vous pourrez ensuite le publier dans les commentaires (que vous trouverez en bas de page).
Attention votre fichier devra être en format JPG, et son poid inférieur a 200ko !

Vos commentaires ( 46 messages dans le forum)
Ajouter un commentaire à cet page

modération à priori

Ce forum est modéré à priori : votre contribution n'apparaîtra qu'après avoir été validée par un administrateur du site.

Ajouter un commentaire

Continuer la lecture sur wks.fr

Copyright

Les articles et images d'illustrations sont propriété de l'auteur et du réseau Grafik Network & Wks.fr.

Toute copie, reproduction ou diffusion sans autorisation sont interdites. Les images ainsi que les textes sont protégés par le droit français d'auteur ainsi que par un Copyright.