1. Skip to Menu
  2. Skip to Content
  3. Skip to Footer

Poster Typographique

Écrit par dk53 Lundi, 12 Juillet 2010 15:11

Note : Ce tutoriel est une adaptation d'un tutoriel en langue anglaise déjà existant. Voici le lien vers le tutoriel original.

Bonjour, nous allons créer un poster typographique, composé des mots que vous choissirez, comme par exemple ceux de votre chanson préférée;

Nous allons utiliser avant cela l'application java Wordle disponible sur le site internet http://www.wordle.net.

Pré-Requis :

Avoir installé java sur votre machine (si ce n'est pas fait : http://www.java.com/fr/).

Avoir un lecteur PDF comme Adobe Reader ou Free PDF Printer.


Voilà, ces utilitaires étants très utilisés, il est très probable qu'ils soient déjà installés sur votre machine.

Première étape et non des moindres récuperer les mots que vous souhaitez utiliser, comme par exemple ceux d'une chanson qui vous trotte dans la tête.

Ensuite rendez vous dans Wordle puis cliquez simplement sur le lien Create. Copiez coller, ou rédigez le texte que vous souhaitez puis cliquez simplemet sur Go. Vous avez ensuite un fichier PDF qui se génère sous vos yeux comprenant la pluparts des mots que vous avez entrés. Bien sur tout est réglable, mais nous allons nous atarder uniquement sur quelques détails afin d'avoir un projet commun.

im01

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Le résultat étant généré aléatoirement, et les mots étants différents, il est tout à fait normal que nous ayons un rendu different.

Uniformisons nos projets :

Cliquez sur Font et choissisez Scheherazade, ensuite cliquez sur Layout, cochez Straighter Edges, et Half and Half.

Enfin dans Color, choissisez WB.

Voila mon résultat (la encore la différence est normale).

im02

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Nous allons maintenant enregister cette image comme un fichier PDF : Print, ensuite choissisez Adobe PDF comme imprimante, puis ok. Enfin choississez un emplacement sur votre disque dur puis enregistrez votre fichier PDF. Appelez le PDFmot.

Retournons maintenant sur Wordle. Nous allons maintenant créer un nouveau document PDF composé de phrases cette fois ci. Cela nous permettra aussi d'utiliser les fonctions avancés (Advanced) de l'application.

Rendez vous dans l'onglet Advanced. Nous allons travailler dans le premier rectangle, juste en dessous de Wordle Advanced.

im03

 

 

 

 

 

 

 

 

 

 

 

Comme indiqué dans l'exemple, nous allons rentrer des phrases ansi qu'un coefficient qui va tout simplement correspondre a leur taille.

Voila mon code :

Hear the trumpets: 150
hear the pipers:49
One hundred million: 58
angels singin: 118
Multitudes are marching: 52
Big:300
kettle drum:190
Voices callin: 15
voices cryin: 39
It's Alpha's:90
Omega's:90
And the whirlwind:63
The virgins:96
All trimming their wicks:150
Till Armageddon:90
no Shalam, no Shalom:69
Then the father:118
will call: 42
his chickens home: 115
The wise men: 42
And at his feet they'll cast:42
their golden crown:90
When the man: 300
comes around: 300
Whoever is unjust:110
Unjust still.:129
And the whirlwind:90
in the thorn tree:90
The virgins are all:100
trimming their wicks:150
It's hard for thee:160
kick against the pricks:89
In measured:70
hundredweight:90
penny pound:174

Uniformisons la mise en page :

Cliquez sur Font et choissisez Steelfish, ensuite cliquez sur Layout, cochez Rounder Edges, et Vertical.

Enfin dans Color, choissisez WB.

 

Enfin comme précedemment enregistrez le et appellez le PDFphrases.

im04

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Nous allons maintenant passer a photoshop.

Ouvrez le fichier PDFmot.

  • Fichier > Ouvrir

Cliquez sur OK.

Comme vous pouvez le voir, le fichier est a l'envers, nous allons effectuer une rotation afin d'avoir tous les mots à l'endroit, ou sur le côté :

  • Image > Rotation de l'image > 180°

im05

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Séléctionnez ensuite l'outil baguette magique (W (Pensez a vérifier que vous avez bien en main l'outil Baguette magique et non pas Séléction rapide)). Ajustez la tolérence a 50, décochez Pixels contigus puis cliquez sur un pixel blanc de l'image, afin de sélectionner tous les pixels blancs de l'image.

Créez un nouveau calque que vous apellerez Masque2 puis remplissez les pixels sélectionneés, à l'aide du pot de peinture avec la couleur 6f6f6f.

Supprimez le calque appelé calque1, puis créez un nouveau calque que vous appelerez fond. Déselectionnez vos pixels sélectionnés tout à l'heure (CTRL + D).

im06

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Ajoutons de la place autour de l'image : sélectionnez le calque fond puis.

  • Image > Taille de la zone de travail

Réglez comme ceci :

im07

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Sélectionnez le calque fond puis remplissez le de noir à l'aide de l'outil Pot de peinture.

Nous allons maintenant appliquer un dégradé au calque Masque2 :

  • Clic droit dur le calque > Option de fusion

Sélectionnez incrustation en dégradé et réglez comme ceci :

im08

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Nous allons maintenant ajouter un peu de couleur à l'aide de Halos :

Créez un nouveau calque Halo2 et remplissez le de noir à l'aide du Pot de peinture.

Rendez vous ensuite dans :

  • Filtre > Rendu > Halo...

Puis réglez comme ceci :

im09

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Validez.

Nous allons répeter cette operation deux fois : CTRL + ALT + F.

Puis déplacez le rayon et validez. Répétez une fois afin d'obtenir un résultat similaire au suivant :

