PSD N°65 by michel bombled

N° 11/2012 (65)

Mensuel Novembre ISSN 1733-2745

Jouez avec des lumières et couleurs Créez une image fantasy à partir d’une simple photo

Photomontage

Travaillez sur les ombres et les masques de fusion afin de mettre en avant l’élément principal de votre composition Utilisez les techniques de relight pour donner du dynamisme à vos images

Image vectorielle Du croquis à l’imprimé – création du packaging

TAMAGO - découvrez les techniques de dessin vectoriel sous Illustrator

Chers lecteurs, Dans le numéro de novembre nous vous présenterons les tutoriels non seulement sous Photoshop, mais vous allez apprendre aussi comment créer les images vectorielles sous Illustrator. Tout d’abord nous vous recommandons de réaliser le tutoriel dont le visuel final se trouve sur la couverture. L’auteur de cette création, Stephanie Pitino alias ClairObscur, vous présentera comment jouer avec des lumières et couleurs pour créer une image de style fantasy basant sur une simple photo. Vous allez utiliser l’outil Densité + et – ainsi que l’outil Pinceau afin d’obtenir le résultat souhaité. Nous voudrions vous inviter aussi à la lecture de tutoriel de Martin Leblet Music never dies. L’auteur vous expliquera comment mettre en avant l’élément de votre composition en utilisant les différentes options de Photoshop : filtre Photo, superposition de calques ou calques de réglage. Vous verrez également comment intégrer une typographie dans la composition en utilisant les filtres. Pour ceux qui se passionnent par la création vectorielle, nous proposons deux tutoriels. Le premier est préparé par Alan Cloiseau qui vous présentera les techniques de dessin vectoriel sous Illustrator. Vous regarderez comment, à partir d’un esquisse, réaliser une image de Tamagotchi. Le deuxième tutoriel sur la création vectorielle vous expliquera comment réaliser le projet de packaging. L’auteur, Magdalena Giannelis, vous donnera des conseils sur ce type de compositions et vous montrera comment parvenir au résultat final en se servant d’Illustrator et Photoshop. Bonne lecture à tous , Équipe .psd Photoshop

Le magazine .psd est publié par SW Press Sp. z o.o. Président de SW Press Sp. z o.o. Dominika Truszczyńska-Gosk Directrice de la publication Justyna Książek ISSN : 1733-2745

DTP Graphics & Design Eurodesign www.euro-design.info Photo de couverture Stephanie Pitino alias ClairObscur

SW Press Sp. z o.o. 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

Jonathan Marois, Patrick Haond, Benoît Recarte, Charline Goutx, Hélène Hertgen, Aurélien Lautour

Publicité publicite@software.com.pl

Les personnes intéressées par la coopération sont priées de nous contacter : fr@psdmag.org

.psd 11/2012 | www.psdmag.org/fr

Tous les logos et marques déposées sont la propriété de leurs propriétaires respectifs.

sommaire NEWS

MULTI-EXPOSURE 06 Une innovation qui a révolutionné le monde d’édition d’images

DOSSIER

Nymph of the Forest Stephanie Pitino alias ClairObscur

Sélénia 14 Olivier Gros

PRATIQUE

TAMAGO 20 Alan Cloiseau Music never dies Martin Leblet

MEXICAN SKULL CIG’PACKAGING Magdalena Giannelis

In Another World Matthieu Leung

FICHE TECHNIQUE Passer du solide au liquide Arnaud Michanol

GALERIE

Galerie de Matthieu Leung

.psd 11/2012 | www.psdmag.org/fr

NEWS

MULTI-EXPOSURE Une innovation qui a révolutionné le monde d’édition d’images

Tant dans le monde numérique que dans le monde analogique de la photographie presque tout se tourne autour de la qualité des photos. Les innovations techniques qui augmentent la qualité d‘image sont toujours saluées avec enthousiasme. En cas d‘appareils photo numériques cela signifie une augmentation du nombre de pixel et des algorithmes améliorés pour l‘optimisation d‘images.

SILVERFAST

EXCLUSIVE

Mais comment peut-on obtenir la meilleure qualité pour les photos déjà prises? Comment peut-on tirer le maximum d‘informations embarquées dans ses diapositives et négatifs pour pouvoir les ensuite transmettre au format numérique sans aucune perte?

C‘est l‘un des challenges que l‘entreprise allemande LaserSoft Imaging - le pionnier dans son genre de l‘édition d‘images et le développeur du logiciel SilverFast couronné dans le monde entier -relève et continue de relever depuis maintenant des décennies. Les fonctions innovantes de SilverFast améliorent visiblement la qualité d‘images pendant que le maniement du logiciel reste toujours simple. Mais seulement avec l‘innovation de Multi-Exposure® (exposition multiple) de SilverFast l‘entreprise a réussi à obtenir une augmentation de qualité qui est unique dans l‘histoire de l‘édition d‘images.

Numérisation sans Multi-Exposure

Numérisation coleur 35mm Pour pouvoir comprendre comment la qualité d‘images a été améliorée il faut connaître le rôle de la plage dynamique pendant la numérisation. Le choix de la résolution (mesuré en ppp) lors de la numérisation est un facteur important.

Karl-Heinz Zahorsky CEO LaserSoft Imaging

Numérisation avec Multi-Exposure

La plage dynamique ou la densité indique la capacité du scanner de reconnaître les niveaux de contraste. Durant une prise d‘une photographie les originaux transparents c‘est-à-dire les diapositives, négatifs couleurs ou des films en noir et blanc en raison de leur structure photosensible permettent d‘enregistrer une large étendue de contraste. Le scanner n‘est pas en mesure de capturer cette étendue de contraste pendant un processus standard de numérisation. On constate alors une: perte de beaucoup de détails dans les zones d‘image les plus obscures et les plus claires.

.psd 11/2012 | www.psdmag.org/fr

Pour pouvoir capturer toutes ces informations d‘image, Multi-Exposure de SilverFast effectue deux numérisations en harmonisant automatiquement le temps d‘exposition de ces deux scan: un scan capte les zones d‘image obscures et l‘autre les plus claires. Immédiatement après les deux scans seront réduits à une seule image. Cette opération doit s‘effectuer avec une très grande précision sinon le résultat sera flou.

Numérisation avec Multi-Exposure

Numérisation sans Multi-Exposure

Augmenter la Plage Dynamique avec Multi-Exposure 13.489

15.849

7.943 1.413

Canon 9000F

3.388

Nikon LS5000

High-End Drum Scanner

Quelques mesures indépendantes selon la norme ISO 21550:2004 constatent l‘augmentation de la plage dynamique. L‘innovation révolutionnaire montre exactement l‘importance de la part du software dans tous les résultats d‘image. SilverFast a déjà reçu plusieurs prix pour sa fonction Multi-Exposure et l‘augmentation de la plage dynamique, entre autres le prix EDP d‘European Digital Press Association.

7.762 ISO 21550:2004 – C‘est quoi cette norme et qu‘est ce qu‘ils disent leurs résultats? La norme ISO 21550:2004 définie les méthodes pour mesurer et évaluer la plage dynamique des scanners électroniques pour la numérisation du matériel photographique analogue. Les valeurs qui sont les résultats d‘une mesure sont indiquées comme un logarithme de la valeur réciproque de la luminosité. C‘est-à-dire un scanner qui est un mesure d‘atteindre une plage dynamique de 2,0 peut appliquer un rapport de contraste de 100:1. Étant donné que c‘est une fonction logarithmique l‘augmentation de 2,0 à 3,0 qui semble sur le moment insignifiante mais qui est réellement un décuplement du nombre de niveaux de gris. Les diagrammes montrent des mesures selon ISO 21550:2004 pour les différents scanners – comme référence il y a indiquées les valeurs d‘un scanner High-End.

2.399

3.890

1.259

1.905

Epson V700 Photo

Microtek ArtixScan F1

1.380 reflecta MF 5000

Nombre de niveaux de gris

8.913

Nombre de niveaux de gris

NEWS

MULTI-EXPOSURE

Bilan: Multi-Exposure de SilverFast augmente visiblement la capacité de votre scanner selon les critères de qualité les plus importants: la plage dynamique. Pour obtenir la meilleure qualité possible nous vous recommandons pendant chaque numérisation d‘une diapositive ou négatif l‘utilisation de Multi-Exposure afin de capturer le maximum des informations embarquées dans l‘image.

.psd 11/2012 | www.psdmag.org/fr

Nymph of the Forest

DOSSIER

Photoshop CS3 | intermĂŠdiaire

.psd 11/2012 | www.psdmag.org/fr

DOSSIER

Nymph of

the Forest

Créer une ambiance féerique avec Photoshop ! Le but de ce tutoriel est de vous apprendre à créer une image fantasy à partir d’une simple photo réalisée en studio. Vous allez apprendre à intégrer une photo dans un décor et travailler les lumières et couleurs. L’utilisation d’une palette graphique est recommandée. La version utilisée de Photoshop ici est la CS3. Pour vous aider vous pouvez visionner la vidéo du montage sur Youbube : http://www.youtube.com/watch?v=SwEaOgIIpp0 Cette création est disponible en carte postale et en poster ici : http://www.sp-design.info/shop

Stephanie Pitino alias ClairObscur Web designer formée à l’École Multimédia de Paris puis autodidacte en photomontage, ClairObscur collabore avec bon nombre de photographes et de maisons d’édition. Elle réinterprète à son gré les œuvres photographiques au fil de ses inspirations. Fantasy art, futuriste et bien d’autres univers alimentent sa créativité pour vous permettre de voyager toujours plus loin dans l’émotion de l’image. Elle vient de sortir un recueil de photomontages FATALES en collaboration avec la talentueuse photographe Nath-Sakura (www.nath-sakura.fr) que vous trouverez en vente ici http://shop.nath-sakura.fr/product.php?id_product=371 et dans les FNAC dès novembre 2012. Site internet : www.sp-design.info Facebook : www.facebook.com/clairobscur.art Shop : www.sp-design.info/shop

