pointpsd11_65bb.pdf

N° 11/2012 (65) Mensuel Novembre ISSN 1733-2745

Jouez avec des lumières et couleurs

PhotomontageTravaillez 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

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

IMAGe vecTOrIelleDu croquis à l’imprimé – création du packaging

Créez une image fantasy à partir d’une simple photo

http://francais.istockphoto.com/

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

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 publicationJustyna Książek

ISSN : 1733-2745

(c) 2012 SW Press Sp. z o.o. tous droits réservés

Rédactrice en chefJustyna Książ[email protected]

DTPGraphics & Design Eurodesignwww.euro-design.info

Photo de couverture Stephanie Pitino alias ClairObscur

BétatestsJonathan 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 : [email protected]

Publicité[email protected]

SW Press Sp. z o.o. ul. Bokserska 1, 02-682 Varsovie, Polognetél. +48 22 427 35 34, fax +48 22 244-24-59http://www.psdmag.org/fr

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

http://www.euro-design.info

som

ma

ire


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

DossierNymph of the Forest 08Stephanie Pitino alias ClairObscur

Sélénia 14Olivier Gros

PraTiQUeTAMAGO 20Alan Cloiseau

Music never dies 28Martin Leblet

MEXICAN SKULL CIG’PACKAGING 35Magdalena Giannelis

In Another World 41Matthieu Leung

FiCHe TeCHNiQUePasser du solide au liquide 47Arnaud Michanol

GaLerieGalerie de Matthieu Leung 51

http://shop.nath-sakura.fr/product.php?id_product=371

MULTI-EXPOSUREUne 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 nu-mériques cela signifie une augmentation du nombre de pixel et des algorithmes améliorés pour l‘optimisation d‘images.

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 tou-jours 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.

Pour pouvoir comprendre com-ment 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.

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.

Numérisation coleur 35mm

Numérisation avec Multi-Exposure

Numérisation sans Multi-Exposure

SILVERFASTEXCLUSIVE

Karl-Heinz ZahorskyCEO LaserSoft Imaging

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

NeW

s

6

http://www.silverfast.com/highlights/multi-exposure/fr.html

MULTI-EXPOSURE

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écu-plement 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.

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. Im-mé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.

Quelques mesures indépendantes selon la norme ISO 21550:2004 constatent l‘augmentation de la plage dynamique. L‘innovation révolutionnaire mon-tre 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.

reflectaMF 5000

EpsonV700 Photo

MicrotekArtixScan F1

7.762 2.399 3.890

1.380

1.259 1.905

Bilan: Multi-Exposure de SilverFast augmente visib-lement 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 em-barquées dans l‘image.

Nom

bre

de n

ivea

ux d

e gr

is

Numérisation sans Multi-Exposure Numérisation avec Multi-Exposure

Canon9000F

NikonLS5000

High-EndDrum Scanner

8.913 13.489 15.849

1.413 3.388

7.943

Augmenter la Plage Dynamique avec Multi-Exposure

Nom

bre

de n

ivea

ux d

e gr

is


NeW

s

7

http://www.silverfast.com/highlights/multi-exposure/fr.html


Do

ssie

r Photoshop CS3 | intermédiaire

Nymph of the forest

9

1: Pour CoMMeNCerTéléchargez les ressources nécessaire pour la création de ce mon-tage. Créez un nouveau document : Fichier>Nouveau. Ici notre image fera 1829 pixels de large et 2436 pixels en hauteur. enregis-trez-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 possibi-lité 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élec-tionné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.

Do

ssie

r

1

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

Amusez-vous bien !

Nymph of

Stephanie Pitino alias ClairObscurWeb 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.artShop : www.sp-design.info/shop

the ForestCréer une ambiance féerique avec Photoshop !


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

10

2: PrÉPArATIoN du BACkgrouNdretournons 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.

2

2a


Nymph of the forestD

oss

ier

11

3: deSSINer LeS CheVeux, LISSer LA PeAuPour dessiner les cheveux, nous allons utiliser les brosses (outil Pinceau) que vous aurez au préa-lable 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 cheve-lure, 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’ou-til 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 inten-sité 30% par exemple pour la joue ; taille 65 et inten-sité 15% pour les yeux et la bouche. utilisez aussi cet outil sur les cheveux.

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.

