Partenaire du numéro
N° 05/2011 (47)
Mensuel Mai ISSN 1733-2745
Calques dynamiques
Utilisation et avantages
HDR
la sublimation de vos photos
Projet d’un siteetInternet
méthode de travail tion différentes étapes de l’élabora
s o t o h p s o v z e r io l Amé ons s créati Utilisez les plug-ins dans vo
Chers lecteurs, Voici le numéro de mai dans lequel nous avons décidé de parler un peu plus sur la photographie, comment améliorer vos images. Tout d’abord nous vous conseillons de réaliser le tutoriel de Thomas Rumas qui vous expliquera comment dynamiser un portrait en utilisant les textures. Il vous présentera également le fonctionnement du plug-in Topaz Clean qui donne un effet intéressant aux images. Allez aussi sur la page 22 où vous trouverez le tutoriel de Patrice Jager. L’auteur met en avant les calques dynamiques en expliquant comment s’en servir et quels sont les avantages de l’utilisation. Si vous voulez obtenir un effet surprenant de vos photos, lisez l’article d’Angélique Mouton dans lequel vous connaîtrez les simples méthodes de parvenir aux images HDR. Pour ceux qui s’intéressent à la création des sites Internet, nous voudrions présenter l’article de Cyrille Thery. L’auteur vous détaillera les étapes de réalisation de ce type des projets et vous présentera une méthode de travail. Bonne lecture à tous, Équipe .psd Photoshop
Le magazine .psd est publié par Software Press Sp. z o.o. SK Président de Software Press Sp. z o.o. SK Paweł Marciniak Directrice de la publication Justyna Książek
DTP Graphics & Design Eurodesign www.euro-design.info Photo de couverture Thomas Rumas
Publicité publicite@software.com.pl Software Press Sp. z o.o. SK ul. Bokserska 1, 02-682 Varsovie, Pologne tél. +48 22 427 35 34, fax +48 22 244-24-59 http://www.psdmag.org/fr
Bétatests
ISSN : 1733-2745 (c) 2011 Software Press Sp. z o.o. SK, tous droits réservés Rédactrice en chef Justyna Książek justyna.ksiazek@psdmag.org
3
Jonathan Marois, Patrick Haond, Benoît Recarte, Charline Goutx, Hélène Hertgen, Aurélien Lautour
Les personnes intéressées par la coopération sont priées de nous contacter : fr@psdmag.org
.psd 05/2011 | www.psdmag.org/fr
Tous les logos et marques déposées sont la propriété de leurs propriétaires respectifs.
sommaire DOSSIER
Taylor Swift Thomas Rumas
06
QUEEN B John Evans
10
PRATIQUE
Dans la peau d’un designer d’objets Christophe Delarsille
16
Les Calques Dynamiques Patrice Jager
22
FOCUS
Le HDR La sublimation de vos photos Yohan Tison
34
La conduite de projet d’un site Internet Cyrille THERY / Grafix Influenz
INTERVIEW
Interview d’Alexandra Petracchi Préparé par Cédric Baudouin
4
38
42
.psd 05/2011 | www.psdmag.org/fr
DOSSIER
Photoshop CS3 | avancé | 90 min
Taylor
Swift Nous allons aujourd’hui créer un tutoriel assez sympathique tout en restant dans le style du tutoriel précédent Flower Woman Abstract. Ici nous ajouterons un filtre fort intéressant qui est le filtre Topaz Clean. Nous restons donc dans une création et un tutoriel qui sont assez libre dans la conception.
6
Thomas Rumas Je Jeune graphiste passionné depuis 4 ans. J’utilise essentiellement Photoshop mais aussi Illustrator de temps à autre. Actuellement en Terminale Sciences de l’Ingénieur, j’ai comme projet d’étude de me lancer dans l’infographie ou l’informatique. La plupart des choses que j’ai pu apprendre on été grâce aux différentes communautés, notamment French-GFX.com. Vous me retrouverez sur le net sous le pseudonyme de Chewbaca et sur mon behance à l’adresse http://behance.net/thomasrumas
.psd 05/2011 | www.psdmag.org/fr
dossier
Taylor Swift 1
ÉTAPE 1
Tous d’abord, ouvrez un nouveau document de la taille 1400x900 px, pour pouvoir ainsi promouvoir votre fond d’écran sur plusieurs type d’écran. Mettez un calque de couleur #404040, ajoutez y ensuite le stock fourni dans les ressources, à savoir Taylor Swift. Centrez un peu celle-ci et ajoutez un masque de fusion pour enlever la partie droite qui ne nous intéresse pas, mettez cela en mode Éclaircir. Maintenant dupliquez ce calque et appliquez-lui une couleur noir&blanc et mettez-le en mode Incrustation.
2
ÉTAPE 2
Ouvrez maintenant les différentes textures que nous allons appliquer sur notre travail. Insérez texture2.jpg à votre travail en mettant la partie la plus fleurie vers la droite pour combler le vide que nous avons laissé tout à l’heure. Mettez ce calque en mode Superposition. Maintenant ajoutons texture1.jpg, j’ai choisi ici de mettre la plus grosse fleur au niveau de la tête, ce calque sera lui aussi en mode Superposition. Pour finir, ajoutons texture3.jpg. Pour ce faire, vous pouvez placer comme vous le souhaitez et mettez cela en mode Lumière tamisée. Ajoutez ensuite quelques autres textures... Notez que vous pouvez effacer ce que bon vous semble toujours en utilisant un masque de fusion, afin de pouvoir récupérer par la suite.
dossier
Taylor Swift ÉTAPE 3
3
ÉTAPE 4
Et voilà, l’assemblage est fini, passons maintenant au rendu global de notre travail. Utilisons pour cela le filtre Topaz Clean. Faites d’abord un nouveau calque et appliquez y votre travail. Maintenant ouvrez Topaz Clean, ne changez rien au réglage de main et allez directement dans advanced et proposez une itération de 4. On note bien que le rendu n’est pas superbe, nous y travaillerons un peu plus tard.
Appliquons maintenant une teinte et jouons avec le contraste ici, mais les images parlent mieux d’elles-même, je vous envoie donc à regarder les images. Première étape : appliquons un dégradé que vous trouverez parmi les dégradés de bruit en mode Teinte. Ajoutez ensuite un calque de réglages Courbe, Luminosité/Contraste, Filtre photo et Exposition
4
8
tout cela en mode Normal et en appliquant les paramètres que vous pourrez voir sur les screens fournis. Ajoutez ensuite un calque de réglage Noir et blanc que vous mettrez en mode Luminosité et sur lequel vous enleverez ce qui ne vous convient pas. Mettez aussi une Correction sélective et Vibrance. Notez que ceci n’est que mes paramètres personnels et que je vous encourage à utiliser les vôtres pour avoir votre propre rendu.
4a
.psd 05/2011 | www.psdmag.org/fr
dossier
Taylor Swift 5
ÉTAPE 5
Maintenant, occupons-nous de l’aspect sur le visage, les mains... Ici je vous conseille d’utiliser l’outil Doigt. Jouez avec les différentes tailles des brosses afin de donner un maximum de détail et de précision dans votre travail, sachez que ceci est un exercice qui demande
9
beaucoup de patience et de temps, n’allez donc pas trop vite, quitte à le faire en plusieurs fois. Et voilà, ce tutoriel est fini! Merci une nouvelle fois à l’auteur des différentes ressources car sans eux nous n’aurions pas pu faire ce travail.
.psd 05/2011 | www.psdmag.org/fr
DOSSIER
Photoshop CS3 | avancé | 90 min
QUEEN B Ce montage est un hommage à l’artiste qu’est Beyoncé, bien au delas du personnage sexy qu’on a au premier abort. L’idée m’est venu d’une consigne donné au collège en cours d’art plastique où l’on devait mettre notre photo au centre d’une feuille puis en coller pleins d’autres qui représentaient notre univers, notre personnalité. L’essentiel du montage repose sur les pinceaux et les modes de fusion qui seront apportés aux calques de chaques pinceaux.
10
John Evans Originaire de la Martinique, après mon bac STI Arts Appliqués obtenu en Guadeloupe, je me suis dirigé cette année en Etudes visuelles, multimédias et arts numérique à l’université de Paris-Est Marne-la-Vallée. Je suis passionné depuis mon plus jeune âge d’abort par le dessin puis les arts numériques. J’ai commencé à toucher à photoshop à l’âge de 15 ans et ai tout appris en auto-didacte. Grace à cela j’ai pu gagner le premier prix d’un concours organisé par Coca Cola et réaliser quelques logos pour des professionels. Je me passionne également pour la photographie et le webdesign. Pour me joindre : http://www.facebook.com/mjohnevans
.psd 05/2011 | www.psdmag.org/fr
dossier
QUEEN B 1
ÉTAPE 1
Ouvrez un nouveau document de largueur 1900 px et de hauteur 2200 px. Dans ce document glissez la photo du modèle, Beyoncé, ici présente qui sera évidemment sur un nouveau calque.
2
2a
ÉTAPE 2
Désaturez la photo de Beyoncé [Maj]+[Ctrl]+[U] ou Image > Réglage > Désaturation. Retournez sur le calque ArrièrePlan pour lui définir une couleur. Dans ce cas présent le gris. Avec l’outil Pot de peinture puis en cliquant sur la couleur de premier plan, vous dirigez la pipette sur l’arrière plan de votre photo et vous sélectionnez cette couleur. Au final vous appliquez cette couleur sur le calque Arrière-plan.
11
.psd 05/2011 | www.psdmag.org/fr
dossier
QUEEN B 3
ÉTAPE 3
Vous vous repositionnez sur le calque de Beyoncé pour en faire une copie de façon détouré. Donc avec l’outil Lasso magnétique qui je rappele est comme le lasso mais qui s’accroche de facon automatique aux contours sur lesquels on passe. Donc vous faîte un détourage de Beyoncé avec l’outil même s’il n’est pas très précis. (c’est pour pouvoir y insérer les prochaines brushes derrière elle). Une fois détouré, vous dupliqué le détourage [Ctrl]+[J].
4
ÉTAPE 4
Pour cette étape, chacun à sa créativité. J’ai mis à votre disposition plusieurs pinceaux que j’ai utilisé. Mais vous pouvez utiliser ceux que vous voulez. L’idée est que chaque petit dessin puisse représenter cette personne. Donc tout les pinceaux que vous utiliserez devront être mis sur un calque différent chacun et devront se situer entre le calque Beyoncé et la copie du détourage que vous avez faite d’elle. À chaques calques des brushes vous avez une option de fusion. Variez les couleurs et les modes. Vous pouvez utiliser : Ombre interne, Lueur externe, Lueur interne, Satin, Incrustation de couleur, Incrustation de dégradé et Contour. Vous pouvez également ajouter du texte.
dossier
QUEEN B 5
ÉTAPE 5
Une fois tout cela fait, vous allez donner une petite touche de maquillage à Beyoncé. Créez un nouveau calque par dessus le calque où vous l’avez détouré. Passez son mode de fusion en Incrustation. Puis prenez votre outil Pinceaux avec les pinceaux de formes ; c’est-à-dire les pinceaux rond (choisirez la taille adapté). Vous coloriez donc les lèvres de la couleur de votre choix. Puis sur un nouveau calque vous répétez la même démarche pour les paupières.
ETAPE 6
On va maintenant donner l’éclat et l’ambiance qu’il faut, en glissant l’image de la feuille de papier juste en dessous du calque de détourage de Beyoncé. Changez son mode de fusion en mode Lumière linéaire. Pour mieux faire ressortir le modèle, sélectionnez-le sur le calque du détourage [Ctrl]+ clic sur le calque. Repositionnez-vous ensuite sur le calque de la feuille et dupliquez la forme de Beyoncé [Ctrl]+[J]. Déplacez ce calque, que vous venez de dupliquer, par dessu le détourage du model (et en dessous des calques de maquillages) et baissez son opacité à 85%.
6
14
.psd 05/2011 | www.psdmag.org/fr
dossier
QUEEN B ETAPE 7
Pour finir, glissez la photo de l’eau par dessus tout les calques avec une opacité à 50% et en mode de fusion Saturation. Ajoutez-lui en masque de fusion. Puis avez l’outil Dégradé de base (noir vers blanc) et le mode Radial, effacez un peu de cette image en partant du milieu puis tiré vers le côté.
7
7a
15
.psd 05/2011 | www.psdmag.org/fr
PRATIQUE
Photoshop CS4 | intermédiaire | 90 min
Dans la peau
d’un designer d’objets Bien que les banques d’images offrent une multitude de photos diverses de bonne qualité. Il arrive fréquemment que nos clients nous demandent la photo qui n’existe pas. Deux solutions s’offrent à nous. Soit on organise une séance de shooting pour photographier l’objet souhaité, soit on achète une photo existante qui servira de base pour recréer l’image commandée.
16
.psd 05/2011 | www.psdmag.org/fr
Christophe Delarsille À la fois Art Director et Graphic Designer, Christophe utilise quotidiennement Photoshop depuis plus de 16 ans. Que se soit pour réaliser des retouches photo ou des illustrations. Il réalise des commandes pour ses propres clients ou pour les grandes agences de publicité de Belgique. http://www.delarsille.be
PRATIQUE
Dans la peau d’un designer d’objets 1: BRIEFING
Le client avait besoin d’un visuel de thermomètre à ses couleurs pour sa dernière campagne d’affichage. Partant d’une photo provenant de Fotolia (réf. #12198113), nous allons réaliser la retouche suivante : allonger le stylo-thermomètre, effacer les inscriptions inutiles, recréer un bouton en relief, bomber l’objet jugé trop plat et incruster des chiffres dans l’écran LCD. Pour l’exercice, nous allons remplacer le logo du client par un autre. Vous pouvez évidement utiliser votre propre logo ou tout autre image.
1
2: EFFACER LES INSTRUCTIONS I
Nous aurions pu utiliser le tampon pour effacer les symboles bleus. Mais puisque le client désire un stylo sans rien, plus long avec un nouveau bouton; le plus simple est de repartir de zéro et de recréer le stylo. Ouvrez l’image haute définition de Fotolia et passez-la en CMYK : Image>Mode>CMYK Color. Détourez la forme du stylo à l’aide de l’outil Plume (Pen Tool). Une fois le détourage terminé, créez une sélection depuis le tracé.
2
17
.psd 05/2011 | www.psdmag.org/fr
PRATIQUE
Dans la peau d’un designer d’objets 3: EFFACER LES INSTRUCTIONS II
Allez dans la palette Tracés (Paths), placez-vous sur le calque du tracé et cliquez dessus tout en maintenant la touche [Cmd]/[Ctrl] enfoncée. Créez un nouveau calque (Palette des calques) et remplissez votre sélection d’un blanc légèrement gris.
3
Pour allonger le thermomètre, sélectionnez l’arrière de l’objet avec l’outil de Sélection rectangulaire (Rectangular Marquee Tool) et déplacez la sélection tout en maintenant les touches [Maj]+[Alt]+[Cmd]/[Ctrl] enfoncées. Nommez votre nouveau calque Stylo New et le calque de l’image de Fotolia Fotolia.
4
4: AJOUTER DU VOLUME AU STYLO I
Cette partie est la plus longue de ce tutoriel, en fonction de la qualité de l’image que vous voulez obtenir. Plus les détails seront réalistes, plus la retouche sera réussie et le thermomètre paraîtra réel. Gardez le calque de la forme du stylo sélectionné et faites une sélection de l’objet. Créez un nouveau calque et nommez-le volume, choisissez une forme de pinceau très large (860 px) et très diffus (Hardness 0%), d’un gris plus foncé que celui du stylo et peignez le bord de la sélection afin de créer un léger relief. N’hésitez pas à vous y reprendre plusieurs fois jusqu’à obtenir un beau dégradé réaliste.
5
5: AJOUTER DU VOLUME AU STYLO II
À l’aide de l’outil Plume, dessinez à présent des zones qui représenteront les coups de lumière et apporteront de la brillance au plastique. Basez-vous sur la photo originale pour créer des formes réalistes et placées au bon endroit. Une fois ces tracés dessinés, remplissez-les de blanc sur un nouveau calque (pour plus de facilité, placez chaque forme sur un calque différent). Réduisez légèrement l’opacité de ceux-ci. Suivant votre inspiration, vous pouvez laisser des formes bien nettes et d’autres plus floues. Lorsque tous vos coups de lumières sont placés, regroupez-les dans un groupe de calques et appelez-le lum.
18
.psd 05/2011 | www.psdmag.org/fr
PRATIQUE
Dans la peau d’un designer d’objets 6
6: LE BOUTON
À l’aide de l’outil Sélection en forme de cercle (Elliptical Marquee Tool), créez un rond parfait (en maintenant la touche [Maj] enfoncée). Dans la palette des calques, créez un calque de réglage solid color. Entrezles valeurs suivantes : C 65, M 5, J 100, N 0. Ajoutez un effet amboss à ce calque. Pour cette retouche, j’ai ajouté simultanément une ombre interne (Inner Shadow) et un biseautage (Bevel and Emboss). Réglez les options pour vous approcher le plus de l’image ci-contre. J’ai également créé un coup de lumière en haut à gauche du bouton en utilisant la même méthode que pour les coups de lumières sur le plastique.
7
7: LA PARTIE LOGO I
En vous inspirant de la photo originale, dessinez une arrête qui délimitera la partie blanche de la partie verte du thermomètre. Utilisez à présent l’outil Crayon pour dessiner une fine ligne clair le long de cette arrête. Recommencez l’opération de l’autre côté de l’arrête mais cette fois en dessinant une ligne gris foncé.
PUBLICITé
19
.psd 05/2011 | www.psdmag.org/fr
PRATIQUE
Dans la peau d’un designer d’objets 8
8: LA PARTIE LOGO II
Détourez à la Plume la partie qui deviendra verte et dupliquez votre sélection sur un nouveau calque [Cmd]/[Ctrl]+[J]). Sélectionnez ce nouveau calque et appliquez-lui le même calque de réglages que pour le bouton vert (Solid Color). Ouvrez l’image logo.psd ou une autre image de votre choix et collez-la sur un nouveau calque que vous placerez au-dessus du solide vert et en-dessous du dossier des lumières (lum). Placez le logo en mode Produit pour qu’il se fonde mieux dans la matière du plastique.
9: LA ZONE DU CADRAN I
Avant toute chose, rassemblez votre retouche sur un nouveau calque. Placez-vous sur le calque situé au-dessus de la pile et appuyez sur les boutons suivant : [Maj]+[Alt]+[Cmd]/[Ctrl]+[N] puis [Maj]+[Alt]+[Cmd]/[Ctrl]+[E], un nouveau calque se crée en reprenant l’instantané de votre retouche. Renommez-le Instant1.
9
20
.psd 05/2011 | www.psdmag.org/fr
PRATIQUE
Dans la peau d’un designer d’objets 10: LA ZONE DU CADRAN II
Pour réaliser le renfoncement autour de l’écran LCD, redessinez la forme avec la Plume en vous basant sur la photo originale se trouvant sur la calque Fotolia. Faites une sélection du tracé. Sélectionnez le calque Instant1 et appuyez sur les touches [Cmd]/ [Ctrl]+[J]. Photoshop duplique la zone du thermomètre que vous venez de dessiner sur un nouveau calque. Appliquez un style Bevel and Emboss à ce nouveau calque, option Pillow Emboss.
10
12
11: L’ÉCRAN LCD
Sélectionnez le rectangle de l’écran LCD de l’image Fotolia à l’aide de l’outil de Sélection rectangulaire (Rectangular Marquee Tool) et dupliquez-le sur un nouveau calque [Cmd]/[Ctrl]+[J]. Placez ce calque tout en haut de la pile pour qu’il se positionne en avant-plan. Sélectionnez l’outil Texte et écrivez 36.9°C dans une typo digitale type LCD. Vous en trouverez de nombreuses gratuites sur le web. Réduisez légèrement l’opacité du calque et ajoutez une ombre très légère au texte. Ceci rendra l’écran plus réaliste. De la même manière que vous avez récupéré l’écran LCD, dupliquez à présent l’embout métallique à gauche du stylo et placer le calque en premier-plan.
12: FINALISER L’IMAGE
Maintenant que les éléments sont en place, modifiez à votre guise les parties que vous désirez pour perfectionner votre montage. Accentuez ou diminuez les coups de lumières et les ombres suivant l’effet que vous voulez obtenir. Chaque éléments étant sur un calque différent, vous pouvez modifier tous les aspects de cette image à volonté.
11
21
.psd 05/2011 | www.psdmag.org/fr
pratique
Les Calques Dynamiques Patrice Jager Passionné photo en tant que photographe, puis pshopé par Adobe, je me suis mis à former mes confrères photographes sur Photoshop. Je mets mes tutos au niveau amateur, simplifiés pour accéder aux bases de Photoshop.
Comment avons-nous pu nous en passer ? Parce qu’ils n’existaient pas auparavant ! Plus d’excuse à présent, apprenez à vous en servir surtout !
1: TRANSFORMER UNE IMAGE EN OBJET DYNAMIQUE
Un calque dynamique est un calque contenant une image non destructrice (plus facile à écrire qu’à dire). L’image travaillée est un .PSB faisant partie du .PSD original ou, plutôt, s’ouvrant en PSB à partir du PSD. Depuis l’avènement des dernières générations de Photoshop CS, nous avons la possibilité d’ouvrir, d’importer ou de transformer une image en Objet dynamique. Supposons que nous ayons à ouvrir une image ou photo avec Photoshop, plusieurs options nous offrent la possibilité de : • l’Ouvrir en tant qu’Objet dynamique (Fichier>Ouvrir en tant qu’objet dynamique),
22
1
.psd 05/2011 | www.psdmag.org/fr
pratique
Les Calques Dynamiques 2:
2
• de la transformer en image dynamique (Calque>Objet dynamique>Convertir en objet dynamique),
3:
• ou encore clic droit sur le calque et Convertir en objet dynamique).
3
4
4:
Commençons par un exemple flagrant. Ouvrons une image pas trop lourde : 20 cm x 15 cm en 200 dpi.
23
.psd 05/2011 | www.psdmag.org/fr
pratique
Les Calques Dynamiques 5:
Dupliquons avec [Ctrl]+[J], le calque Arrière-plan à deux reprises de façon à obtenir un calque Calque 1 et un calque Calque 1 copie.
Renommons Calque 1 en Normal et calque 1 copie en Dynamique et supprimons le calque Arrière-plan.
5
6
6:
Un clic droit sur le calque Dynamique pour le transformer en Dynamique réel.
7
7:
Nous voyons que la vignette du calque dynamique a changée, une icône le signalant comme étant dynamique.
24
.psd 05/2011 | www.psdmag.org/fr
pratique
Les Calques Dynamiques 8, 9:
Occultons le calque Dynamique, sélectionnons le calque Normal. [Ctrl]+[T] clic sur la poignée hautgauche du tracé correcteur tout en appuyant sur la touche [Maj] et ramener ce coin vers le bas de façon homothétique pour obtenir cet affichage. Positionnez un tracé Repère de façon à pouvoir réaliser la même manipulation sur le calque dynamique.
8
9
10:
L’image réduite du calque dynamique était marquée d’une croix à l’intérieur durant la manipulation, preuve que cette image est bien une image dynamique. Nous allons refaire les mêmes manipulations pour à présent remettre à leur taille initiale, les deux images que nous avons réduites au préalable. Inversons donc les manipulations, [Ctrl]+[T] et jouons sur les poignées et la touche [Maj] pour réagrandir nos deux images. Faisons plusieurs fois cette manipulation sur les deux calques, agrandir-réduire. À la première manipulation, nous avons déjà une différence de qualité entre les deux calques. Plus nous manipulerons et plus la qualité du calque normal se dégradera alors que le calque dynamique n’aura pas bougé !
10
26
.psd 05/2011 | www.psdmag.org/fr
pratique
Les Calques Dynamiques UTILISATION DES CALQUES DYNAMIQUES
Dans cette seconde partie, nous allons voir une utilisation intéressante et facile quant à l’utilisation des calques dynamiques.
11
11:
La planche multi format :dans un premier temps nous voulons réaliser une planche réunissant plusieurs formats d’une même photo. Je pars du principe que tout le monde sait manipuler Photoshop mais, justement, nous avons des automatismes qu’il est bon de revoir, aussi je m’appliquerai à détailler les manipulations. Nous allons donc ouvrir Photoshop et créer un nouveau document en A4 et à 250 dpi. Disposez ce document en paysage (horizontale). Affichez les règles [Ctrl]+[R] et cliquez droit sur la règle pour choisir les %. Glissez un repère à 50% du document horizontal et vertical (donc au centre de la feuille). Nous obtenons donc une feuille partagée en deux, horizontalement et verticalement.
12
27
.psd 05/2011 | www.psdmag.org/fr
12:
Ouvrons une image de base qui sera l’image remplaçable. Plaçons cette image sur notre plan de travail et commençons à la positionner. Transformons cette image en image dynamique, clic droit sur le calque Convertir en image dynamique. Ce calque, dynamique, va nous servir à réaliser notre montage.
formations
N
ous avons le plaisir de vous présenter la rubrique Formations dans laquelle
les écoles et les centres de formations présenterons leurs formations en graphisme et multimédia.
Dans cette rubrique vous trouverez les présentations générales de ces établissements ainsi que les descriptions de divers cours qu’ils proposent. Vous connaîtrez ses avantages et ses spécificités afin de bien choisir la formation qui répondra à vos attentes.
Sur notre site www.psdmag.org/fr vous trouverez la section Formations contenant les courtes descriptions des établissements et leurs coordonnées.
28
.psd 05/2011 | www.psdmag.org/fr
pratique
Les Calques Dynamiques 13
13:
Nous allons réaliser différents formats et positionnements. [Ctrl]+[T] plus clic gauche sur [Maj] pour réduire l’image de façon homothétique. Plaçons l’image comme sur la capture d’écran. [Ctrl]+[J] pour dupliquer le calque. [Ctrl]+[T] plus clic gauche sur [Maj] pour réduire de moitié l’image de façon homothétique avec une rotation de 90° pour la positionner en verticale dans la partie bas droit. Choisissons [Ctrl]+[J] pour dupliquer le calque et le déplacer vers la droite, toujours dans la partie bas droit et obtenir ceci. Une dernière fois [Ctrl]+[J] pour déplacer ce calque et le mener à gauche de notre montage, [Ctrl]+[T] pour modifier et ré-agrandir l’image sans destruction, puisque dynamique. Nous avons un montage comme sur la capture d’écran.
14
14:
Ce n’est pas fini. À chaque calque dynamique, il nous faut ajouter un masque de fusion ! Cette partie est très importante pour la suite de nos manipulations. Positionnons-nous sur les vignettes de chaque calque dynamique, [Ctrl] + clic gauche sur la vignette et sélectionnons le calque, puis cliquons sur l’icône Ajouter un masque de fusion. Après avoir pratiqué de la sorte sur chaque calque, nous avons des calques avec un masque de fusion correspondant à la position et au format de nos images.
15
15:
Affichons l’arrière-plan blanc et imprimons le montage si nécessaire. À présent nous voulons conserver cette mise en page, mais y inclure une autre photo ! Il nous suffit d’aller dans Calque>Objets dynamiques>Remplacer le contenu et sélectionner l’image remplaçante. Voici le résultat, les deux montages sont identiques quant aux formats.
30
.psd 05/2011 | www.psdmag.org/fr
pratique
Les Calques Dynamiques AVANTAGES DE L’UTILISATION DES CALQUES DYNAMIQUES
Dans cette partie, nous allons appliquer ce qui est réellement un plus dans l’utilisation des calques dynamiques.
16
16:
Ouvrons une photo dans Photoshop. Renommons l’Arrière-plan en calque Normal. Dupliquons ce calque et nommons-le calque Dynamique. Un clic droit sur ce calque pour le Convertir en objet dynamique. Double clic sur la vignette du calque dynamique. Une nouvelle fenêtre s’ouvre avec le message d’enregistrer le fichier. Valider par OK
17
31
.psd 05/2011 | www.psdmag.org/fr
17:
Une nouvelle image avec l’extension .PSB s’ouvre. Nous allons faire quelques réglages : Niveaux, Correction sélective (par exemple). Validez en fermant l’image. Enregistrez aussi les modifications par en cliquant sur Oui.
pratique
Les Calques Dynamiques 18
18:
Le résultat obtenu est bien une correction de notre calque sans les calques de réglages qui, eux, se trouvent toujours dans notre .PSB sur le disque en provisoire. Le calque dynamique a été modifié en Niveaux et en Correction sélective. Dupliquons ce calque dans le but de faire un montage [Ctrl]+[J]. Sélectionnons le visage de l’enfant à l’aide de l’outil Sélection. Appliquons-y un masque de fusion. Prenons l’outil de Déplacement [V] et déplaçons le calque en haut à gauche. Il est important de laisser Chainés les deux vignettes.
20:
19:
En occultant les deux calques du dessous, nous ne voyons que la sélection. Pas d’inquiétude si nous décochons la vignette du masque de sélection du calque affiché en se mettant sur le masque tout en cliquant sur la touche [Maj]. L’image reste toujours dans son intégrité. En déchainant les deux vignettes, nous pouvons déplacer soit la photo, soit la sélection en cliquant sur chaque vignette correspondante. Ne pas oublier de remettre le chainage pour déplacer l’ensemble ! Pour changer la sélection, modifions celle-ci, mais supprimons la vignette du premier masque et refaisons une fois la sélection faite.
Passons sur le calque du dessous, calque Dynamique, et appliquons-y quelques modifications supplémentaires. Supposons que nous envisagions de passer ce calque dynamique en noir et blanc. Double cliquons sur notre vignette du calque et le calque en .PSB s’ouvre. Choisissons ensuite Calque de réglage>Noir et blanc. Validons en fermant l’image. Nous faisons un constat déplorable : les deux calques sont passés en noir et blanc. Forcément, ils sont dynamiques, donc liés chacun à l’image de base !
20
32
.psd 05/2011 | www.psdmag.org/fr
19
pratique
Les Calques Dynamiques 21
21:
Pour éviter ce genre de résultat, nous devons agir différemment. [Ctrl]+[Z] pour annuler l’opération. Plaçons-nous sur l’option Calque de réglage>Noir et blanc. Là, le résultat correspond à ce que nous voulions ! Positionnons-nous sur la vignette du Calque dynamique copie, pas le masque. [Ctrl]+[T] et agrandissons un petit peu la tête. Dans le résultat final, j’ai appliqué quelques contours au cadre de la sélection (Effets>Styles de calques).
22:
Dernière opération : remplacer le calque dynamique. Choisissons Calque>Objets dynamiques>Remplacer le contenu. Cherchons une nouvelle image. Valider la sélection. Nous voyons que seul le calque dynamique a été remplacé ainsi que la partie sélectionnée, le calque Normal est toujours présent !
22
33
.psd 05/2011 | www.psdmag.org/fr
FOCUS
LE HDR
LA SUBLIMATION DE VOS PHOTOS Le HDR, savez-vous réellement ce que c’est ? Une explication s’impose ! À travers cet article, nous allons essayer de vous faire découvrir cette technique photo, qui, en plus d’être assez facile à comprendre, propose des résultats surprenants et de grande qualité.
34
.psd 05/2011 | www.psdmag.org/fr
LE HDR LA SUBLIMATION DE VOS PHOTOS
FOCUS
Angélique Mouton Elle a 24 ans, et elle est actuellement en contrat de professionnalisation, dans le domaine du Web. Elle se dirige vers une carrière de conceptrice de sites internet. Elle a également une passion, la photo, qu’elle a décidé de vous faire partager à travers son site : http://www.technique-hdr.fr Vous y trouverez une explication concrète de la technique HDR ainsi qu’une galerie photo et des tutoriels pour réaliser pas à pas vos plus belles photos HDR.
1
Le HDR, ou plutôt HDRI pour les intimes, signifie High Dynamic Range Imaging, et peut-être traduit en Français par Imagerie à Grande Gamme Dynamique. Pour parler plus concrètement, la technique HDR permet de sublimer les photos, là ou, normalement, elles auraient du être…banales, voire ratées! Regardez par exemple cette belle photo d’église, à gauche sans le HDR et à droite avec.
1a
Figure 1. Église de Sens, France. À gauche sans HDR, à droite avec
Mais, me direz-vous, comment faire pour passer de l’une à l’autre ? Sachez que les photos HDR s’obtiennent en prenant en général trois clichés (ou plus) d’un plan, avec des expositions différentes. Il faut ensuite se servir d’un logiciel, qui vous permettra de combiner ses clichés pour avoir au final une seule photo qui sera un mélange amélioré des 3 photos de départ.
35
.psd 05/2011 | www.psdmag.org/fr
LE HDR LA SUBLIMATION DE VOS PHOTOS
FOCUS
Premiers pas
Pour que vous puissiez partir sur de bonnes bases pour réussir vos photos HDR, voici quelques petits conseils. Tout d’abord, le matériel: • un appareil photo (reflex si possible, mais pas obligatoire), • un trépied (fortement conseillé), • un œil acéré pour un bon cadrage ! Pour commencer, je vous conseille de prendre des paysages, ou des vues d’ensemble, des panoramas, le rendu n’en sera que plus attrayant. Allumez votre appareil photo et prenez trois photos du même plan, sans bouger d’un centimètre (d’où l’intérêt du trépied) avec 3 expositions différentes. Une surexposée (trop claire, avec beaucoup de lumière), une en exposition normale, et une sousexposée (trop foncée, avec peu de lumière). Vous pouvez le faire manuellement (en mode Manuel) de votre appareil photo, en essayant de respecter à chaque fois le même écart d’exposition pour les trois photos (par exemple : -2 pour la sousexposée, 0 pour la normale et +2 pour la surexposée). Ou sinon, si vous êtes un pro de la photo et que vous disposez de la fonction bracketing sur votre appareil, je vous conseille vivement de l’utiliser ! Cette fonction vous permet de prendre 3, 6 ou 9 clichés
2
(selon les produits) avec des expositions différentes, sans avoir à le faire manuellement. Une fois que vous avez vos trois photos, il vous faudra aller les exploiter dans un logiciel prévu pour le HDR. Vous avez, bien sur, Photoshop, qui a pensé à tout. Cependant, je vous conseille un autre logiciel, qui lui est totalement dédié au HDR, et qui donc a plus de fonctionnalités et un rendu nettement meilleur. Ce logiciel, c’est Photomatix Pro. C’est un logiciel payant, mais vous pouvez télécharger la version d’essai à cette adresse : http://www.hdrsoft.com/fr/download.html Attention, avec la version d’essai, un filigrane sera visible sur toutes vos photos.
Comment s’en servir?
C’est très simple. Vous importez vos 3 photos dans Photomatix, et ensuite vous jouez avec les réglages pour avoir des résultats plus ou moins surprenants. Photomatix détient aussi une fonctionnalité fort surprenante, qui s’appelle le tone mapping. Il s’agit ici de faire prendre à la photo une tournure irréelle. On peut alors facilement rendre une photo dramatique, sombre, ou fantastique en quelques clics.
2a
Figure 2. Le Printemps, Paris, avant à gauche, après à droite
3
3a
Figure 3. Le Printemps, Paris, avant à gauche, après a droite
36
.psd 05/2011 | www.psdmag.org/fr
LE HDR LA SUBLIMATION DE VOS PHOTOS
FOCUS
Complications
Le problème est que parfois, il est impossible de prendre trois photos identiques. Si vous souhaitez prendre des animaux, ou si vous devez prendre quelque chose en mouvement…un coup de vent est si vite arrivé ! Il y a cependant une petite technique, qui peut aboutir à un résultat correct. Vous importez votre seule et unique photo dans un logiciel, peu importe lequel, Photoshop par exemple. Cliquez sur Enregistrez sous, puis enregistrez votre photo sans rien changer sur l’image. Recommencer à nouveau l’opération. (Photo_de_depart, photo_2, photo_3). Vous avez donc maintenant trois fois la même photo. Vous allez ensuite importer vos trois photos dans Photomatix, de la même manière que précédemment. Photomatix va alors voir que vous essayez de le duper ! Il va vous créer un petit message en vous disant que ces trois photos ont la même exposition.
Cependant, comme il est intelligent, il va nous proposer de changer les EV (->exposition value, donc l’exposition) des photos. Cliquez sur la liste déroulante et choisissez ce qui convient (en général deux). Faites ensuite les manipulations et les réglages habituels. Et voilà le résultat ! Le HDR plaît ou ne plaît pas, il n’y a pas de juste milieu ! Certains disent que cela dénature la photographie, et que c’est plus du photomontage qu’autre chose. D’autres, pensent qu’il ne faut pas en abuser non plus, et que le HDR peut rester très naturel, et quasiment invisible… Le HDR sert à sublimer les couleurs, à augmenter la résolution de l’image, et à atténuer les contre-jours ou les lumières directes. Chacun a sa façon de s’en servir, pour des résultats plus surprenants les uns que les autres. C’est une passerelle entre le réel et l’imaginaire… Pour bien commencer avec le HDR, faites donc un tour sur mon site ! http://www.technique-hdr.fr
4
4a
Figure 4. À gauche avant, à droite après
37
.psd 05/2011 | www.psdmag.org/fr
FOCUS
La conduite de projet d’un site Internet Cyrille THERY / Grafix Influenz Après des études d’arts, de communication et de conception web et multimédia, quelques temps en agence ont permis à Cyrille de développer une offre globale au service de l’image des entreprises et autres structures. C’est ainsi qu’est né Grafix Influenz qui intervient dans tous les domaines de la communication (site Internet, PAO, Illustration, identité graphique, etc..). Le but de cette agence est d’offrir à tous une prestation de qualité, sur-mesure et pour tous les budgets. La notion de conseil et de suivi est une des pierres angulaires de notre philosophie. http://www.grafix-influenz.com http://www.cyril-thery.com
Cet article s’adresse à toute personne désireuse de connaître le processus de création d’un site Internet. Il a pour objectif de définir une méthode de travail en détaillant les étapes d’élaboration d’un tel projet du début à la fin. L’axe de cet article induit la réalisation d’un site pour un client, mais les gens désireux de réaliser un site ou de le faire réaliser pour eux-mêmes y trouveront également un intérêt. Au terme de votre lecture, vous aurez donc une vision globale des points importants à prendre en compte dans la conduite d’un projet web.
38
.psd 05/2011 | www.psdmag.org/fr
FOCUS
La conduite de projet d’un site Internet COLLECTE D’INFORMATIONS ET PRÉ-REQUIS À L’ÉLABORATION DU PROJET La première chose et aussi la plus importante pour conduire un projet de façon efficace est de déterminer les besoins de façon précise. Il n’existe pas de méthode à proprement parler pour réaliser un briefing de qualité, cependant il y a de nombreux points importants à ne pas oublier. Tout d’abord, la philosophie du site. Il s’agit ici de déterminer le message qu’il doit véhiculer, à qui il s’adresse, de quelle façon, etc... Le but est de déterminer la plus-value attendue du site. Cela peut paraitre superflu mais ces informations vous permettront de gagner un temps précieux dans vos échanges futurs et surtout de répondre de la façon la plus efficace aux besoins réels du client. Le second point concerne la partie graphique. Le travail consistera ici à étudier les éléments existants s’il y en a (charte graphique, logo, support papier,…), définir les médias à intégrer (photos, graphiques...) et les créations graphiques nécessaires (illustrations, modèle 3D, animations,….). Ensuite vient la partie technique. Il faut collecter les informations qui induiront le choix des technologies à employer. Il faut déterminer les besoins d’interactivité comme l’inscription à une newsletter ou un formulaire de contact, les besoins d’éléments administrables ou de fonctions particulières. Il serait trop long de lister de façon exhaustive les points à aborder, mais l’enjeu ici sera de déterminer l’architecture la plus adaptée. Cela induira par exemple l’utilisation ou non d’un
CMS (Content Management System) ou encore le développement sur mesure de certaines applications. Pour finir Vous pouvez envisager les besoins en référencement, la notion d’accessibilité ou encore l’installation d’un outil statistique tel que Google Analytics. Avec toutes ces informations en main, vous pouvez maintenant établir un devis et un cahier des charges reprenant l’ensemble des engagements de chacun et les caractéristiques du site à venir. Le cahier des charges doit être fait en deux exemplaires que chacun des deux parties aura signé. Il constitue les termes du contrat. Le devis suit ce même principe et il doit systématiquement être accompagné d’un acompte à déterminer conjointement.
LA CONCEPTION GRAPHIQUE DU PROJET C’est maintenant que ça devient intéressant, on rentre dans la conception. La première chose à faire, c’est de concevoir la maquette graphique. Pour cela d’innombrables méthodes existent. Les logiciels les plus courants pour la réalisation de maquette sont Adobe Photoshop, The gimp ou Adobe Illustrator par exemple. Ensuite il suffira d’utiliser les éléments recueillis et votre fibre artistique pour faire un webdesign conforme aux souhaits du client. Mon conseil en ce qui concerne la présentation au client pour validation, c’est de lui montrer en ligne plutôt que d’envoyer une image au format .jpg. Le fait de le voir en situation dans un navigateur permet au client de mieux appréhender le format final.
Figure 1. Interface d’Adobe Photoshop CS4
39
.psd 05/2011 | www.psdmag.org/fr
La conduite de projet d’un site Internet
FOCUS
LE CHOIX DE L’ARCHITECTURE Ensuite il s’agira d’intégrer la maquette (HTML, CSS) et d’effectuer le développement (Php, Asp, MySql...). La méthode à suivre dépendra de l’architecture choisie par vos soins. L’utilisation d’un CMS est un choix qui peut s’avérer pertinent suivant les besoins du client. Il en existe de très nombreux, plus ou moins faciles d’accès. Il est essentiel de faire le bon choix car maitriser un CMS demande toujours un apprentissage. Les méthodes d’intégration et de développement diffèrent énormément et surtout, bien que les CMS actuels soient très souples, chacun a ses propres orientations et limites. Il est également très important de tenir compte de vos propres limites. Pour ceux qui n’excellent pas dans la langue de Shakespeare, préférez un CMS en français possédant une documentation elle-aussi en français. Reste ensuite la question du langage de développement (ASP, PHP, moteur de template...) et le prix. Notons qu’il existe une multitude de CMS open source très efficaces permettant de créer tout type de site, du simple blog au site E-commerce. Voici une liste très sommaire des différents CMS sous licence GNU-GPL et de leurs orientations.
PRÉSENTATION DES PRINCIPAUX CMS Il y a tout d’abord l’excellent Wordpress qui est initialement un moteur de blog mais permet de réaliser de nombreux projets de petite et
moyenne envergure. Il a l’avantage d’être régulièrement mis à jour, de bénéficier d’une communauté francophone active et d’être plutôt simple d’utilisation. Il est développé en .php donc facilement accessible pour la majorité des développeurs et bénéficie de nombreux widgets (modules) permettant une multitude d’utilisation pour les plus novices en développement. Pour les sites de plus grande envergure, il existe également maintes solutions. Parmi elles, Joomla, Spip, Drupal ou encore Contao (anciennement Typolight) qui sont également open source. Le point commun de ces solutions est qu’ils permettent tous de créer un site complexe. Ici à chacun de faire son propre choix en fonction des éléments à prendre en compte. Pour finir, il y a une dernière catégorie qui se détache, ce sont les sites marchands ou E-commerce. Il existe de nombreux modules (plus ou moins élaborés) sur certains CMS cités plus haut permettant une utilisation marchande basique. Pour des sites E-commerce complexes, deux logiciels open source se disputent le marché : OS-Commerce et Prestashop. Le premier bien qu’un peu vieillissant reste une solution fiable tandis que le second se veut plus actuel tant sur l’aspect que du point de vue technique. Il en existe de nombreux autres, très faciles à trouver sur la toile. Si malgré la globalité de l’offre, rien ne correspond à vos besoins, il faudra opter pour du sur-mesure. Dans ce cas, pas de doute à avoir, il faut mettre les mains dans le cambouis. C’est ici que se détermine les limites techniques de chacun.
Figure 2. Vous pouvez télécharger Wordpress en français sur http://www.wordpress-fr.net/
40
.psd 05/2011 | www.psdmag.org/fr
FOCUS
La conduite de projet d’un site Internet FAIRE DU SUR-MESURE
FINALISATION DU PROJET
Dans le cas d’un site vitrine, hormis des connaissances en XHTML et CSS vous aurez besoins d’un éditeur de texte. Le bloc note peut largement faire l’affaire mais il existe des éditeurs plus performants. Prenons l’exemple du très bon Notepad++ qui intègre entre autre une colorisation syntaxique adaptée au langage utilisé ainsi que différents outils très pratiques, sans oublier qu’il est totalement gratuit. Les moins aguerris peuvent utiliser ce que l’on appelle un WYSIWYG (What You See Is What You Get) tel qu’Adobe Dreamweaver (479€ HT pour la version CS5) qui est le plus connu d’entre eux. Ce type de logiciel permet d’intégrer un site sans écrire de ligne de code, vous placez les éléments et le logiciel l’écrit pour vous. Attention tout de même à ce type de logiciel, cela parait idyllique au premier abord mais les moins expérimentés pourraient se retrouver avec un code trop lourd ou des bugs d’affichage.
Pour finir ce processus, il reste la validation du site et sa mise en ligne. Pour vous aider à corriger les bugs, Firefox s’avère un allier intéressant grâce à des modules comme l’excellent Firebug ou encore Webdeveloper Toolbar qui permet entre autre d’effectuer une validation W3C (World Wide Web Consortium). N’oubliez pas de tester votre site sur tous les navigateurs récents du marché pour détecter d’éventuels problèmes d’affichage ou de comportement.
Si vous souhaitez un site dynamique vous devrez avoir recours à un langage de développement. Le Php est le plus répandu car il est open source et très performant et bénéficie d’une communauté très active. Il est très souvent utilisé avec le système de gestion de bases de données MySql. Vous pouvez effectuer le développement avec les mêmes outils que pour un site vitrine mais pour pouvoir voir ce que vous faites il faudra mettre le code sur un serveur. La solution la plus simple consiste à installer un serveur local sur votre ordinateur afin de simuler le comportement qu’aura votre site une fois en ligne. Pour windows, le logiciel le plus répandu est Wamp Server qui est open source et sur Macintosh, on peut utiliser Mamp. Inutile ici de rentrer trop dans le détail car cela nécessiterait un article à part entière.
Pour la mise en ligne, il vous faudra bien évidemment un hébergeur et surtout un client FTP. Il s’agit d’un logiciel permettant de transférer des fichiers sur un serveur distant. Vous pouvez le faire directement avec Dreamweaver ou le module NppFTP pour Notepad++ ou encore utiliser un logiciel dédié tel que Filezilla (Windows) ou Cyberduck (Macintosh). Pour conclure, prenez bien le temps de diagnostiquer les besoins d’exécution et les solutions logicielles nécessaires au bon déroulement du projet. Dans le cadre d’une relation client, précisez bien les engagements de chacun par écrit pour éviter tout litige et faîtes valider le travail à toutes les étapes, la communication est la clé d’un travail bien fait et d’un client satisfait. Et enfin n’oubliez pas de demander un acompte. 30% avant le début des travaux est une moyenne courante. Libre à vous ensuite d’établir une politique tarifaire ou commerciale adaptée.
Figure 3. Firebug est un module complémentaire de Firefox
41
.psd 05/2011 | www.psdmag.org/fr
interview
Interview
d’Alexandra Petracchi QU’EST-CE QUE VOUS AIMEZ LE PLUS DANS LA VIE ? Rire, être avec les gens que j’aime et avoir du temps pour profiter de ces moments, si c’est possible à l’ombre d’un grand arbre avec un beau ciel ensoleillé au dessus de la tête... POUVEZ-VOUS VOUS PRÉSENTER ? Je m’appelle Alexandra Petracchi, je suis illustratrice, DA graphiste web et print. QUEL EST VOTRE PARCOURS ? Née d’une maman danseuse, j’ai évolué dans ce milieu toute mon enfance. Dès l’âge de 12 ans, j’ai suivi une formation de danseétudes ; la voie semblait toute tracée pour la petite fille que j’étais je serai danseuse… Mais de manière assez hasardeuse, je me suis retrouvée avec des pinceaux et des crayons dans les mains puis j’ai découvert l’histoire de l’art, les cours de nu, le dessin, la peinture et le graphisme. Je ne me suis plus jamais posé la question de ce que j’aimais, j’avais trouvé : c’était peindre, dessiner, faire des images. Mon BTS de communication visuelle en poche, j’ai enchainé sur une licence d’art plastique pour travailler plus mes projets plastiques et j’animais en parallèle des ateliers d’initiation à l’animation volume dans des écoles. Une petite expérience d’un an dans une petite boîte de production audiovisuelle à faire des petites séries animées en flash. Une superbe rencontre avec un éditeur allemand et hop, je me suis lancé en freelance. Depuis 10 ans maintenant je suis indépendante, je travaille en ateliers à Paris, aux côtés de nombreux illustrateurs de talents. J’ai choisi d’être polyvalente, du coup je travaille beaucoup en tant qu’illustratrice, mais également en tant que graphiste, directrice artistique, qu’il s’agisse de support papier ou numérique.
42
.psd 05/2011 | www.psdmag.org/fr
interview
Interview d’Alexandra Petracchi QU’EST-CE QUI GRAVITE AUTOUR DE VOUS, QUEL EST VOTRE MONDE ? Mes amis, ma famille, mon amoureux, des livres, de la musique, des couleurs, des formes, de la poésie, des cauchemars, des corps, des courbes, des rêves...
Tim Burton, SigurOs, Rébecca Dautremer, les peintres et illustrateurs Russes, ceux de ma génération et tant d’autres… PARLEZ-NOUS DE VOTRE TECHNIQUE GRAPHIQUE PRÉFÉRÉE ? Je n’ai pas de préférences, chaque technique est pour moi une sorte de langage, certaines jouant avec le hasard, d’autres avec les infinies possibilités du numérique ou encore les contraintes du traditionnel.
QUEL EST VOTRE PROCESSUS DE CRÉATION ? Cela dépend lorsqu’il s’agit de commande en graphisme ou en illustration, je fais des recherches, ensuite je gribouille sur du papier, des petits détails, des compositions, puis j’entame le travail numérique naviguant entre Illustrator et Photoshop. Pour mes illustrations personnelles, je travaille beaucoup sur papier au départ en écriture automatique pour me laisser plus de liberté, ensuite je scanne et là cela dépend : soit je garde le crayonné et je fais ma mise en couleur sur Photoshop, soit je redessine le tout sur Illustrator et ensuite j’ajoute matière et nuance sur Photoshop.
COMMENT L’AVEZ-VOUS DÉVELOPPÉ ? Je cherche, je tâtonne, je me laisse surprendre...
QU’EST-CE QUI VOUS INSPIRE ? La poésie de chaque chose et de chaque instant, la musique, la mythologie, la nature, la peur, les cauchemars, la vie, l’amitié, l’amour et le cinéma. Je pense que tout ce que je vois, vis, écoute et rêve sont une source d’inspiration. Et bien entendu de nombreux artistes (illustrateurs, plasticiens, réalisateurs, photographes, auteurs...) m’inspirent, mais la liste serait trop longue. QUELLES SONT VOS RÉFÉRENCES GRAPHIQUES ? S’il faut des noms, elles ne seront pas QUE graphique, Ernest Pignon Ernest, Rauschenger, Rothko, Soulages, Caravages, Annette Messager, Louise Bourgeois, Bjork, Rulio Medem, Tim Walker,
43
QUELS SONT VOS PROJETS ? Je travaille énormément avec le collectif de vidéaste Iduun et notre spectacle audio, vidéo et cinéma Kadambini (http://www.iduun.com/kadambini), on commence à tourner un peu en Europe et de belles choses se profilent de ce côté-là. Sinon des projets d’exposition dans les mois à venir, une expo collective sur les Pin’up à la galerie Paris, et une autre à Seattle. Et puis pas mal d’envie : illustrer des livres, travailler sur des installations, faire des collages et plein de nouvelles images. UN DERNIER MOT À AJOUTER ? Merci pour cette interview pour en voir plus rendez-vous sur :
Blog : www.faitetrit.com/blog Site web : www.faitetrit.com/ Facebook : www.facebook.com/faitetrit Twitter : http://twitter.com/faitetrit
.psd 05/2011 | www.psdmag.org/fr
Interview préparé par Cédric Baudouin