Amusez-vous bien !

Stocks

Voici tous les éléments pour la réalisation de cet exercice : Background : http://frozenstocks.deviantart.com/art/ Enchanted-Forest-Premade-141857010 Modèle : http://amethystdreams1987.deviantart.com/ art/Feathers-of-Blue-20-183527163 Brush (cheveux) : http://para-vine.deviantart.com/art/ Hair-brush-set-145384302

1: Pour commencer

Téléchargez les ressources nécessaire pour la création de ce montage. Créez un nouveau document : Fichier>Nouveau. Ici notre image fera 1829 pixels de large et 2436 pixels en hauteur. Enregistrez-le et appelez le document montage.psd. Mettons-le de côté pour le moment et passons au détourage de notre modèle. Vous pouvez, comme moi, dupliquer les calques de départ pour avoir la possibilité de voir l’avant-après et nommez-les Background et modèle par exemple. Sélectionnez l’outil Lasso polygonal, vérifiez si le Contour progressif est à 0 et que l’option Ajouter à la sélection est sélectionnée. Et c’est parti ! Zoomez et dé-zoomez avec les raccourcis [Ctrl]+[Espace] et [Ctrl]+[Alt]+[Espace] pour ne pas rater de mèches de cheveux, baladez-vous sur l’image en appuyant sur la barre espace (le curseur main apparaît), vous gagnerez un temps précieux ! Une fois le détourage terminé faites Sélection>Intervertir et appuyez sur la touche [Suppr] de votre clavier.

.psd 11/2012 | www.psdmag.org/fr

DOSSIER

Nymph of the Forest 2

2: Préparation du Background

Retournons maintenant sur notre document montage.psd. Ouvrez l’image de l’arrière-plan dans Photoshop et faites glisser l’image à l’aide de la flèche noir (outil Déplacement) sur notre document vierge. Vous vous rendrez compte que l’image est plus petite que notre document, il faut donc l’agrandir. Pour cela, j’utilise l’outil Déplacement (vérifiez que la case Option de transformation est bien cochée). Tirez sur une extrémité en ayant en même temps la touche

[Maj] enfoncée pour garder les proportions de l’image et éviter toute déformation. Appuyez sur la touche Entrée. Nous allons appliquer une symétrie horizontal à l’image, faites donc Image>Rotation de la zone de travail>Symétrie horizontale de la zone de travail. Une fois que c’est fait, décalez l’image vers la droite pour que l’ont puisse bien avoir l’arbre de gauche en entier.

.psd 11/2012 | www.psdmag.org/fr

DOSSIER

Nymph of the Forest 3: Dessiner les cheveux, lisser la peau

Pour dessiner les cheveux, nous allons utiliser les brosses (outil Pinceau) que vous aurez au préalable téléchargées sur Deviantart Hair_brush_set_ by_para_vine.abr. Une fois chargées, testez-les en modifiant leurs tailles et l’opacité, sélectionnez aussi à chaque fois une couleur se rapprochant de la chevelure, en fonction de la zone que vous travaillez. Pour cela, utilisez l’outil Pipette. J’alterne régulièrement les outils Doigt et Pinceau. Ce premier me sert à étaler la couleur et ce dernier à créer le mouvement et les détails. À vous de régler l’intensité et la taille de l’outil Doigt en fonction du résultat souhaité. Ici la taille est de 200 et l’intensité 47%. Ensuite pour lisser la peau, utilisez là aussi l’outil Doigt sur toute le modèle mais diminuez l’intensité à environ 30%. La taille à choisir varie en fonction de la zone à lisser, taille 200, et intensité 30% par exemple pour la joue ; taille 65 et intensité 15% pour les yeux et la bouche. Utilisez aussi cet outil sur les cheveux.

4 4: Lumière et maquillage

Vous pouvez accentuer son maquillage, foncer le contour des yeux et éclaircir l’iris. Pour cela, placezvous sur le calque du modèle, sélectionnez l’outil Densité + (forme arrondi flou, Taille 17) et réglez l’Exposition à 30%, Gamme de Tons moyens. Redessinez le contour de l’œil, repassez plusieurs fois dessus si vous souhaitez l’accentuer. Ensuite testez l’outil Densité -, même forme mais réglez l’Exposition à 20% et sélectionnez la Gamme de Tons clairs. Et passez sur l’iris, cela éclaircira notre œil ! Servez-vous aussi de cet outil pour faire briller la paupière! Passez aussi sur certaine zone du visage et du corps avec une forme plus grosse, notamment les cheveux, la main, la bague ou encore les ongles... Bref les outils Densités sont la clé pour jouer avec les lumières !

5: Intégrer le modèle au décor

À l’aide de l’outil Déplacement, faite glisser le modèle détouré sur notre document montage.psd en faisant bien attention de la placer derrière la racine de l’arbre quitte à devoir recouper sa robe pour qu’elle s’adapte à la forme de la racine.

.psd 11/2012 | www.psdmag.org/fr

DOSSIER

Nymph of the Forest 6: Peindre les cheveux par dessus la photo

Il est temps de ressortir ses pinceaux. Choisissez donc l’outil Pinceau, une des formes pour cheveux téléchargée plus tôt, une couleur correspondant à celle de la chevelure et commencez à peindre. Vous serez amené à modifier régulièrement les couleurs car il faut respecter la luminosité. Modifiez la taille et l’opacité de la forme selon les zones à dessiner. N’ayez pas peur de donner du volume aux cheveux, laissez voler quelques mèches ! Si cela ne vous satisfait pas, vous pouvez toujours revenir en arrière avec l’Historique.

7: Des détails importants

Notre modèle est bien installé sur notre décor mais pas encore assez bien intégré. Sa robe blanche contraste trop avec l’arbre, très sombre. Il faut alors assombrir le bas de sa robe et créer de nouvelles ombres. Pour cela, utilisez à nouveau l’outil Densité + sur le calque de notre modèle et foncez le bas de la robe jusqu’à ce que le résultat vous satisfasse. Un autre détail qui a son importance pour que l’intégration soit parfaite : l’Herbe. Il y en a un peu partout sur notre arrière-plan. Nous allons en rajouter au premier plan. Pour cela, cliquez sur votre calque Background, sélectionnez l’outil Tampon de duplication et le brush correspondant (installé par défaut dans Photoshop). Maintenez la touche [Alt] enfoncé puis cliquez sur une zone sombre de la racine de l’arbre. Celle-ci sera mémorisé. Il faut maintenant créer un nouveau calque, par dessus le calque de votre modèle, c’est important que ce calque soit en premier plan ! Cliquez maintenant sur le bas de la robe, là où vous souhaitez placer les herbes. Grâce à l’outil Tampon les herbes seront de la même texture que les racines !

8: Lueurs & effets Bokeh

À l’aide de l’outil Déplacement, faite glisser le modèle Cette étape consiste à donner des touches de lumières avec un effet Bokeh. Créez un nouveau calque, choisissez un blanc. Avec l’outil Pinceau, testez différentes tailles de brosses avec l’arrondi flou. Jouez avec les opacités et les modes des calques. Placez les formes où bon vous semblera. Vous pouvez aussi utiliser, comme ici, des brosses Étoiles que vous trouverez sur Deviantart.com par exemple.

.psd 11/2012 | www.psdmag.org/fr

DOSSIER

Nymph of the Forest 9

9: Sève Magique

L’étape suivante consiste à créer un côté magique au montage en dessinant de la sève sur la fissure de l’arbre. Pour cela, créez un nouveau calque et nommez-le Sève. Sélectionnez l’outil Pinceau, forme arrondi, Flou 65 px, Opacité à 60% et dessinez un trait le long de la fissure.

Ajoutez au calque un style en cliquant sur l’icône fx et choisissez Lueur externe avec les réglages suivants : mode de fusion Superposition, Opacité à 30% et Taille à 29 px. Pour terminer cette étape, retournez sur le calque Background et utilisez l’outil Densité - (Tons clairs) le long de la fissure, ce qui donnera un côté plus lumineux.

10 10: Derniers réglages

Pour la dernière étape, nous allons apporter quelques modifications aux niveaux des couleurs et du contraste. Pour cela, cliquez sur l’icône Créer un calque de remplissage ou de réglage. Sélectionnez Correction sélective..., modifiez les valeurs des couleurs Rouges et Jaunes, jusqu’à obtenir l’effet désiré. Cliquez à nouveau sur l’icône Créer un calque de remplissage ou de réglage, mais choisissez maintenant Luminosité/Contraste et augmentez la Luminosité à 17. Et voilà, votre création est terminée !

10a

.psd 11/2012 | www.psdmag.org/fr

DOSSIER

Sélénia Photoshop CS5 | intermédiaire

.psd 11/2012 | www.psdmag.org/fr

DOSSIER

Sélénia Dans ce tutoriel vous apprendrez à créer une mise en scène sombre d’inspiration Héroic Fantazy simplement à partir de quelques photos et effets. Nous utiliserons les masques de fusion, les modes de calques et les calques de réglages.

Sources : • • • • • • • • • •

arbre.jpg champ.jpg ciel.jpg corbeau.jpg Femme.jpg feuille.jpg rocher.jpg sol.jpg tatouage.jpg texture.jpg

Olivier Gros Passionné de graphisme depuis une dizaine d’années. Autodidacte et touche à tout, du photomontage à la 3D, en passant par l’illustration jeunesse, c’est avec envie que j’apprends et me perfectionne chaque jour. Vous pouvez me rejoindre sur Facebook ou mon site web : Site web : http://www.oliviergros.com Facebook : https://www.facebook.com/olivier.gros.14

1: Mise en place des éléments I

