débutant | 30 min | tutoriel sur CD Photoshop CS2

débutant | 30 min | tutoriel sur CD
Photoshop CS2
26
.psd 05/2008
affiche d'un concert de rock
Affiche
d'un concert de Rock
Aujourd'hui vous allez réfléchir à la réalisation d'une affiche pour un concert
en faisant attention à rassembler au mieux l'ensemble des paramètres liant
l'événement. Cette composition est un bon entraînement car vous voyez ainsi
qu'avec peu d'éléments, une seule photo, vous pouvez obtenir un visuel très
agréable.
01 Réfléchir sur l'affiche I
03 Réfléchir sur l'affiche III
02 Réfléchir sur l'affiche II
04 Un fond à coups de pinceau I
Premier élément à obtenir et à prendre en compte avant de
débuter quoi que ce soit : le thème principal de la soirée. Les
trois mots qui ressortent sont concert, rock et bœuf musical. Ces
trois mots sont très généraux mais signifient beaucoup. Ils peuvent
donner des indications sur les images, les couleurs... Et vous allez
justement définir ces données ci-dessous.
Ce concert à lieu le 14 février, jour de la Saint-Valentin. Étant
donné que l'objectif n'est pas de promouvoir cette journée des
amoureux, vous n'allez pas mettre des cœurs, anges ou autres éléments du même type sur l'affiche. Par contre, rien ne vous empêche
de garder une dominante rouge. Au contraire, c'est l'option que vous
allez prendre. La raison ? Il s'agit d'un bon moyen pour se souvenir
de la date sans avoir à pousser loin la réflexion.
Finalement, vous allez travailler sur la base d'une seule photo :
une guitare a été sélectionnée pour l'occasion. Bien qu'il s'agisse
d'un élément classique pour un concert de rock, son implantation
dans l'environnement a pour seule limite votre imagination. Après
cette réflexion, le travail sous Photoshop peut commencer. Créez
un nouveau document format A3 avec un mode colorimétrique
CMJN. Comme nous l'avons précisé plus haut, vous pouvez remplir
l'arrière-plan de rouge, #E32322 dans notre cas.
Le fond va maintenant être travaillé à partir d'un Pinceau que
vous pourrez trouver sur le CD. Nous n'allons pas détailler les
étapes de sa création dans cet article. Sélectionnez-le dans la palette des formes (en haut à droite). Vous pouvez faire plusieurs tests
pour les réglages et travailler à partir d'un rouge légèrement plus
foncé. Je vous propose ceux que j'ai utilisés. Un pas de 10% dans
l'onglet Forme de la pointe. Dans l'onglet Dynamisme de la forme, la
variation de la taille est de 15%, celle de l'angle de 100% et enfin celle
de l'arrondi de 40%. Fixez l'arrondi minimal à 25%.
.psd 05/2008
27
pratique
05 Un fond à coups de pinceau II
08 Léger dégradé
0 6 Un fond à coups de pinceau III
09 Guitare I
07 Un fond à coups de pinceau IV
10 Guitare II
La diffusion se déroule sur les deux axes à hauteur de 550%. Une
dernière option est cochée avant l'application du Pinceau : le Dynamisme de la couleur. Nous faisons varier uniquement la Saturation
de 10%. Le fond a déjà une tout autre allure, uniquement après avoir
effectué quelques tests de réglages pour le pinceau. Un outil que
vous trouverez rapidement indispensable.
Quoi de plus simple que le pinceau par défaut de Photoshop ?
Prenez un des pinceaux ronds de faible diamètre pour appliquer
sur un nouveau calque. Vous pouvez modifier les réglages (par
rapport à ceux de l'étape précédente) en augmentant le pas et la
variation de la taille par exemple. La variation de l'arrondi peut être
enlevée (0%).
La dernière couche se présente également sur un nouveau calque. Cela est plus pratique pour tester différentes applications de
pinceaux. L'objectif est d'utiliser un pinceau plus petit que lors de la
première couche pour augmenter les contrastes et atténuer le rendu
aux frontières des coups de Pinceau. C'est un peu comme lorsque
vous préparez un mur, la première couche est grossière et peu
esthétique. La dernière c'est la finition. N'hésitez donc pas à faire
plusieurs essais pour un rendu optimal.
28
Pour finir la préparation du fond, dessinez un dégradé du rouge
vers le transparent dans la partie supérieure de l'image. Discret,
c'est le genre de petits détails qui font parfois la différence sur des
compositions. On atténue légèrement les motifs du fond pour y placer un logo et les textes concernant la soirée.
Ouvrez maintenant l'image guitar.jpg. Comme souvent, il faut
débuter par le détourage de l'objet. Celui-ci contient des formes
simples et bien contrastées avec un fond uni blanc. On pourrait
donc imaginer un détourage rapide à la baguette. Mais méfiez-vous
de la partie supérieure. Si vous observez bien, vous pourrez apercevoir des reflets qui seront inévitablement sélectionnés à la baguette.
La solution consiste donc à les supprimer tout de même et ensuite
à utiliser l'outil Forme d'historique ([Y] – sous le pinceau classique)
pour récupérer les parties perdues.
L'utilisation de la plume est tout indiquée et de plus, rapide
et sans bavures sur cet exemple. Un bon entraînement si vous
débutez avec l'outil. Une fois séparé de son fond, vous pouvez
déplacer le calque dans notre composition. La guitare est l'élément
central (le seul) de l'affiche mais n'occupera cette position que sur
la largeur. En effet, nous allons la déplacer sur le bord inférieur de
l'affiche.
.psd 05/2008
affiche d'un concert de rock
11 Guitare III
14 Bras II
12 Guitare IV
15 Fleurs I
13 Bras I
16 Fleurs II
Dupliquez le calque de la guitare. Pour faire original et décalé,
c'est l'outil Sélection rectangulaire qui va nous permettre de
travailler efficacement. Vous allez sélectionner des zones de la guitare (avec des rectangles de longueur et largeur variable) que vous
pourrez déplacer par un maintien de la touche espace et un clic gauche de la souris. Cette manipulation délicate nécessite un certain
nombre d'essais pour un effet réussi. Une sélection trop grande ou
un déplacement trop important peut vite donner des résultats qui ne
sont pas conformes à nos souhaits.
Il ne faut pas hésiter à dupliquer une seconde fois le calque
d'origine contenant la guitare. Cela permet de repartir de la base
et ainsi diversifier un peu plus l'effet. N'en faites pas trop non plus,
sachez vous limiter. L'objectif n'est pas de constituer le plus de
morceaux de guitare possible, bien que vous puissiez le faire si cela
vous amuse. Une fois les déplacements terminés, attaquez le décor
de l'affiche.
Au moment d'attaquer une partie plus manuelle de la conception, plusieurs possibilités s'offrent à vous en fonction de votre
matériel. L'idéal étant la tablette pour la facilité à dessiner et le
logiciel Illustrator pour modifier aisément les courbes. Plus difficile, mais néanmoins réalisable, vous pouvez utiliser votre souris
et Photoshop. Le dessin est composé de plusieurs couches pour un
effet brouillon, avec deux épaisseurs de pinceaux : 1 pt et 3 pt sous
Illustrator.
Le bras est dupliqué et vous diminuez l'opacité du calque inférieur
à 50% après lui avoir appliqué un Flou gaussien d'environ 10 px.
C'est une bonne méthode pour mettre en relief cet élément. Vous
êtes en droit de vous poser la question de la présence de ce bras qui
n'est pas anodine. Rappelez-vous que vous devez mettre en avant la
présence d'un bœuf musical lors de la soirée. Ce bras représente ainsi
n'importe qu'elle personne présente au concert et qui souhaite y participer. Par ces traits vous montrez qu'il s'agit d'une opportunité à saisir
et que l'identité, le propriétaire de ce bras n'est pas encore défini.
Sur un nouveau calque, vous allez désormais dessiner des
fleurs. En italique en réalité il ne s'agit pas de fleurs mais du pinceau que vous avez utilisé précédemment pour créer le background.
Sélectionnez donc à nouveau ce pinceau, avec un faible pas (autour
des 65%) et surtout une petite taille, disons une centaine de pixels.
Continuez d'apprendre à jouer avec les réglages en modifiant les
paramètres de variation de la taille, de l'angle... Ensuite, appliquez ce
pinceau du bas (sous la guitare) en haut.
Faites de même avec une taille de pinceau légèrement supérieur.
Je me suis cette fois contenté de 3 traits pour ne pas non plus
surcharger l'affiche. Cette décoration représente les notes de musique qui surgissent de la guitare, c'est l'ambiance de la soirée que
vous mettez en valeur.
.psd 05/2008
29
pratique
17 Fleurs III
20 Texte I
18 Traits créatifs I
21 Texte II
Et grâce au mode de fusion Lumière vive (Vivid light) l'effet
prend toute son importance. Le rendu pourra différer suivant la
manière dont vous avez travaillé votre fond tout à l'heure. Les zones
où vos traits se superposent vont être mises en valeur avec une
couleur plus blanche qui contrastera avec les jaunes/rouges/roses
alentour.
Comme pour le bras dans les étapes précédentes, ces traits sont
réalisés sous Illustrator mais peuvent être dessinés avec Photoshop. Vous avez choisi les mêmes pinceaux avec à nouveau des
tailles de 1 pt et 3 pt. Partants de la guitare, ces traits ressortent de
l'affiche vers le haut, en prenant des directions diverses. Il s'agit des
chemins empruntés par ceux qui saisiront l'instrument de musique.
Chacun met en avant sa créativité, ses sentiments, etc.
L'annonce de la présence d'un bœuf musical dans la soirée est
faites, à l'intérieur du bras que vous avez dessiné pour le représenter. Le groupe en concert est présenté au-dessus de manière
à centraliser cette partie d'informations. De plus, cette position
au-dessus précise qu'il passe en première partie, avant l'organisation du bœuf. Vous préparez la zone supérieure centrale à recevoir
un texte. De manière à rendre celui-ci lisible, vous créez un nouveau
calque sur lequel est appliqué un pinceau rouge à pointe très floue
pour ne pas avoir de discontinuité nette.
Le texte peut maintenant être ajouté en blanc par-dessus. Une
police déstructurée rock a été choisie, bien qu'il soit également
possible de faire ce texte à la tablette (ou souris, mais beaucoup
plus délicat). Le texte accueillant le nom du lieu du concert à été
dupliqué pour lui ajouter de la graisse. Pour conclure, dans le coin
supérieur gauche est déposé le logo de l'association organisant
l'événement.
à propos de l’auteur
Leparachute
Passionné par l'infographie, il s'intéresse particulièrement à la communication visuelle. Il s'inspire
en observant le monde qui l'entoure.
Site : http://leparachutedesign.free.fr
Contact : [email protected]
19 Traits créatifs II
Afin d'ajouter du volume à l'affiche, ce calque est dupliqué
et vous appliquez un léger Flou gaussien sur le calque inférieur.
Voici la partie illustrative de l'affiche désormais terminée.
30
.psd 05/2008