4: LuMIère eT MAquILLAgeVous pouvez accentuer son maquillage, foncer le contour des yeux et éclaircir l’iris. Pour cela, placez-vous sur le calque du modèle, sélectionnez l’outil Den-sité + (forme arrondi flou, Taille 17) et réglez l’Expo-sition à 30%, Gamme de Tons moyens. redessinez le contour de l’œil, repassez plusieurs fois dessus si vous souhaitez l’accentuer. ensuite testez l’outil Den-sité -, 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 densi-tés sont la clé pour jouer avec les lumières !

3

5

4



oss

ier

12

6: PeINdre LeS CheVeux PAr deSSuS LA PhoToIl 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’opa-cité 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.

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, choi-sissez 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.

7: deS dÉTAILS IMPorTANTSNotre 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 nou-veau 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 !

6

8

7



oss

ier

13

9: SèVe MAgIqueL’é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 Super-position, 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.

9



oss

ier 9a

10

10a

10: derNIerS rÉgLAgeSPour la dernière étape, nous allons apporter quelques modi-fications 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’ef-fet 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 !


Do

ssie

r

Photoshop CS5 | intermédiaire

séléNia

15

1: MISe eN PLACe deS ÉLÉMeNTS Iouvrez 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 pin-ceau, le rendu n’en sera que meilleur.

Do

ssie

r

1

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.

Olivier GrosPassionné 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.comFacebook : https://www.facebook.com/olivier.gros.14

sélénia


Sources :

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

séléNia

16

2: MISe eN PLACe deS ÉLÉMeNTS IIutilisez la même technique pour l’image arbre.jpg afin de faire apparaître seule-ment 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 IIITerminons 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.

Do

ssie

r 2

3


4: Le dÉTourAge eT ModIFICATIoN du ModèLe Iouvrez 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épla-cement] pour modifier l’angle de la courbe. [Alt] sur un point d’ancrage pour le sélec-tionner. Placez le modèle sur la scène. Si votre détourage n’est pas parfait pour les cheveux, prenez l’outil Gomme, choisis-sez une opacité de 30% et effacez délica-tement le contour des cheveux.

4

17

6: rÉgLAgeS IPlacez l’image texture.jpg sur la scène. Passez l’opa-cité à 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, Lumino-sité : 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.

5: Le dÉTourAge eT ModIFICATIoN du ModèLe IIAvec 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 profon-deur. Appliquez-lui un léger flou gaus-sien 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

5


séléNiaD

oss

ier

7

7: rÉgLAgeS IIEnfin, 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%.

8: rAJouT deS FeuILLeSPour 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

8

séléNiaD

oss

ier

10

9: rAJouT du CorBeAu eT du TATouAgeouvrez 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 cor-beau et changez son mode de fusion en produit. Choi-sissez 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 BruMedupliquez le calque rocher.jpg et position-nez-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]. Ajou-tez-lui un masque de fusion. Sélectionnez le masque de fusion et appliquez le filtre Nuages. (Filtre>Rendu>Nuages). Changez l’opacité à 63%.

http://www.creaphiq.fr

http://www.photoshop-creation.com

http://forumde.lalogotheque.com


PraT

iQUe

Illustrator CS5 | avancé

Alan Cloiseaugraphiste 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.comMail : [email protected]

21

1: eSquISSeAvant toutes choses, il y a l’idée. ensuite, tout com-mence 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.

PraT

iQUe

1

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

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 !

tamaGoAppréhender les techniques de dessin vectoriel sous Illustrator


tamaGo

22

2: LAyouTPlacez 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 dis-tinguer vos futurs tracés.

Une fois fixée à 20%, je la verrouille avec la com-mande [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.

4: PAThFINderC’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 utilisa-tion 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 au-dessous [Ctrl]+[B] afin de superposer convenablement vos formes pour les additions / soustractions / intersec-tions / 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 (Pathfin-der 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 dupli-quer vos éléments et de prévoir les différents contours à venir.

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’éven-tuelles modifications ultérieures (radius éditable dans la fenêtre Aspect).

PraT

iQUe

4

3


2

23

5: CerCLeS CoNCeNTrIqueS eT ProFILS VArIABLeSNous allons ici dessiner un bouton qui sera ensuite dupliqué. Constitué de 4 cercles concentriques, celui-ci 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) parfaite-ment placé(s), appliquez les profils souhaités et assi- gnez-leur les tailles et couleurs de contours souhaités.

7: eFFeTS de reFLeTSToujours à l’aide des contours aux profils variés : ajou-tez 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.

6: AJouT de dÉgrAdÉSdes 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°).