Ouvrez un nouveau document, de taille 1500 x 1500 px en 300 dpi. Placez l’image sol.jpg sur la scène et redimensionnez-la [Ctrl]+[T] de sorte qu’elle prenne tout l’espace. Placez ensuite l’image champ.jpg et appliquez-lui un masque de fusion (Calque>Masque de fusion>Tout masquer). Sur le masque de fusion, à l’aide de l’outil Pinceau, peignez avec une couleur blanche les zones où vous souhaitez faire apparaître les pissenlits. N’hésitez pas à varier l’opacité du pinceau, le rendu n’en sera que meilleur.

.psd 11/2012 | www.psdmag.org/fr

DOSSIER

Sélénia 2: Mise en place des éléments II

Utilisez la même technique pour l’image arbre.jpg afin de faire apparaître seulement l’arbre. Réduisez l’opacité du calque à 35%. Placez l’image rocher.jpg sur la scène et appliquez lui un masque de fusion (Calque>Masque de fusion>Tout masquer). Sur le masque de fusion, appliquez un dégradé linéaire partant de l’angle supérieur gauche et arrivant vers l’angle inférieur droit.

3: Mise en place des éléments III

Terminons la mise en place avec l’image ciel.jpg. Ajoutez un masque de fusion et appliquez sur celui-ci un dégradé linéaire de haut en bas. Enfin, passez le calque en lumière linéaire.

4: Le détourage et modification du modèle I

Ouvrez la photo du modèle (femme.jpg). Grâce à l’outil Plume, créez un tracé précis pour détourer le modèle. Ensuite clic pour poser un point d’ancrage et clic + [déplacement] pour modifier l’angle de la courbe. [Alt] sur un point d’ancrage pour le sélectionner. Placez le modèle sur la scène. Si votre détourage n’est pas parfait pour les cheveux, prenez l’outil Gomme, choisissez une opacité de 30% et effacez délicatement le contour des cheveux.

.psd 11/2012 | www.psdmag.org/fr

DOSSIER

Sélénia 5: Le détourage et modification du modèle II

Avec l’outil Densité -, peignez le collier, les bottes et les lèvres du modèle. Cela permettra de donner plus de brillance. Utilisez l’outil Doigt pour donner plus de mouvement aux cheveux. Avec le Lasso, sélectionnez une partie de la robe et dupliquez-la. Modifiez-la avec [Ctrl]+[T] de manière à lui donner de la profondeur. Appliquez-lui un léger flou gaussien avec un rayon de 1 pixel (Filtre> Atténuation>Flou Gaussien). Fusionnez [Ctrl]+[E] les calques modèle et le bout de la robe.

6: Réglages I

Placez l’image texture.jpg sur la scène. Passez l’opacité à 24% et changez son mode en Incrustation. Ajouter un masque de fusion et appliquez un Dégradé linéaire partant de l’angle supérieur gauche et arrivant vers l’angle inférieur droit. Dupliquez ce calque. Modifiez le masque de fusion en faisant tout apparaître et peignez sur le masque l’intérieur du modèle. Créez un calque de réglage Teinte/Saturation que vous positionnerez juste en dessous des calques textures.(Calque>Nouveau calque de réglage>Teinte/Saturation) et appliquez ces paramètres : Teinte : -25 , Saturation : -61, Luminosité : 0. Créez ensuite un calque de réglage Niveaux (Calque>Nouveau calque de réglage>Niveaux) et appliquez ces paramètres : 0, 0.83, 255. Puis créez un calque de réglage Vibrance (Calque>Nouveau calque de réglage>Vibrance) et appliquez ces paramètres : Vibrance +14, Saturation -46.

7: Réglages II

Enfin, créez un calque de réglage Courbe de transfert de dégradé (Calque>Nouveau calque de réglage>Calque de transfert de dégradé) et utilisez un dégradé allant du rouge (R 255, V 64, B 64) au jaune (R 255, V 243, B 52). Ajoutez un masque de fusion et appliquez un dégradé linéaire partant de l’angle inférieur droit et arrivant vers l’angle supérieur gauche. Enfin, changez le mode de fusion en incrustation et l’opacité à 41%.

.psd 11/2012 | www.psdmag.org/fr

DOSSIER

Sélénia 8: Rajout des feuilles

Pour finir, nous allons rajouter quelques détails à la scène. Ouvrez l’image feuille. jpg. Redimensionnez-la avec [Ctrl]+[T]. Puis déformez-la (Édition>Transformation >Déformation). Dupliquez le calque 2 fois et repositionnez-les à votre convenance. Vous pouvez jouer sur l’opacité pour que l’intégration soit plus réussie.

9 9: Rajout du corbeau et du tatouage

Ouvrez l’image corbeau.jpg. Redimensionnez-la avec [Ctrl]+[T] et positionnez le corbeau sur l’épaule du modèle. Avec un masque de fusion, peignez la queue du corbeau de sorte à la faire disparaître. Il ne manque plus qu’à rajouter une ombre. Créez un calque sous le corbeau et changez son mode de fusion en produit. Choisissez un pinceau à bord arrondi et peignez l’ombre sur l’épaule du modèle. Ouvrez l’image tatouage.jpg. Redimensionnez-la avec [Ctrl]+[T] et positionnez-la sur l’épaule du modèle. Avec la gomme, supprimez ce qui dépasse de l’épaule.

10: Rajout de la brume

Dupliquez le calque rocher.jpg et positionnez-le juste en dessous des calques de réglages. Appliquez-lui un flou gaussien de 3,5 px et changez l’opacité à 77%. Enfin, créez un nouveau calque et remplissez-le d’une couleur verte foncée [Maj]+[F5]. Ajoutez-lui un masque de fusion. Sélectionnez le masque de fusion et appliquez le filtre Nuages. (Filtre>Rendu>Nuages). Changez l’opacité à 63%.

PRATIQUE

Illustrator CS5 | avancĂŠ

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

TAMAGO Appréhender les techniques de dessin vectoriel sous Illustrator Je vous propose aujourd’hui d’aborder la création vectorielle sous Illustrator. Ce logiciel d’une extraordinaire richesse est, de très loin mon préféré. Il permet d’allier précision, souplesse et totale créativité. Cela dit il reste un outil multiple et ultra performant qui nécessite pratique et entraînement. Tout est possible avec ce soft, et de plusieurs façons c’est à chacun de s’approprier les fonctionnalités de façonner l’interface et les raccourcis clavier afin d’arriver au but souhaité le plus rapidement

Alan Cloiseau Graphiste fraîchement recruté par le team créative Deezer à Paris, illustrateur à ses heures perdues et passionné par les différents supports de communication, Alan attache une très grande importance à la pertinence ainsi qu’à la qualité graphique de ses créations. Par trois fois diplômé de l’École Boulle (Bac Arts Appliqués / BTS design Événementiel / DSAA design Produit), directeur artistique freelance depuis 2007 et fort de 3 ans d’expériences print réalisées en agence, il a acquis une palette de compétences très large lui permettant de proposer des réponses adaptées à une grand nombre de problématiques aussi bien en graphisme qu’en événementiel. Site : alancloiseau.com Mail : alancloiseau@gmail.com

et confortablement possible. Je vais vous exposer les grandes étapes

de cette illustration. Encore une fois ce n’est pas une ligne de conduite unique. Attaquons-nous à la bête !

1: Esquisse

Avant toutes choses, il y a l’idée. Ensuite, tout commence par une ou plusieurs esquisses rapides, cela permet de matérialiser l’idée, de poser les grandes lignes du projet. D’un simple gribouillis au rough plus affiné, le but est d’y voir clair, de mettre en place la composition de votre future illustration. Pour ce type de dessin vectoriel, qui va être par la suite minutieusement tracé sous Illustrator j’opte donc pour des croquis rapides, superpositions de tracés directs liant le concept et le début du travail de PAO.

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

TAMAGO 2: Layout

Placez l’image de fond, croquis ou photo (parfait pour le dessin d’objets industriels), sur votre plan de travail. Je vous conseille de baisser l’opacité afin de bien distinguer vos futurs tracés. Une fois fixée à 20%, je la verrouille avec la commande [Ctrl]+[2] (même raccourci avec ajout de [Alt] pour de-verrouiller). Vous pouvez également décider d’utiliser les calques et groupes de calques et l’option déverrouillage de ceux-ci dans la fenêtre qui leur est dédiée, avec le petit cadenas à cocher ou décocher.

3: Tracé

Pour commencer je trace les lignes principales de notre objet. L’utilisation de l’outil Plume [P] est impérative pour un résultat propre. Aussi, moins il y a de points d’ancrages, plus votre forme sera parfaite. En combinaison, n’hésitez pas à utiliser les formes géométriques simples au moyen des outils Rectangle [M], Ellipse [L]... celles-ci peuvent par la suite être éditées avec l’outil de Sélection direct [A] (flèche blanche) – afin de les transformer/déformer à votre convenance. Pour les rectangles arrondis, préférez un rectangle simple allié à Effets>Arrondis afin de garder de la souplesse quant à d’éventuelles modifications ultérieures (radius éditable dans la fenêtre Aspect).

4: Pathfinder

C’est au cours de cette étape que vous allez définir le squelette de votre objet. Tout est question de précision. J’utilise en permanence les Repères Commentés qui sont extrêmement pratiques pour gagner du temps et rester rigoureux. Je ne conçois d’ailleurs pas une utilisation du logiciel sans ceux-ci ! [Ctrl]+[U] pour les activer (à garder activés !). Les fonctions de l’outil Pathfinder sont à mes yeux indispensables (Fenêtre>Pathfinder). N’hésitez pas à Copier/Coller sur place, au-dessus [Ctrl]+[F], ou audessous [Ctrl]+[B] afin de superposer convenablement vos formes pour les additions / soustractions / intersections / exclusions / divisions (...) d’éléments. J’utilise en permanence ces fonctions. C’est la raison pour laquelle je vous conseille très fortement de créer des Scripts d’action (Fenêtre>Script d’action) : cela permet d’enregistrer une suite d’actions (Pathfinder ou Rotation d’objets pour les plus utiles) et de les assigner à un raccourci clavier. Gain de temps garanti ! La commande décalage (Objet>Tracé>Décalage) vous permet de décaler vos formes à une distance choisie (par exemple : -0,25 mm). J’utilise beaucoup cette fonction lors de mes créations pour obtenir des écarts égaux entre mes formes. À utiliser ici avec le rectangle arrondi formant l’écran. Cela permet de dupliquer vos éléments et de prévoir les différents contours à venir.

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