im10

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Nous allons maintenant changer la teinte de l'image :

Image > Réglages > Teinte/Saturation

Réglez comme ceci :

im11

 

 

 

 

 

 

 

 

 

 

 

 

 

Nous allons maintenant masquer les Halos sous le calque Masque2 : Cliquez entre les deux calques en maintenant la touche ALT enfoncée.

im12

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Nous allons laisser quelques secondes ce projet de coté.

  • Fichier > Ouvrir
Choissisez le ficheir PDF PDFphrases puis double validez.

Effectuez la rotation qui s'impose afin d'afficher le texte à l'endroit :

  • Image > Rotation de l'image

De même que tout à l'heure séléctionnez les pixels blancs à l'aide de l'outils Baguette magique, et créez un nouveau calque que vous apellerez Masque1.

Remplissez le calque avec la même couleur que tout à l'heure (6f6f6f) puis désélectionnez (CTRL + D). Rendez vous dans :

  • Calques > Dupliquer le calque

Puis réglez comme ceci :

im13

 

 

 

 

 

 

 

 

Le projet que vous choissisez en bas doît bien être celui que l'on a commencé en début de tutoriel : PDFmot.

Revenons d'ailleurs sur ce projet :

Commencez par centrer le texte à l'aide de l'outil déplacement.

im14

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Nous allons maintenant modifier les options de fusion du calque Masque1 :

Clic Droit sur le calque > Option de Fusion

Réglez ensuite l'ombre portée, la lueur externe, et l'incrustation en dégradé comme ceci :

im15

im16

im17

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Nous allons maintenant ajouter de nouveaux Halos : Créez un nouveau calque Halo1 puis remplissez le de noir.

 

Puis :

  • Filtre > Rendu > Halo...

Réglez comme ceci :

im18

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Et grace au Raccoucis CTRL + ALT + F, rajoutez cinq nouveaux Halos en suivant grosso modo le texte.

im19

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Puis comme tout a l'heure cliquez entre les calques Halo1 et Masque1 à l'aide de la touche ALT.

im20

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Nous allons maintenant ajouter de la couleur :

Créez un nouveau calque au dessus de tous les autres puis renommez le Couleur.

Choissisez l'outil Dégradé puis réglez comme ceci :

im21

 

 

Pour faire apparaitre le dégradé spectre (l'arc en ciel) cliquez sur le dégradé qui le remplace dans votre configuration et dans la fenetre de l'Editeur de dégradé choisissez Spectre.

Tracez ensuite une ligne de gauche à droite sur toute la largeur de votre document :

im22

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Allez ensuite dans :

  • Filtre > Attenuation > Flou Radial

Réglez comme ceci :

im23

 

 

 

 

 

 

 

 

 

 

Répétez l'operation (CTRL +F).

Puis une nouvelle fois en maintenant ALT enfoncée, cliquez entre le calque couleur et le calque Halo1.

Pour donner :

im24

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Passez ensuite le calque Couleur en mode Densité linéraire- (ajout), puis passez on opacité à 75.

Nous allons terminer en ajoutant un nouvel Halo :Creez un calque Halo et remplissez le de noir

  • Filtre > Rendu > Halo...

Réglez comme ceci :

im25

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Passez le calque Halo en mode Superposition et placez le ou bon vous semble.

Voila le résultat final :

im26

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Merci d'avoir lu ce tutoriel et à bientôt sur le site.

Note : Ce tutoriel est une adaptation d'un tutoriel en langue anglaise déjà existant. Voici le lien vers le tutoriel original.

 

Commentaires  

 
0 #11 Hoggs 06-09-2010 17:53
C'est ce que j'ai fait aussi en dernier recours, mais la qualité du résultat est moindre les bords du texte étant très pixellisés... (je ne sais pas vraiment comment expliquer, m'enfin, la capture d'écran donne un texte pixellisé) ^^' Bah... tant pis, je ne vois pas trop de moyens de remédier à la situation.
 
 
0 #12 dk53 06-09-2010 21:28
Il est clair que la qualitée d'une copie d'ecran laisse à désirer. Mais franchement je ne vois vraiment pas comment résoudre ton problème :(.
 
 
+5 #13 patrick 09-09-2010 00:47
Très bon tuto,
mais j'ai tout de même une question :
c'est quoi photoshop ?

Ca m'a bloqué pour la première étape.
Merci.
 
 
-1 #14 Benlamaizi 05-10-2010 17:52
Excellent tuto !! Idéal pour les affiches de concert !!
 
 
0 #15 keylian 20-10-2010 23:07
Ce tuto à l'air très intéressant, mais je suis bloquée dès la première partie, j'ai bien installé java et j'ai adobe reader. Mais une fois mes mots entrés quand je clique sur Go, il n'y a rien qui se passe. Le lien est-il encore d'actu ?
 
 
-1 #16 dk53 22-10-2010 21:58
Je te redirige vers ce lien, tu trouveras surement la solution à ton problème
 
 
0 #17 Stephane 20-10-2014 19:44
Merci je l'ais essayé et je l'ais réussi mais comment faire pour avoir plus de tuto
 
 
0 #18 Tyree 27-02-2017 20:46
J’ai essayé PDFExpert pour la même tâche dans sa version d’essai gratuite.
pdftexpert.com: https://pdfexpert.com/fr/how-to/how-to-compress-pdf.
Jusqu’à là, tout va bien.
 
 
0 #19 Alexandra 14-04-2017 00:56
I like this weblog so much, saved to my bookmarks.

Stop by my web site: перейти на сайт (http://geschenkefuermaenner.info: http://geschenkefuermaenner.info/)
 





Article sous licence