5

7

6


tamaGoPr

aTiQ

Ue

TrACÉ deS BouToNS

24

8: CLoNAgeune 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é.

10: CoPIeS, SouSTrACTIoNS eT VoLuMeSCette é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.

9: LogoJe débute toujours par les éléments situés au-dessus, dits de détail, afin de ne pas être perturbé par le place-ment 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 / vec-toriser le logo manuellement / ou utiliser l’option vec-torisation dynamique à partir d’une image préparée et optimisée via Photoshop à partir d’un fichier .jpeg Google image).

8

10

9


tamaGoPr

aTiQ

Ue

CouLeurS

25

11: dÉgrAdÉS, oMBreS INTerNeS eT oMBreS PorTÉeSVous 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.

13: dÉTAILSJe 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 suc-cessives de soustraction à la forme globale afin d’obtenir les diffé-rentes zones du dégradé (Ellipses + Pathfinder).

12: BrIS de VerrePour 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 plu-sieurs 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.

11

12a

12


tamaGoPr

aTiQ

Ue

13

26

14: ForMe PerSoNNALISÉeAstuce ! Nous allons voir comment réaliser la chaîne de notre Tama-gotchi. 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 auto-matiquement dupliqué le long de vos tracés.

une fois satisfait du résultat, groupez le motif [Ctrl]+[G], sélectionnez-le puis dans la boite de l’outil Formes, sélectionnez dans le menu dérou-lant à 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 para-mètres prédéfinis puis validez. Pour une forme plus technique, par-faite 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.

16: CoNCLuSIoNVous 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 contac-ter par mail pour toute demande ou question complé-mentaire. À bientôt.

15: APPLIquer uNe NouVeLLe ForMeVotre forme apparaît maintenant dans le menu dérou-lant 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’illu-sion. 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 personnali-sée avec un motif plus petit, ou plus grand.

14

16

15


tamaGoPr

aTiQ

Ue

deSSIN de LA ChAÎNe

http://www.creaphiq.fr

http://www.photoshop-creation.com

http://forumde.lalogotheque.com

28

PraT

iQUe

Illustrator CS5, Photoshop CS5 | avancé

music Never dies

29

1: CrÉATIoN du doCuMeNTPour 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.

1

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

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…

music

Martin Lebletgraphic 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...

never dies


2: PAPIerImportez 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.

2 2aL’aRRIÈRE-PLaN (BaCKGROUND)

PraT

iQUe

30

3: FoNd JAPoNAISrecommencez 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’ou-til 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. Appli-quez à ce calque un mode de fusion Lumière tamisée avec une opacité à 40%.

5: CASqueLa deuxième partie du détourage s’applique cette fois-ci au casque que l’on posera sur les oreilles du crâne central. recommencez la même opération qu’au-dessus 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.

4: CrâNeSVous 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 atten-tion 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. Reve-nez 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…

3

5


3a

4 OPÉRaTION DÉTOURaGE

music Never diesPr

aTiQ

Ue

31

6: PoSITIoNNeMeNT CeNTrALune 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. reposition-nez-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 envi-ron dans le cas présent et peignez sur le masque de fusion et non sur l’image, en cli-quant dessus dans la fenêtre calque. Pour récupérer l’extérieur de la sélection, pei-gnez 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.

8: oMBreSCré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.

7: PoSITIoNNeMeNTS LATÉrAuxImportez maintenant les deux autres crânes et posi-tionnez-les derrière le casque. Placez-les de sorte à ce que l’arrière du crâne sorte des écouteurs.

6

8

7


8a

8B

MISE EN PLaCE DES DÉTOURaGES

OMBRES ET LUMIÈRES

music Never diesPr

aTiQ

Ue

32

9: LuMIèreS eT FILTreS PhoToSVous 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 dIeSC’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 Incrus-tation. 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é hori-zontalement 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.

9

10a

10


10B

music Never diesPr

aTiQ

Ue

33