TAMAGO TRACÉ DES BOUTONS

5: Cercles concentriques et profils variables

Nous allons ici dessiner un bouton qui sera ensuite dupliqué. Constitué de 4 cercles concentriques, celuici est assez simple à réaliser. Chacun des cercles est dessiné à partir du centre du premier en maintenant [Alt] ainsi que [Maj] pour conserver l’homothétie. Nouveauté apparue avec la CS5, les profils de contours à largeurs variables permettent de donner vie à vos lignes. Plutôt qu’un profil uniforme, bien qu’utile pour fermer vos objets, optez pour des profils effilés pour vos effets. Dupliquez (dessus – [Ctrl]+[F]) vos cercles et sectionnez-les avec l’outil Ciseaux [C], une fois que vous avez un/des arc(s) parfaitement placé(s), appliquez les profils souhaités et assignez-leur les tailles et couleurs de contours souhaités.

6: Ajout de dégradés

Des dégradés subtils vont vous permettre de rendre un premier degré de relief/texture. N’hésitez pas à jouer avec les angles de ceux-ci : soit en inscrivant directement les degrés souhaités dans la boite de la fenêtre Dégradé [x°], soit en utilisant directement l’outil Dégradé sur la forme concernée. Exemple, ici j’applique un même dégradé à deux des cercles en leur assignant des angles opposés pour donner un effet visuel de volume (+45° et -45°).

7: Effets de reflets

Toujours à l’aide des contours aux profils variés : ajoutez de petits effets de reflets en appliquant un blanc 100% sur ces arcs de cercle utilisés en contour. Remarque : Si besoin, décomposez ces contours (Objet>Décomposer) afin de les rendre compatibles avec les outils du Pathfinder.

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

TAMAGO 8

8: Clonage

Une fois le bouton terminé, groupez tous ses éléments : [Ctrl]+[G] et dupliquez-les une première fois par un simple cliqué/glissé+[Alt] puis une seconde fois à la même distance grâce à la commande Répéter : [Ctrl]+[D]. Le second clonage est ensuite décalé vers le bas, puis l’ensemble groupé/centré.

9 COULEURS 9: Logo

Je débute toujours par les éléments situés au-dessus, dits de détail, afin de ne pas être perturbé par le placement de mon image de fond. Le logo a également été ajouté ( vous pouvez, au mieux : chercher sur Internet des fichiers .eps ou .ai plus ou moins officiels / vectoriser le logo manuellement / ou utiliser l’option vectorisation dynamique à partir d’une image préparée et optimisée via Photoshop à partir d’un fichier .jpeg Google image).

10: Copies, soustractions et volumes

Cette étape consiste maintenant à manipuler vos formes préalablement tracées, toujours avec nos outils Pathfinder, Décalage, Contours à profils variables afin de créer des zones d’ombrage et d’obtenir ainsi du volume.

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

TAMAGO 11: Dégradés, ombres internes et ombres portées

Vous pouvez ensuite commencer à appliquer vos couleurs. Chaque détail compte. Vous pouvez par exemple appliquer des effets d’ombres portées externes ou internes très légères, ou appliquer de simples dégradés composés de deux ou plusieurs couleurs de votre nuancier.

12A

12: Bris de verre

Pour figurer le verre cassé, je dessine les contours des fragments de verre sur un quart de l’écran du Tamagotchi en les faisant varier au moyen des fonctions Copier/Rotation/Mise à l’échelle. Les éléments sont obtenus par la suite décomposés, puis unis au moyen du Pathfinder. Un [Ctrl]+[8] me permet de transformer le tout en un tracé transparent pour plus de souplesse. Pour l’effet 3D, Copiez/ Collez en-dessous – [Ctrl]+[C]/[Ctrl]+[B] – et décalez-le tout plusieurs fois, avec différentes couleurs pour l’effet 3D. Appliquez une ombre interne en mode obscurcissement et une texture géométrique de base (disponible dans la palette portant le même nom dans les options du nuancier) à la forme constituée par l’intérieur du Tamagotchi. Le tout est clippé dans un masque d’écrêtage : tracez une forme au-dessus des éléments à masquer, puis sélectionnez l’ensemble des éléments ainsi que cette forme, [Ctrl]+[7] pour masquer. Les bris de verre sont réalisés à partir d’une série de formes très simples tracées rapidement à la Plume, groupées puis mises en 3D avec Effet>3D>Extrusion et biseautage.

13: Détails

Je travaille souvent mes éléments de détails dans l’espace de travail en périphérie de ma page. L’option d’isolement (clic droit puis Isoler l’objet sélectionné) est toutefois pratique pour corriger et adapter des tracés au cas par cas. Ici, je rassemble donc tous mes éléments avant d’ajouter quelques détails au fur et à mesure). Le travail de la boucle consiste à appliquer des soustractions successives de soustraction à la forme globale afin d’obtenir les différentes zones du dégradé (Ellipses + Pathfinder).

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

TAMAGO DESSIN DE LA CHAÎNE

14: Forme personnalisée

Astuce ! Nous allons voir comment réaliser la chaîne de notre Tamagotchi. La technique consiste à créer une forme personnalisée, celle-ci pourra donc être appliquée sur n’importe quel tracé (quel que soit l’outil de tracé utilisé). Commencez par créer un motif, ici un maillon en forme de bille. Il est important de soigner cet élément puisqu’il sera ensuite automatiquement dupliqué le long de vos tracés. Une fois satisfait du résultat, groupez le motif [Ctrl]+[G], sélectionnezle puis dans la boite de l’outil Formes, sélectionnez dans le menu déroulant à droite Nouvelle forme. (Si l’outil Formes n’est pas présent dans votre interface, vous pouvez l’activer à partir du menu Fenêtre>Formes). Dans la nouvelle fenêtre qui apparaît, choisissez l’option Forme de motif, validez, dans la fenêtre de configuration, gardez les paramètres prédéfinis puis validez. Pour une forme plus technique, parfaite et finalisée, vous pouvez configurer les extrémités graphiques, raccord avec le corps de votre forme, gestion poussée des angles..., autant d’options qui vous permettront de créer des formes parfaites. Découvrir toutes ces options nécessiterait un tutoriel à part entière mais une approche élémentaire sera ici amplement suffisante.

15: Appliquer une nouvelle forme

Votre forme apparaît maintenant dans le menu déroulant des Formes. Il vous suffit de sélectionner le tracé voulu et de lui appliquer la nouvelle forme en cliquant sur celle-ci dans la liste déroulante. Pour notre chaîne une courbe dessinée en arrière-plan suffit à créer l’illusion. L’épaisseur de contour reste éditable, permettant d’ajuster la taille de vos maillons. En cas de marge trop restreinte, répétez l’étape 14 Forme personnalisée avec un motif plus petit, ou plus grand.

16: Conclusion

Vous voilà maintenant avec votre propre Tamagotchi. J’espère que ce tutoriel vous aura appris de nouvelles techniques. Libre à vous d’exprimer votre créativité pour le fond. Le site Kuler, d’Abobe vous permettra de trouver de jolis nuanciers et de partager vos gammes de couleurs. J’ai choisi ici un fond simple avec un jeu de perspective. Ma composition se base sur la règle des tiers. Des textures ont été ajoutées afin de donner vie à cet environnement. Les ombres posent les objets dans le décor et les intègrent à la scène. Celles-ci prennent ici une autre dimension faisant partie intégrante du concept de l’illustration. Merci de votre attention, n’hésitez pas à me contacter par mail pour toute demande ou question complémentaire. À bientôt.

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

Music never dies Illustrator CS5, Photoshop CS5 | avancĂŠ

PRATIQUE

Music

never dies La musique étant une de mes passions et celle de beaucoup d’entre vous, j’ai souhaité réaliser cette création graphique en liant la musique et la mort avec un texte accompagnant l’ensemble Music never dies. Dans ce tutoriel nommé, nous allons apprendre à utiliser les calques de réglage, Filtre photos, la

Martin Leblet Graphic Designer et Intégrateur web, il aime utiliser l’ensemble des logiciels de la suite Adobe mais principalement Photoshop avec lequel il travaille quotidiennement. Il crée au fil de ses envies et de ses humeurs, des compositions graphiques que vous pouvez retrouver ici : www.martinleblet.com. Spécialisé principalement en Webdesign, il réalise également des projets print comme des flyers, affiches ou création de logo. N’hésitez pas à le contacter...

superposition de calques en travaillant sur les ombres et les masques de fusion. Le but étant de mettre en avant l’élément principal dans notre composition. Vous apprendrez également à intégrer parfaitement une typographie dans votre montage en jouant sur les filtres et les éléments extérieurs. Bon tutoriel à tous…

1 1: Création du document

Pour commencer, il faut bien sûr créer un nouveau document. Nous partons ici sur un format classique A4 portrait 210 mm par 297 mm en résolution 300 dpi pour avoir un rendu de qualité. Je traite mon document en RVB car je ne souhaite pas l’imprimer.

2a L’ARRIÈRE-PLAN (BACKGROUND) 2: Papier

Importez par la suite votre image de fond nommé paper qui se trouve dans le dossier contenant les images pour ce tutoriel Fichier>Importer… Une fois le fichier en place, disposez-le comme sur l’image ci-contre. Vous pouvez l’agrandir légèrement avec l’outil Déplacement ou [V] (l’image étant plus grande mais une fois importée, elle se cale aux dimensions du document…). Placez-vous sur un coin avec cet outil et maintenez [Maj]+[Alt] pour agrandir votre image homothétiquement en partant de son centre, le tout en allant vers l’extérieur de la page.

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

