32
Utilisation des typos pour créer une affiche
Une tendance actuelle veut l’utilisation excessive, voir intensive de la typographie sur tout type de support et pour tout type de domaine. Je ne sais pas trop comment appeler cette tendance, ou je ne connais peux être pas le mot, mais en tombant sur cette affiche j’ai eu envie de vous faire un tutorial, car le résultat est à mon sens une grande réussite
Le but n’est bien évidemment pas de copier la réalisation de Shaun.numb mais plutôt de comprendre pour réutiliser la technique de la typographie graphique.
Dans ce genre de composition tout passe par la typo, le style et le dynamisme, et, consister à créer grâce à l’utilisation de texte et de police que l’on empile, superpose, déforme, retourne etc…
J’ai trouvé la composition de Shaun intéressante car elle est simple de compréhension (même pour les débutants de Photoshop) mais surtout très attractive graphiquement.
Voici l’image en elle-même : disponible sur le flickr de Shaun à cette adresse :
Nous allons tenter comme lui de créer notre propre affiche en typo !
ETAPE 1
Je commence par créer mon affiche, dans photoshop menu fichier > nouveau et je remplis les paramètres comme ci-dessous.
Ensuite avec le pot de peinture je remplis l’arrière plan avec cette couleur : #38383d ou en CMJN : 73 65 54 51, il s’agit en fait d’un gris foncé légèrement bleuté.
ETAPE 2
Je crée mon texte principal avec la police Arial Black au milieu de mon image.
ETAPE 3
Je change chaque lettre par une couleur :
- Vert 65 0 87 0
- Rose 0 93 0 0
- Bleu 69 0 0 0
- Orange 0 52 91 0
- Rouge 0 94 88 0
- Violet 59 80 0 0
ETAPE 4
Avec la même technique je crée un slogan plus petit sous le grand texte, j’utilise cette fois ci la police de caractère Arial Narrow.
ETAPE 5
Je crée un nouveau dossier dans la fenêtre des calques, et je regroupe dans celui-ci tous les calques relatifs à mes textes que je vais créer maintenant, ici je ne peux rien vous dire, il faut juste ajouter du texte … si vous n’en avez pas, vous pouvez utiliser lorem ipsum qui se chargera de donner l’illusion graphique du contenu éditorial.
ETAPE 6
Sur le bas je crée sur un nouveau calque un rectangle que je remplis de blanc (avec le pot de peinture) Avec cette même technique je crée 6 carrés avec chacun une incrustation de couleur (calque > styles de calques > incrustation de couleur). Je crée ainsi un rappel entre mon slogan, mon titre et mon texte d’explications.
Voila mon affiche est terminée.
J’invite votre originalité à créer quelque chose de plus abouti et de poster votre création dans la galerie interne 
Bonne chance à tous.
Article publié par Wonka
Vous aimez cet article? Partagez le !
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 !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 18 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
10 avril 2008 12:44
belle affiche
Répondre
Mais l’utilisation de Indesign (ou Quark) ne serait pas plus judicieuse, pour gérer convenablement les blocs de textes ?-
-
10 avril 2008 21:29, par Wonka
Tu as sans doute raison, mais le but de ce tutoriel était avant tout d’expliquer et de présenter un peu le phénomène qui consiste à utiliser de la type et rien que cela.
Peux être que si j’explique comment créer une affiche j’utiliserais sans doute illustrator, quark ou indesign
Merci pour ton message.
Répondre
-
-
-
22 avril 2008 13:39
Bonjour, Merci pour ce tuto, l’affiche à l’air sympa, mais je reste bloquer au début. Je ne sais pas comment changer les couleurs des lettres une par une. Quelqu’un pourrait me le dire ?
Répondre-
23 avril 2008 10:20, par Wonka
La méthode la plus simple :
- Tu prends l’outil texte
- Tu sélectionne une lettre
- Tu appuies sur le carré couleur tout en haut de ton écran
- Tu changes la couleur
- Tu passes à la lettre suivante !
Bonne chance !
Répondre
-
-
24 avril 2008 17:38, par SunBoy
Salut Wonka ! Je te félicite pour ce tutoriel, toujours bien, ce n’est même plus la peine de le dire...
Voici une maquette que je viens de réaliser inspirer largement de ton tutoriel. Merci à toi.
URL : http://i43.servimg.com/u/f43/11/63/71/00/design13.png
Encore merci, SunBoy
Répondre-
24 avril 2008 19:41, par Wonka
Pas mal du tout, manque un peu de rigueur quand même mais sinon c’est un bon début !
Répondre-
25 avril 2008 10:29, par SunBoy
Salut Wonka, Merci de ta réponse. Une nouvelle version a été faite : http://i43.servimg.com/u/f43/11/63/71/00/design14.png
Que faudrait-il rajouter encore ?
SunBoy
Répondre-
27 avril 2008 13:57, par Wonka
Bravo à toi
pour l’améliorer un petit peu il faudrait localiser un peu mieux les éléments du site :- header
- menu gauche et droite
- contenu (milieu de page)
- footer
Car tout est un peu fouillis !
Mais sinon c’est déjà du beau boulot !
Bonne continuation.
Répondre-
6 mai 2008 23:00, par SunBoy
Salut Wonka ! Déja, désolé du temps de réponse (tu es juste 15 fois plus rapide que moi !).
Je vais essayer de les distinguer, mais, je ne vois pas trop, on verra bien devant PhotoFiltre ^^ Sinon, j’ai regardé, comment coderai tu sa toi ? Le fond fixe ? Cela fait bizarre et je ne sais pas comment faire.
Cordialement, SunBoy PS : Je viens d’ouvrir un site sur le langage technique graphique, spécialement PhotoFiltre. Sachant que WKS ne traite pas de ce logiciel, serait-il possible de voir pour nous aider ? Mon e-mail est dispo’ ;D
Répondre-
7 mai 2008 09:14, par Wonka
Je connais pas ce logiciel
Répondre
mais pourquoi pas : mon mail est : wonka @ wks.fr sans les espaces !-
19 mai 2008 17:42, par SunBoy
Salut Wonka ! Je t’ai répondu par mail comme demandé, j’espère que tu sera d’accord. Encore une fois, excellent tutorial
Sb PS : Mon adresse cestmoiquivla @ hotmail.fr
Répondre
-
-
-
-
-
-
-
29 avril 2009 23:12, par Wonka
Il y a le site dafont.com qui est pas mal du tout pour télécharger des polices de caractères.
Répondre
-
-
22 janvier 2010 20:23, par pill
Merci pour ce tut à bientot on fait ce que l’on peut pour te suivre
Répondre