11: Le LIeN grAPhIquePour 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. Mainte-nant double cliquez sur le calque cette fois-ci et appli-quez 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.

13: FoNd grAPhIquePour 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 Den-sité couleur +, centré verticalement sur la largeur du document.

12: roSeSPour 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étou-rer 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.

11

12

11a


MISE EN VaLEUR

13

music Never diesPr

aTiQ

Ue

music Never dies

34

14: oBJeTS VeCTorIeLSVous 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.

16: PASSe-hAuTMa dernière astuce utilise le filtre Passe-haut. enregistrez votre tra-vail 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 recommen-cez 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 res-sortir les détails de votre image en accroissant les contrastes et les contours.

15: CoINS ASSoMBrISDeux petites astuces maintenant pour finir véritablement l’exer-cice. La première étant d’assombrir les coins de votre document. Pour cela, créez un calque au-dessus de l’ensemble, prenez l’ou-til 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 fai-sant Sélection>Intervertir et remplissez-la de couleur noire. Enfin, baissez l’opacité du calque à 50%.

17: CoNCLuSIoNNous 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.martinle-blet.com et m’écrire dessus à l’aide du formulaire en bas de page.

PraT

iQUe 14

16

15

17


aSTUCES


PraT

iQUe

Illustrator CS5, Photoshop CS5 avancé

meXicaN sKull ciG’pacKaGiNG

36

1: CroquIS eT doCuMeNTATIoNSAvant 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 expres-sions de vos illustrations, en l’occurrence sur le thème des crânes mexicains. Il n’est pas néces-saire 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…).

PraT

iQUe

1

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.

meXicaN sKull Magdalena GiannelisJ’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

CiG’PaCKaGiNG


37

2: NouVeAu doCuMeNTLancez 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 docu-ment 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’im-pression n’est jamais en mode rVB, ce mode est des-tiné 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 gABArITPour 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 direc-tement des autres couleurs imprimées. Ce qui permet à l’imprimeur de détecter les contours de la forme à découper.

Pour sélectionner une nuance PAN-TONE, allez dans fenêtre Biblio-thè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 tou-jours être en ton direct. Validez.

une fois cela terminé votre Belga-forme 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 nu-ances non utilisées>Supprimer.

Attention, veillez à ce que tout le contour de la forme à découpe soit une forme fermée.

2

3a


meXicaN sKull ciG’pacKaGiNG

3B

3

PraT

iQUe

38

4: CrÉer eT orgANISer VoS CALqueSPour une meilleure aisance de travail, vous devez toujours nommer et organi-ser 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.

6: CrÉer VoS MoTIFSCré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’ac-cordent parfaitement. Sur le calque Motifs et pattern nous allons com-mencer 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’ou-til 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’ef-fet 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.

5: ChoISIr Le NuANCIerAvant de commencer à dessiner votre illustration vec-torielle, 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 pou-voir 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

4

6

5


7: PLACer VoS MoTIFSNous 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. Atten-tion, 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.

7

meXicaN sKull ciG’pacKaGiNGPr

aTiQ

Ue

39

8: LeS BordS PerduSLorsque 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’ar-rivera pas car nous avons une marge de 3 mm sup-plé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.

8

9

8a


9: deSSINer Le VISueLAvant 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 à retra-cer 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.

9a


aTiQ

Ue