Music never dies 3: Fond japonais

Recommencez le procédé en important Fichier>Importer… la deuxième image de notre arrière-plan (background) nommé étoile et agrandissez-la aussi de manière à arriver à le rendu ci-contre. Centrez le tout verticalement en utilisant les règles : [Ctrl]+[R] pour les afficher ou masquer. Placez le repère en le déplaçant avec l’outil Déplacement [V] ; de même pour le repère horizontal mais légèrement plus haut que la moitié du document. Ce sera le centre de notre composition graphique. Appliquez à ce calque un mode de fusion Lumière tamisée avec une opacité à 40%.

OPÉRATION DÉTOURAGE

4: Crânes

Vous ne pouvez y échapper, il faut la plupart du temps détourer des éléments pour un montage graphique intéressant. Ouvrez le fichier crâne et détourez les trois crânes à l’aide de l’outil Plume ou [P], mais attention faites-les un par un ; une fois un détourage fini, faites une sélection du tracé dans la fenêtre tracé, puis un clic droit dessus pour définir une sélection. Revenez sur la fenêtre calque pour ajouter un masque de fusion (la troisième icône en bas). Enregistrez vos trois crânes sur des fichiers différents en .png afin de garder la transparence Fichier>Enregistrer sous…

5: Casque

La deuxième partie du détourage s’applique cette foisci au casque que l’on posera sur les oreilles du crâne central. Recommencez la même opération qu’audessus mais cette fois-ci sur la composition finale en important l’image nommée casque. Ne détourez pas l’intérieur des écouteurs ni le fil de l’objet comme le document ci-contre. Une fois le casque détouré et le masque de fusion appliqué, positionnez votre image au centre.

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

Music never dies MISE EN PLACE DES DÉTOURAGES

6: Positionnement central

Une fois tous les détourages effectués, nous allons maintenant les positionner sur la composition. Importez en faisant Fichier>Importer… le crâne principal qui nous regarde et placez-le sous le casque en glissant le calque en dessous. Repositionnez-le avec l’outil Déplacement ou [V] et redimensionnez-le comme vu auparavant avec la mise en place de l’arrière-plan. L’avantage du masque de fusion est que vous pouvez récupérer les informations à l’extérieur de votre sélection, l’ensemble est juste masqué et non perdu. Pour la faire apparaître en partie, prenez l’outil Pinceau ou [B] et un diamètre de 85 px environ dans le cas présent et peignez sur le masque de fusion et non sur l’image, en cliquant dessus dans la fenêtre calque. Pour récupérer l’extérieur de la sélection, peignez en blanc ; pour soustraire à la sélection prenez la couleur noire. En jouant avec l’outil Pinceau sur le masque de fusion, vous arrivez à l’image ci-contre.

7: Positionnements latéraux

Importez maintenant les deux autres crânes et positionnez-les derrière le casque. Placez-les de sorte à ce que l’arrière du crâne sorte des écouteurs.

OMBRES ET LUMIÈRES

8: Ombres

Créez un nouveau calque au-dessus de vos éléments principaux que vous nommez chacun ombre plus le nom de votre calque, par exemple : ombre crâne n°1. Restez appuyé sur la touche [Alt] et cliquez entre ces deux calques pour que celui du dessus ne s’applique que sur celui du dessous. À l’aide de l’outil Pinceau, un diamètre de 150 px et un arrondi flou, appliquez les ombres légèrement en jouant sur l’opacité (25% par exemple en y allant au fur et à mesure) sur les crânes et le casque aux endroits de frottements entre les éléments. Vous pouvez aussi mettre une ombre portée en double cliquant sur les calques crâne pour les faire ressortir de l’arrière-plan.

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

Music never dies 9: Lumières et filtres photos

Vous allez maintenant mettre de la lumière sur les crânes et en faire ressortir leurs yeux jaunes brûlants. En cliquant sur le calque crâne n°1, appliquez un Filtre photo, cliquez sur la quatrième icône de la fenêtre calque en bas : Créez un calque de remplissage ou de réglages avec le Filtre photo. Choisissez Filtre photo réchauffant (85) avec une Densité de 50%. Le filtre doit se placer comme le calque ombre au-dessus. Recommencez l’opération une deuxième fois et cette fois-ci, mettez un masque de fusion. À l’aide de l’outil Pinceau aux arrondis flou de couleur blanche, peignez les yeux pour en faire ressortir la couleur du filtre, elle ne se mettra alors qu’à ces endroits. Faites de même pour les deux autres crânes.

10: Music never dies

C’est le moment de placer le texte qui accompagne la composition graphique. La police utilisée est Coalition que vous trouverez ici : www.dafont.com/fr/search. php?q=coalition. Utilisez l’outil Texte horizontal ou [T] dans la barre d’outils sur la droite. Centrez le texte que vous trouverez dans la Fenêtre>Paragraphe. Le texte ici en corps (taille de la police) 72pt et 100pt pour le mot DIES où vous ne mettrez pas la lettre i mais un espace. Pour avoir cet effet de couleurs, définissez le mode de fusion pour le calque, au lieu de Normal, appliquez le mode de fusion en Incrustation. Dupliquez le calque de texte pour avoir des couleurs plus intenses. Pour mettre notre texte en lévitation et donner de la profondeur, nous allons mettre une ombre au texte. Créez un nouveau calque, prenez l’outil Ellipse de sélection ou [M] avec un contour progressif de 50 px et faites un ovale écrasé horizontalement de la largeur de votre texte. Prenez maintenant l’outil Pot de peinture et remplissez votre forme de noir puis désélectionnez votre zonage. Placez votre ombre sous le texte avec l’outil Déplacement.

10a

10b

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

Music never dies 11: Le lien graphique

Pour raccorder la composition graphique et le texte, vous allez rajouter un tracé qui ressemblera à un câble jack de musique. Pour cela, créez un nouveau calque vierge, prenez l’outil Pinceau avec une taille de 22 px aux arrondis nets de couleur noire mais ne peignez rien. À l’aide de l’outil Plume ou [P], faites un tracé entre les deux groupes pour faire en sorte que le câble semble tomber sur le texte et s’enrouler au sol. Dans la fenêtre Tracé, faites un clic droit sur ce que vous venez de faire puis contour du tracé > Forme. Le tracé vient alors de prendre les spécifications que vous aviez préparées avec l’outil Pinceau. Maintenant double cliquez sur le calque cette fois-ci et appliquez le style Biseautage et estampage pour donner du relief au câble jack. Pour un lien graphique encore plus réussi, importez le fichier nommé prise-jack après l’avoir détouré puis placez-le sous la lettre R.

11a

MISE EN VALEUR 12: Roses

Pour mettre encore plus en valeur votre composition qui commence à prendre forme, vous allez placer quatre roses derrière les crânes et le casque. Fichier>Importer… une première image appelée rose1 que vous pouvez ici détourer avec l’outil Baguette magique ou [W] et appliquez un filtre de fusion comme vu précédemment. Placez ce calque sous le groupe principal et définissez le mode de fusion Densité linéaire +. Dupliquez le calque et faites une symétrie horizontale de cette rose en faisant Édition>Transformation>Symétrie axe horizontale. Faites de même avec une autre rose nommée rose2 mais cette fois-ci en utilisant le mode de fusion Densité couleur + et placez-les sur les extrémités. Copiez encore cet élément et mettez-le en petit pour que celui-ci forme la lettre i du mot DIES.

13: Fond graphique

Pour recentrer notre composition sur le crâne de face, rajoutez l’image fond-graphique que vous placez en dessous des roses avec un mode de fusion Densité couleur +, centré verticalement sur la largeur du document.

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

Music never dies 14: Objets vectoriels

Vous arrivez bientôt à la fin de ce tutoriel, nous allons pour finir, rajouter des éléments vectoriels que vous trouverez sur ce site par exemple http://fr.all-free-download.com/gratuit-vecteur/vecteur-misc/ europeanstyle_dentelles_fronti%C3%A8re_vecteur_01_152377. html. Téléchargez le pack et ouvrez-le sous Illustrator, prenez les éléments qui vous intéressent, copiez-les [Ctrl]+[C] et collez-les [Ctrl]+[V] dans Photoshop. Placez-les comme vous le souhaitez sur votre composition et définissez le mode de fusion pour le calque en cliquant sur Lumière vive.

ASTUCES 15: Coins assombris

Deux petites astuces maintenant pour finir véritablement l’exercice. La première étant d’assombrir les coins de votre document. Pour cela, créez un calque au-dessus de l’ensemble, prenez l’outil Ellipse de sélection ou [M] avec un contour progressif de 200 px. Étendez votre zone en restant cliqué sur le coin supérieur gauche jusqu’au coin inférieur droit de la page. Inversez la sélection en faisant Sélection>Intervertir et remplissez-la de couleur noire. Enfin, baissez l’opacité du calque à 50%.

16: Passe-haut

Ma dernière astuce utilise le filtre Passe-haut. Enregistrez votre travail une première fois en .psd (même si j’espère que vous l’aviez fait auparavant) sous le nom que vous souhaitez. Puis recommencez l’opération en .psd toujours mais sous un autre nom car nous allons aplatir l’image. Pour cela, cliquez sur Calque>Aplatir l’image ; une fois effectué, faites une copie de votre calque. Sur ce dernier, vous allez appliquer le filtre : Filtre>Divers>Passe-haut… avec un rayon de 4,5 pixels et faites Ok. Vous mettez ce calque en fusion sur celui du dessous avec un mode de fusion Incrustation. Cela fait ressortir les détails de votre image en accroissant les contrastes et les contours.

16 17: Conclusion

Nous avons vu à travers cette composition graphique comment mettre en avant des éléments au centre d’un document. Nous avons aussi créé des liens graphiques entre plusieurs groupes pour avoir une cohérence. Je reste bien sûr à votre disposition si vous avez des questions, des remarques ou des critiques sur ce tutoriel. Vous pouvez retrouver mes travaux sur mon site Internet : www.martinleblet.com et m’écrire dessus à l’aide du formulaire en bas de page.

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

MEXICAN SKULL CIG’PACKAGING Illustrator CS5, Photoshop CS5 avancé

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

MEXICAN SKULL CIG’PACKAGING Pour avoir un fichier impeccable lors de vos travaux imprimés, des astuces et conseils vous seront proposés dans ce tutoriel. Du croquis à l’imprimé, nous allons combiner différents programmes d’adobe (Illustrator, Photoshop) pour un résultat optimal. Ce tutoriel est accessible à tous et particulièrement aux amateurs de packaging.

Magdalena Giannelis J’ai 22 ans et je vis à Verviers. J’ai suivi mes études de graphisme à l’ESIAJ de Namur en option communication graphique. Ayant terminé mes études depuis peu, je travaille en tant que freelance. Je tiens des carnets de croquis depuis l’âge de 10 ans. Ceux-ci me permettent de m’exprimer, de classer mes idées et de m’organiser. J’ai toujours apprécié toutes les formes d’arts manuels, aquarelle, peinture, dessin, croquis, collage etc. J’ai découvert les arts graphiques vers l’âge de 17 ans et j’en suis tombée totalement amoureuse. Je ne les ai plus quittés depuis. Je pense pourtant que la création sur ordinateur ne remplacera jamais la relation papier crayon Rien ne remplacera la frénésie qui relie la main au cerveau. Je dessine pour chacun de mes projets, je réalise des croquis et des mises en formes afin de commencer une création qui tienne la route sur l’ordinateur. J’aime particulièrement créer des packagings, des illustrations mais également des identités visuelles. Toutes ces branches nécessitent une base concrète de création, un concept stable et des idées claires, je n’aime pas créer pour créer, j’aime qu’il y ait une histoire derrière mon travail. Visitez mon site pour plus d’informations http://magdalenagia.prosite.com

1: Croquis et documentations

Avant de passer sur l’ordinateur il est impératif de commencer par dessiner des croquis afin de définir vos intentions concernant l’ambiance et les expressions de vos illustrations, en l’occurrence sur le thème des crânes mexicains. Il n’est pas nécessaire ici d’être très précis, nous pourrons ajouter des détails plus tard. Pour l’instant nous cherchons juste une ambiance générale à l’illustration. Pour ce faire entourez-vous de bonnes documentations autour du thème abordé (motifs, crânes, formes, illustrations, ambiances, couleurs…).

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

MEXICAN SKULL CIG’PACKAGING 2: Nouveau document

Lancez Illustrator et créez un nouveau document [Ctrl]/[Cmd]+[N], entrez 210 mm en Largeur et 297 en Hauteur (Format A4) Choisissez Impression pour le profil du document ainsi que le mode CMJN, 300 ppp (pixel/pouce) puisque le fichier final est destiné à l’impression. Vous devez savoir que tout tout document destiné à l’impression n’est jamais en mode RVB, ce mode est destiné uniquement à l’écran. Tous les fichiers destinés à l’impression sont en mode CMJN et en 300 dpi (dot per inch). Ceci est une règle primordiale.

3: Préparer le gabarit

Pour commencer, nous allons tracer le gabarit à l’aide de l’outil Plume. Téléchargez le fichier Scan01 fourni et retracez les contours du packaging. Tracez des lignes droites avec l’outil Plume en maintenant la touche [Maj] enfoncée. Vous devez savoir que sur les documents destinés à l’impression, les plis sont toujours représentés par des lignes discontinues alors que les coupes sont représentées par des traits pleins. De plus, attention car la couleur du contour de ceux-ci constituent une nuance de repérage. C’est-à-dire que la nuance choisie doit se différencier directement des autres couleurs imprimées. Ce qui permet à l’imprimeur de détecter les contours de la forme à découper.

.psd 11/2012 | www.psdmag.org/fr

Pour sélectionner une nuance PANTONE, allez dans fenêtre Bibliothèques de nuances>Catalogue de couleurs>PANTONE Opaque non couché. Choisissez une couleur, celle-ci s’affiche dans le nuancier (Fenêtre>Nuancier). Double-cliquez sur la nuance PANTONE, passez en mode CMJN afin de pouvoir renommer la nuance. Attention le Type doit toujours être en ton direct. Validez. Une fois cela terminé votre Belgaforme est prêt. Pour plus d’aisance dans votre travail, vous pouvez vider le nuancier des nuances non utilisées, Nuancier>Option>Sélectionner les nuances non utilisées>Supprimer. Attention, veillez à ce que tout le contour de la forme à découpe soit une forme fermée.

PRATIQUE

MEXICAN SKULL CIG’PACKAGING 4: Créer et organiser vos calques

Pour une meilleure aisance de travail, vous devez toujours nommer et organiser correctement vos différents calques de travail. Cela vous aidera à gagner un temps précieux lors de la création d’illustrations détaillées. Ouvrez le panneau des calques, Fenêtre>Calque. Nommez le calque 1 sur lequel a été tracé le gabarit Forme à découper. Placez-le en premier et verrouillez-le afin qu’il ne vous gêne pas par la suite. Créez également un nouveau calque [Ctrl]/[Cmd]+[L] par dessous qui se nommera motifs et pattern.

5: Choisir le nuancier

Avant de commencer à dessiner votre illustration vectorielle, il vous faudra choisir une palette de trois à quatre couleurs maximum. Cependant vous pouvez décliner ces couleurs en différentes nuances (bleu, bleu ciel, bleu turquoise, etc.). Les crânes mexicains sont la plupart du temps très colorés, cependant un minimum d’expérience doit être acquise avant de pouvoir utiliser plusieurs couleurs. Commencez donc par une palette restreinte. Créez votre propre nuancier ou sélectionnez les couleurs de l’illustration de base. (1) C= 99 M = 57 J = 65 N = 0 (2) C= 91 M = 11 J = 49 N = 0 (3) C= 59 M = 62 J = 57 N = 71 (4) C= 0 M = 49 J = 66 N = 67 (5) C= 10 M = 20 J = 23 N = 0 (5) C= 4 M = 62 J = 43 N = 0

6: Créer vos motifs

Créez votre propre motif ou téléchargez le motif de base. Pour créer un bon motif il faut que les éléments (angles et côtés) s’accordent parfaitement. Sur le calque Motifs et pattern nous allons commencer par dessiner les formes sur une grille dessinée au préalable. Nous l’effacerons une fois les éléments correctement placés. Lorsque vous êtes satisfait de votre composition, sélectionnez toutes les formes sans la grille et associez-les [Ctrl]/[Cmd]+[G]. Attention, sur votre motif, tracez un carré sans contour à l’aide de l’outil Rectangle [M] en maintenant la touche [Maj] enfoncée. Placez le carré dans votre motif de manière à ce que celui-ci se duplique uniformément. Sélectionnez votre motif ainsi que le carré sans contour et appliquez l’effet Découpe dans le panneau Pathfinder,Fenêtre>Pathfinder>Découpe.

Une fois le motif découpé, agrandissez ou réduisez le motif à votre guise. Pour faire de votre composition un motif à part entière, sélectionnez-la et glissez-la dans le nuancier. Celui-ci s’appliquera simplement comme une couleur du nuancier. Cependant vous pouvez également créer des motifs dans une forme rectangulaire. Testez aussi vos créations sans appliquer de contour transparent précis, vous pourriez avoir de belles surprises.

7 7: Placer vos motifs

Nous allons commencer à ajuster nos motifs sur les faces latérales de la forme à découpe. Afin de placer vos motifs correctement et sans déborder dans les formes particulières de la forme à découper, vous pouvez utiliser le masque d’écrêtage ou simplement retracer à l’aide de l’outil Plume la forme que votre motif épousera. Pour créer un masque d’écrêtage, placez le tracé du gabarit sans ses contours au dessus d’un rectangle rempli par votre motif. Sélectionnez les deux formes (motif et forme gabarit) et choisissez Créer un masque d’écrêtage dans le clic droit. Attention, le masque d’écrêtage ne fonctionne que si les deux formes sont sélectionnées. Une fois votre motif aux bonnes formes, placez-le à l’endroit voulu sur la forme à découpe. Cependant pour une question de facilité, vous pouvez remplir tout le fond du gabarit mais attention, les pattes de collage (faces latérales qui reçoivent la colle et celles qui sont collées) ne doivent jamais avoir d’éléments graphiques et doivent rester blanches. Voir fichier source scan02.

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

MEXICAN SKULL CIG’PACKAGING 8: Les bords perdus

Lorsque nous avons une forme à découper, il est très important de ne pas oublier les bords perdus. Lors de la découpe, ceux-ci vous permettront d’avoir un fini parfait. De fines lignes blanches peuvent apparaître sur les bords de votre packaging lors d’un décalage de coupe, cependant grâce aux bords perdus cela n’arrivera pas car nous avons une marge de 3 mm supplémentaire. Une fois votre motif appliqué sur le fond de votre gabarit, sélectionnez celui-ci et allez dans Objet>Tracé>Décalage 3 mm. Veillez à ne pas laisser de contour à ce décalage.

9: Dessiner le visuel

Avant de passer à la création vectorielle de votre illustration, scannez et importez votre croquis créé à l’étape 1 dans Illustrator Fichier>Importer. Si vous n’avez pas de croquis, téléchargez celui fourni. Une fois votre dessin importé, verrouillez-le [Ctrl]/[Cmd]+[2]. Créez un nouveau calque [Ctrl]/[Cmd]+[L] nommez-le illustration. À l’aide de l’outil Rectangle créez votre fond uni ou avec des motifs comme vus à l’étape précédente. Par la suite, toujours sur un nouveau calque commencez à retracer votre illustration grâce à l’outil Plume. Pour avoir une bonne symétrie de vos éléments, dupliquez-les [Ctrl]/ [Cmd]+[Ctrl]/[Cmd]+[F]. Gardez les éléments sélectionnés, clic droit et choisissez Transformation>Miroir. Pensez à ne pas trop charger votre crâne mexicain, l’excès de motifs ou de détails pourrait nuire à votre illustration.