10: APPLIquer uNe TexTureune fois votre illustration terminée, enregistrez-la sous .ai (uni-quement 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 illustra-tion. 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 illus-tration 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.

10

40

11: LATIN heAdLINedé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, uti-lisez le masque d’écrêtage comme vu à l’étape 07.

11a11



aTiQ

Ue

12: eNregISTrer Le FIChIer Pour L’IMPreSSIoNLors 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 res-tera plus qu’à monter votre packaging. Si vous imprimez votre pac-kaging sur une imprimante maison, n’oubliez pas de désactiver la forme à découpe.

12 12a

41

PraT

iQUe

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.

iN aNother

Matthieu LeungJeune é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.frBehance : www.behance.net/MatthieuLeung

WorldCréer une scène imaginaire

Photoshop CS5 | avancé


42

1: ÉTAPE 1 – PRÉPARATIONCré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 lais-sez 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 mainte-nant débloqué. renommez-le Background.

2: ÉTAPe 2Cré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 3derniè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 range-rez ces 4 calques. Nommez-le Background.

1

2a

2

3


2B

iN aNother WorldPr

aTiQ

Ue

43

4: ÉTAPe 4Importez le document Personnage.jpg, que vous détourerez à l’aide de l’outil Plume (il y a d’autres pos-sibilité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.

6: ÉTAPe 6Passons aux choses sérieuses, nous allons mainte-nant placer tous les éléments (les éléments sont four-nis 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%.

5: ÉTAPe 5Cré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.

7: ÉTAPe 7Cré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.

4

6

5

7


iN aNother WorldPr

aTiQ

Ue

44

8: ÉTAPe 8Importez le fichier Fille.jpg, et détourez la fille. Dimi-nuez 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, ajou-tez 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 9Attaquons-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 nou-veau 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.

8

9

8a

9a


iN aNother WorldPr

aTiQ

Ue

45

10: ÉTAPe 10Placez tous les éléments du temple dans un dos-sier 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.

12: ÉTAPe 12ouvrez 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 lumino-sité au minimum. Placez ce calque en dessous de l’oi-seau, et réduisez l’opacité pour avoir un rendu réa-liste. réitérez cette opération pour le second oiseau.

11: ÉTAPe11Importez maintenant, l’image Bird.jpg et découpez l’oi-seau, 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.

10

12

11

12a


12B

iN aNother WorldPr

aTiQ

Ue

iN aNother World

46

13: ÉTAPe 13Nous arrivons au dernier élément. Ouvrez le fichier montgolfière.jpg et importez-le. détourez les 2 mon-tgolfiè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’ou-bliez 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.

15: ÉTAPe 15Ajoutez 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.

14: ÉTAPe 14Cré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 der-niers calques dans un groupe que vous nommerez Lumières. Ajoutez un calque de réglage Courbe.

PraT

iQUe 13

14

13a

15


14a 14B

47

FiC

He

TeC

HN

iQUe

Dans ce tutoriel, nous verrons comment,

grâce à des techniques de relight ainsi qu’à

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.

passer du solide

Arnaud MichanolArnaud é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…

au liquide

Photoshop CS5 | avancé


passer du solide au liquide

48

1: PrÉPArATIoN IPrenez-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 IIImportez votre image dans Photoshop, déverrouillez-la en effectuant un double clic dessus et renommez-la Personnage. Créez un calque que vous renomme-rez 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).

FiC

He

TeC

HN

iQUe 1

2a

2


49

3: dÉTourAgeSLa 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. Tou-jours 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ésen-ter les formes que créerait l’écoulement du liquide en suivant les reliefs du corps.

5: reLIghTINg IComme 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élec-tionnez 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.

4: ÉPAISSeurdonnez 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 para-mètres. Changez la valeur de l’échelle (par défaut à 100%) à 99%.

3

5

4


passer du solide au liquideFi

CH

e Te

CH

NiQ

Ue

50

6: reLIghTINg IICette étape de Relight consiste à donner un peu plus de vie à votre lumière. Pour ce faire, créez un nouveau calque, renommez-le 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 éclair-cir 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>Renforcement>Accentuation. Laissez le Seuil à 0, mettez un Rayon à 2 voire 2,5 puis réglez le gain comme bon vous semble.

7: FLuIdeSPour 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 fluidesPartons sur le fluide rouge et fond noir. Nous allons lui ôter ce noir autour. Pour cela, allez dans Fenêtres>Couches. Mas-quez alors les couches RVB, Vert et Bleu pour obtenir les meil-leurs 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. retour-nez 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 rota-tion, la taille, l’angle … Si cela venait à ne pas suffire, tou-jours 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.

6

7a

7


Colorisation des fluidesLes 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 com-binaisons de couleur de dégradé pour obte-nir 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.

passer du solide au liquideFi

CH

e Te

CH

NiQ

Ue

51

Ga

Leri

e

Jeune étudiant lyonnais, Matthieu a grandi avec les nouvelles tech-nologies. 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.frBehance : www.behance.net/MatthieuLeung


matthieu Leung

Galerie de

Break-SilenceQuand 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.

TravelCette 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 repre-nant 3 images utilisées par ce dernier.

52

Ga

Leri

e


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

AbstractCette 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.

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

Galerie de matthieu leuNG

pointpsd11_65bb.pdf

Documents