10: Appliquer une texture

Une fois votre illustration terminée, enregistrez-la sous .ai (uniquement le calque illustration actif) et nommez-la Skull_Illu01, Fichier>Enregistrer sous>Skull_Illu01. Nous allons maintenant incruster une texture à notre illustration sous Photoshop. Téléchargez la texture fournie ou choisissez votre propre texture à appliquer. Une fois Photoshop lancé, ouvrez votre fichier Skull_illu1, Fichier>Ouvrir>Skull_Illu1. Importez votre texture, ici, Tex_grunge01, Fichier> Importer>Tex_grunge01. Ouvrez le panneau des calques [F7] et placez votre texture en mode Produit au-dessus de votre illustration. Vous pouvez effacer certaines parties de votre texture ou réduire l’opacité de celle-ci pour un effet plus soft. Veillez à ce que votre illustration soit en 300 dpi, Image>Taille de l’image>300 pixel/pouce. Une fois les retouches terminées et seulement à ce moment-là, changez le mode de votre illustration de RVB à CMJN, Image>Mode>CMJN. Attention, ne changez le mode en aucun cas avant, vous n’auriez accès qu’à certaines des retouches disponibles. Une fois le mode et la résolution de l’image choisis, validez, enregistrez votre fichier sous format TIFF, Fichier>Enregistrez sous>Skull_Illu01.tiff.

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

MEXICAN SKULL CIG’PACKAGING 11

11a

11: Latin headline

12: Enregistrer le fichier pour l’impression

Désactivez le calque illustration, créez un calque nommé visuel et importez le fichier Skull_Illu01.tiff sur celui-ci. Pour caler votre visuel, placez des repères autour de l’emplacement de votre image, Affichage>Règles>Afficher les règles. Cliquez et glissez sur les règles pour faire descendre les repères. Attention pour placer correctement vos visuels sur les bonnes faces du gabarit vous devez avoir une bonne vision du pack en 3D. Cependant pour plus de facilité et de sécurité vous pouvez imprimer le gabarit et monter celui-ci. Annotez les faces et la façon dont sont placés les visuels (Droit, à l’envers, visuel coupé à un certain niveau du gabarit, etc.) Comme vous pouvez le constater pour le pack de cigarettes, le visuel du dessus est divisé en deux parties. Pour couper le visuel, utilisez le masque d’écrêtage comme vu à l’étape 07.

Lors d’une impression numérique, au final vous aurez besoin au final de deux PDF, le premier contenant les éléments graphiques et le second uniquement la forme à découper. Enregistrez donc les deux fichiers un à un en activant ou désactivant le calque gabarit, Fichier>Enregistrer sous>Skull_Illu01.pdf. Assemblez ensuite les deux .pdf l’un à la suite de l’autre. Une fois imprimés, il ne vous restera plus qu’à monter votre packaging. Si vous imprimez votre packaging sur une imprimante maison, n’oubliez pas de désactiver la forme à découpe.

12a

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

Photoshop CS5 | avancé

In Another

World Créer une scène imaginaire

Dans cet exercice, nous allons réaliser un photomontage, afin d’obtenir une scène imaginaire. En premier lieu, nous créerons notre arrière-plan, à l’aide de stock et de brosses, nous positionnerons ensuite les éléments, ainsi que leurs ombres. Nous finirons par jouer avec les lumières et les couleurs, dans une partie réglages. Tout au long de la réalisation, pensez à bien organiser vos calques, et vos dossiers.

.psd 11/2012 | www.psdmag.org/fr

Matthieu Leung Jeune étudiant lyonnais, Matthieu a grandi avec les nouvelles technologies. Il utilise Photoshop depuis maintenant 2 ans et demi. Il n’a pas encore de style bien défini, mais ses créations montrent qu’il s’oriente vers un style coloré, mouvementé et dynamique. Site web : www.matthieuleung.fr Behance : www.behance.net/ MatthieuLeung

PRATIQUE

In Another World 1: ÉTAPE 1 – Préparation

Créez un nouveau document dans Photoshop depuis Fichier>Nouveau (ou bien par le raccourci clavier [Ctrl]+[N]). Donnez-lui un nom, et une taille de 1920 px de largeur et 1080 px de hauteur. Réglez la résolution sur 300 pixels/pouce pour une meilleure qualité et laissez le mode en RGB (RVB). Lorsque votre document s’est ouvert, double cliquez sur le calque Arrière-plan dans la fenêtre des calques, votre calque est maintenant débloqué. Renommez-le Background.

2: ÉTAPE 2

Créez un dégradé linéaire du bas vers le haut, sur le calque Background. Vous utiliserez du blanc (#ffffff) pour la première couleur, et du bleu (#6cbbe1) pour la seconde. Créez un nouveau calque sur lequel vous ferez un dégradé linéaire du haut vers le bas, avec, comme première couleur, du bleu (#c9e8f7) et en seconde, du blanc (#ffffff). Passez ce calque en mode Produit. Sur un nouveau calque([Ctrl]+[Maj]+[N]), créez un dégradé radial du blanc (intérieur) vers le noir (extérieur), passez ce calque en mode Lumière tamisée d’une opacité de 50%.

3: ÉTAPE 3

Dernière étape pour l’arrière-plan, importez l’image Sky.jpg, baissez-la afin de ne plus voir le sol et de ne garder que la partie supérieure de l’image. Passez le calque en mode Incrustation et gommez la partie supérieure de l’image avec une brosse à bords doux. Créez un groupe ([Ctrl]+[G]) dans lequel vous rangerez ces 4 calques. Nommez-le Background.

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

In Another World 4: ÉTAPE 4

Importez le document Personnage.jpg, que vous détourerez à l’aide de l’outil Plume (il y a d’autres possibilités de découpe, mais l’outil Plume est vraiment efficace). À l’aide d’une brosse à bords doux, gommez légèrement le bas du corps. Placez ce calque dans un nouveau groupe que vous nommerez Personnage.

5 5: ÉTAPE 5

Créez un nouveau calque, parsemez-le de nuages grâce aux brosses fournies dans les ressources. (Le Fichier nuage.abr est à placer dans C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Presets\ Brushes. Veillez à bien recouvrir le bas du corps de notre personnage, afin de le masquer.

6 6: ÉTAPE 6

Passons aux choses sérieuses, nous allons maintenant placer tous les éléments (les éléments sont fournis dans le dossier ressources). Commençons par le rocher. Importez l’image Rock.jpg, et découpez le rocher supérieur. Sur un nouveau calque, peignez le bas du rocher en noir, faites de ce calque un masque d’écrêtage ([Ctrl]+[Alt]+[G]) et passez le mode de fusion en Lumière tamisée. Dupliquez ce dernier et diminuez l’opacité à 60%.

7 7: ÉTAPE 7

Créez un nouveau calque, sur lequel vous peindrez de l’herbe avec la brosse herbe. Diminuez au préalable, la taille de la brosse. Importez l’image Arbre.jpg présent dans les ressources, découpez-le (utilisez l’outil Améliorer le contour pour vous aider). Placez-le sur le rocher. Créez une ombre, à l’aide de la brosse à bord doux, de couleur noire.

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

In Another World 8: ÉTAPE 8

Importez le fichier Fille.jpg, et détourez la fille. Diminuez la taille de l’image et placez-la sous l’arbre, de manière à ce que l’on pense que la balançoire est accrochée à l’arbre. Sur un nouveau calque, ajoutez quelques nuages autour du rocher, à l’aide de la brosse nuage. Placez tous les éléments de l’île dans un dossier du même nom.

9: ÉTAPE 9

Attaquons-nous maintenant au temple. Importez l’image temple.jpg, et détourez-la. Retournez-le, et, sur un nouveau calque, créez un sol. Recréez un nouveau calque et faites de l’herbe à l’aide de la brosse herbe (la même que précédemment). Importez l’image statue.jpg et posez-la sur le temple. Sur un nouveau calque, ajoutez de l’herbe devant la statue.

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

In Another World 10: ÉTAPE 10

Placez tous les éléments du temple dans un dossier nommé Temple, et dupliquez-le deux fois. Placez-le de la même manière que moi, vous utiliserez l’outil Transformation [T] afin de les redimensionner. Floutez les deux copies pour donner de la profondeur à l’image.

11 11: ÉTAPE11

Importez maintenant, l’image Bird.jpg et découpez l’oiseau, positionnez-le de manière à ce qu’il soit perché sur le doigt de la femme. Ajoutez une légère ombre en dessous de l’oiseau à l’aide d’une brosse noire à bord doux.

12: ÉTAPE 12

Ouvrez l’image Bamboo.jpg et découpez le haut de l’image. Appliquez-y un flou gaussien, et placez l’image dans le coin supérieur droit. Importez le fichier oiseaux.jpg, détourez celui de gauche, et placez-le au niveau du bras droit de la femme (à gauche de l’image). Pour créer l’ombre, il suffit de dupliquer le calque, puis faites ([Ctrl]+[U]), et baissez la luminosité au minimum. Placez ce calque en dessous de l’oiseau, et réduisez l’opacité pour avoir un rendu réaliste. Réitérez cette opération pour le second oiseau.

12a

12b

.psd 11/2012 | www.psdmag.org/fr

PRATIQUE

In Another World 13: ÉTAPE 13

Nous arrivons au dernier élément. Ouvrez le fichier montgolfière.jpg et importez-le. Détourez les 2 montgolfières, et appliquez-y un flou gaussien, toujours dans un souci de profondeur. Nous en avons fini avec les éléments, passons désormais aux réglages. N’oubliez pas d’organiser vos calques afin de ne pas vous y perdre. Sur un nouveau calque, créez un dégradé radial de blanc (centre) vers noir (extérieur). Passez ce calque en mode Lumière tamisée.

13a

14: ÉTAPE 14

Créez un second dégradé transparent (centre) vers noir (extérieur). Laissez ce calque en mode Normal, mais réduisez l’opacité à 29%. Placez ces deux derniers calques dans un groupe que vous nommerez Lumières. Ajoutez un calque de réglage Courbe.

14 15: ÉTAPE 15

Ajoutez maintenant, le calque de réglage Filtre Photo. Avec les réglages visibles sur l’image. Nous arrivons déjà à la dernière étape de ce tutoriel, appliquez une image ([Ctrl]+[Maj]+[Alt]+[E]) ou Image>Appliquer une image… Appliquez un filtre Passe-haut sur ce calque(Filtres>Divers>Passe-haut) avec un rayon de 2 px. Passez ce calque en mode Incrustation. Votre image est devenue plus nette.

15 14a

.psd 11/2012 | www.psdmag.org/fr

14b

FICHE TECHNIQUE

Photoshop CS5 | avancé

Passer du solide

au liquide Dans ce tutoriel, nous verrons comment, grâce à des techniques de relight ainsi qu’à

Arnaud Michanol Arnaud évolue sous le nom d’Artkeez et pratique le graphisme depuis plus de 5 ans maintenant. C’est un touche à tout de la suite Adobe mais a fait ses premières armessur Photoshop. Aujourd’hui il se spécialise dans le cinéma, plus particulièrement dans la post-production (effets spéciaux) en suivant une formation très pointue à l’école ArtFx. À la base autodidacte et graphiste freelance, il a également eu l’occasion de réaliser des clips et d’autres prestations qui vont du simple site internet jusqu’à la photographie événementielle…

des corrections de lumière et d’ombre, donner du punch à une photo qui à la base n’était pas très attrayante. Nous verrons également comment, en quelques clics, détourer une forme complexe sur fond uni en utilisant les couches RVB de l’image.

.psd 11/2012 | www.psdmag.org/fr

FICHE TECHNIQUE

Passer du solide au liquide 1: Préparation I

Prenez-vous en photo. N’hésitez pas à exagérer les émotions, le résultat final n’en sera que mieux ! Donnez-vous aussi une direction de lumière simple à gérer. Ici, la source se situe en bas à droite.

2: Préparation II

Importez votre image dans Photoshop, déverrouillezla en effectuant un double clic dessus et renommezla Personnage. Créez un calque que vous renommerez Noir. Remplissez-le en toute logique de noir avec l’outil Pot de peinture. Importez l’image de texture qui nous servira de background. Recadrez-la comme elle vous semblera bien, validez. Placez ce calque que vous aurez renommé Texture juste au-dessus du calque Noir puis baissez son opacité aux alentours de 70% (masquez dans les copies d’écran pour mieux voir les étapes).

.psd 11/2012 | www.psdmag.org/fr

FICHE TECHNIQUE

Passer du solide au liquide 3: Détourages

La base faite, commencez par vous détourer avec l’outil Plume en retirant volontairement une partie des bras (sensés se liquéfier). C’est une étape importante dont dépendra l’impression finale de votre image. Toujours avec l’outil Plume, imaginez qu’un liquide coule sur votre corps et que votre bras se désagrège. N’hésitez pas à faire plusieurs coulures jusqu’à ce que vous arriviez à un résultat convaincant. Pour le bras, procédez par petites courbes de détourage à l’inverse du thorax où vos tracés seront plus souples et plus amples… De manière générale, essayez de représenter les formes que créerait l’écoulement du liquide en suivant les reliefs du corps.

4: Épaisseur

Donnez un peu de profondeur à votre forme. Pour ce faire, effectuez un [Ctrl]+ clic sur le calque de votre personnage détouré puis allez dans Calque>Nouveau calque de remplissage>Couleur unie… Donnez-lui le nom Épaisseur par exemple et validez. Choisissez alors une couleur un peu plus sombre que la teinte de votre peau. Pour ma part j’ai utilisé du #472013. Placez le calque en dessous du calque Personnage et effectuez la manipulation suivante [Ctrl]+[T]. Dans la barre supérieure apparaît alors une liste de paramètres. Changez la valeur de l’échelle (par défaut à 100%) à 99%.

5: Relighting I

Comme je le disais en étape 01, nous nous sommes donné une seule direction de lumière, en bas à droite. Pour renforcer ou corriger un peu cet éclairage, créez un calque de niveau dans Calque>Nouveau calque de réglage>Niveaux … Nommez-le Correction. Sélectionnez son masque de fusion, faites un reset de l’outil Pot de peinture en appuyant successivement sur [G] et [D] puis remplissez le masque de noir. Toujours sur le masque de fusion, effectuez un [Ctrl]+ clic sur le calque de votre personnage (placé en dessous), puis remplissez-le cette fois de blanc. Une fois cette étape effectuée, saisissez votre calque de niveaux puis baissez le niveau de sortie des blancs (par défaut à 255 – mettez-la par exemple à 190) afin d’assombrir légèrement votre image. Lorsque vous obtenez un résultat convenable, effectuez à nouveau cette étape [Ctrl]+ clic mais cette fois sur le masque de fusion de votre calque de réglage Correction. Cela sélectionnera votre personnage. Choisissez alors l’outil Dégradé puis tracez la droite de dégradé pour masquer progressivement l’ombre rajoutée.

.psd 11/2012 | www.psdmag.org/fr

FICHE TECHNIQUE

Passer du solide au liquide 6: Relighting II

Cette étape de Relight consiste à donner un peu plus de vie à votre lumière. Pour ce faire, créez un nouveau calque, renommezle Relight. Choisissez son mode de fusion en Lumière tamisée et remplissez-le d’un gris à 50% de luminosité (soit # 808080 pour sa valeur en hexadécimales). Sélectionnez l’outil Pinceau avec du noir et blanc, ([D] pour reset les couleurs)… Vient alors l’étape où choisir du noir vous servira à assombrir les petites zones d’ombre et éclaircir les zones claires. Allez-y avec parcimonie ! Dans les propriétés de l’outil dans la barre du haut, choisissez une opacité et un flux faible (aux alentours de 20%). Faites des allers retours assez fréquents en masquant démasquant votre calque relight pour voir les modifications que vous effectuez. Renforcement : pour donner un peu de punch en même temps que votre relight, pensez à y ajouter un peu de d’accentuation. Là aussi, allez-y doucement. Rendez-vous dans Filtres>Renforcem ent>Accentuation. Laissez le Seuil à 0, mettez un Rayon à 2 voire 2,5 puis réglez le gain comme bon vous semble.

7: Fluides

Pour cette étape, choisissez dans les stocks shots fournis les images de fluides qui vous plaisent et correspondent au mieux aux mouvements de votre composition. Détourage des fluides Partons sur le fluide rouge et fond noir. Nous allons lui ôter ce noir autour. Pour cela, allez dans Fenêtres>Couches. Masquez alors les couches RVB, Vert et Bleu pour obtenir les meilleurs contrastes (variable selon le stock shot utilisé). Prenez l’outil Baguette Magique et cliquez sur toutes les zones de noir. Effectuez un [Ctrl]+[Maj]+[I] pour inverser la sélection. Retournez sur votre calque de fluide, sélection active, et créez-lui un masque de fusion en cliquant sur l’icône Ajouter un masque de fusion en bas de la fenêtre des calques. Répétez cette étape autant de fois que nécessaire avec les fluides dont vous vous servirez. Déformation des fluides [Ctrl]+[T] pour transformer votre forme en jouant sur la rotation, la taille, l’angle … Si cela venait à ne pas suffire, toujours en mode Transformation, effectuez un clic droit sur le cadre de transformation puis choisissez Déformation dans le menu contextuel qui apparaît. Il vous permettra de modifier de manière plus précise la forme que vous voulez donner à votre fluide.

7a Colorisation des fluides Les fluides ont des couleurs différentes. Passez-les simplement en niveau de gris en effectuant un [Ctrl]+[Maj]+[U] dessus. Vient alors l’étape où vous devrez raccorder la couleur à celle de la peau. Effectuez à ce moment-là un double clic sur votre calque de fluide pour lui assigner une Incrustation en dégradé. Tâtez alors les différentes combinaisons de couleur de dégradé pour obtenir quelque chose de convaincant. Une fois satisfait, passez le mode de fusion du style en Incrustation. Toutes ces étapes sont variables d’une photo à l’autre. Certains paramètres peuvent fonctionner moins bien que sur l’exemple car chaque cas est particulier. Il vous suffira de les accentuer ou de réduire.

.psd 11/2012 | www.psdmag.org/fr

GALERIE

Galerie de Matthieu Leung Jeune étudiant lyonnais, Matthieu a grandi avec les nouvelles technologies. Il utilise Photoshop depuis maintenant 2 ans et demi. Il n’a pas encore de style bien défini, mais ses créations montrent qu’il s’oriente vers un style coloré, mouvementé et dynamique. Site web : www.matthieuleung.fr Behance : www.behance.net/MatthieuLeung

Travel Cette image a été réalisée pour le Concours Ten de Fotolia. Le but était de défier l’auteur de l’image original, en reprenant 3 images utilisées par ce dernier.

Break-Silence Quand j’ai réalisé cette image, mon but était de faire une affiche de publicité, ne sachant pas si j’avais le droit de mettre une marque, je n’en ai pas mis, cela ferait quelque chose comme juste fais-le.

.psd 11/2012 | www.psdmag.org/fr

GALERIE

Galerie de Matthieu Leung

Abstract Cette image a été réalisée pour le Concours Ten de Fotolia. Je voulais quelque chose de coloré, pas trop chargé, et orienté vers l’Asie.

MGNFX Un de mes premiers projets, je suis assez fier de celui-ci. Toujours dans le même style que que les autres créations.

Skyface Je n’avais pas vraiment d’idée avant de commencer cette composition, le stock me plaisait simplement. Je suis parti, et me suis laissé guider par mon intuition.

.psd 11/2012 | www.psdmag.org/fr