Sie sind auf Seite 1von 48

Partenaire du numro

N 01/2012 (55)

Mensuel Janvier ISSN 1733-2745

Donnez un aspect cInma vos Images crez les effets 3D sous photoshop

Intgrez une photo dans le dcor sombre

Plongez dans un style rtro

Chers lecteurs,
Tout dabord nous voudrions vous souhaiter Bonne Anne 2012. Dans le premier numro de cette anne, nous voudrions vous proposer les tutoriels pour chacun dentre vous, nimporte quel est votre niveau de connaissance de techniques Photoshop. La cration des photomontages vous apportera srement de nombreuses satisfactions. Premirement nous vous recommandons le tutoriel de Banana Split dont lauteur vous montrera comment faire une affiche dans le style rtro en unissant envie et gourmandise. Lauteur souligne limportance de la conception des motifs, de la perspective, les jeux avec des couleurs et les effets dombre. Passez ensuite la page 12 o vous trouverez le tutoriel Comtesse Noire. Son auteur vous prsentera comment crer un portrait dans le style fantastique laide de fonctions les plus courantes de Photoshop. Les passionns de la technique 3D trouveront plein de choses intressantes. Lauteur vous montrera comment utiliser les diffrentes techniques pour intgrer une image 3D une photo, les diffrentes rgles de composition (lclairage, les ombrages, les proportions et la composition). Vous apprendrez aussi utiliser les outils de slection et utiliser les masques pour agrmenter la composition de vos images (par lajout de personnage ou de vgtation). Enfin lisez linterview de Gatan Weltzer qui vous parlera de ses passions, inspirations et sa premire aventure avec graphisme. Il vous fera connatre ses techniques prfres et partagera avec vous sa mthode pour se dvelopper constamment. Mais, ce nest pas tout ! Dcouvrez dautres sujets abords dans le numro de janvier. Bonne lecture ! quipe .psd Magazine

Le magazine .psd est publi par Software Press Sp. z o.o. SK Prsident de Software Press Sp. z o.o. SK Pawe Marciniak Directrice de la publication Justyna Ksiek ISSN : 1733-2745 (c) 2012 Software Press Sp. z o.o. SK, tous droits rservs Rdactrice en chef Justyna Ksiek justyna.ksiazek@psdmag.org

Assistante de la rdaction Asia Findysz asia.findysz@software.com.pl DTP Graphics & Design Eurodesign www.euro-design.info Photo de couverture Theil Yannick
Jonathan Marois, Patrick Haond, Benot Recarte, Charline Goutx, Hlne Hertgen, Aurlien Lautour

Les personnes intresses par la coopration sont pries de nous contacter : fr@psdmag.org Publicit publicite@software.com.pl Software Press Sp. z o.o. SK ul. Bokserska 1, 02-682 Varsovie, Pologne tl. +48 22 427 35 34, fax +48 22 244-24-59 http://www.psdmag.org/fr
Tous les logos et marques dposes sont la proprit de leurs propritaires respectifs.

Btatests

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

sommaire
Dossier
Banana split Theil Yannick Le Comptesse noire Nathalie Duvivier

06 12

PraTiQUe

Retoucher une image pour lui donner un aspect cinma Thibault Houdon Illustation architecturale - composition partirdune photo Stphane LAbb

18

24

FiCHe TeCHNiQUe
Eagle in the night Gimenes Florian

34

Interview Gatan de Weltzer

iNTerVieW GaLerie

40

Galerie de Ophlie Grall

46

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

Photoshop CS4 | intermdiaire | 60 min

Dossier

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

Dossier

split
Dans ce tutoriel nous allons raliser travers diffrentes tapes une affiche rtro mlant envie et gourmandise, tout en travaillant sur la conception de motifs, lutilisation de la perspective, les changements de couleurs et la cration des ombres.
Tout dabord, ouvrez un nouveau document de 40x50 cm, 350 pixels/pouce (toujours travaillez avec de la qualit) en RVB. Insrez limage fond papier en arrire-plan, faites en sorte que votre image dborde afin quil ny est pas despace blanc autour. Dans votre fentre de calque se trouve une icne reprsentant un cercle noir et blanc, cliquez au dessus et allez dans Dgrad. Dans une fentre qui souvre choisissez Style>Radial et cochez Inverser. Choisissez la teinte que vous dsirez. Ensuite toujours dans la fentre fond en dgrad, rglez Angle 25% et Echelle 100%. Dans la fentre Calque mettez lOpacit 65%, ensuite dupliquez le calque et rgler lopacit 35%.

banana

Theil Yannick Jeune franais de 23 ans diplm en communication graphique et infographie, dtiens 4 annes dexprience notamment titre dinfographiste free-lance. Etudie actuellement lUQAM Universit du Qubec Montral, la facult des arts, pour devenir professeur en arts. Site : http : //www.creaphiq.fr/graphiste/yannick-theil-253

1: ARRIRE-PLAN/DGRAD DE COULEURS

Cette fois ci nous allons crer un motif rond dans Fichier>Nouveau. Dans la Largeur et Hauteur tapez 2 cm>Rsolution : 350 pix./pc.>Mode RVB>Arrireplan : transparent. Avec loutil Ellipse crez un rond blanc en laissant un peu despace autour. Ensuite allez Calque>Pixellisation>Forme>Ok>Edition>Utili ser comme motif. Nommez le rond blanc.

2: CRATION DUN MOTIF

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

banana split

Dossier

3: APPLICATION DU MOTIF
Revenez sur le projet, crez un nouveau calque. Ensuite allez dans Calque>Nouveau calque de remplissage>Motif>Ok. Choisissez bien le motif rond blanc et ajustez la taille de vos ronds avec lchelle selon votre envie. Ensuite allez dans Calque>Pixellisation>Fond. Dupliquez votre calque de motif. Dcochez lil de visualisation du calque de motif 2 ; sur le 1er calque de motif, avec le Masque de fusion et votre Pinceau enlevez les 1/3 du bas au niveau des ronds, mettez votre calque en opacit 25% et en mode claircir. Retournez au calque de motif 2, cochez son il de visualisation.

Avec loutil Loupe, rduisez limage au moins 3 fois, allez dans Edition>Transformation>Perspective. Positionnez votre image au dessous de la srie de ronds blanc avec le 3 point de vecteur de perspective au niveau bas gauche. Tirez-le sur le ct jusqu faire un trapze>Ok. Mettez-le aussi en claircir et opacit 25%.

4: PERSPECTIVE DES MOTIFS

Ouvrez limage banana split, avec loutil Lasso dtourez uniquement la coupe et la 1 banane de face, ensuite utilisez la flche loutil de Dplacement et emmenez-la sur votre projet dans un nouveau calque videmment en faisant [CTRL]+[T], agrandissez lgrement votre coupe.

5: AJOUT DE LA COUPE

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

banana split

Dossier

Ouvrez limage pin-up, avec loutil Plume dtourez-la. Ensuite : Clique droit>Dfinir uneslection>Ok. Dplacez-la sur votre projet avec la flche loutil de Dplacement dans un nouveau calque : Edition>Transformation>Symtrie axe horizontal>[CTRL]+[T]. Agrandissezla lgrement et pivotez-la pour la mettre sur la banane. Reprenez loutil Plume, dtourez le fond beige entre ces bras : Clique Droit>Dfinir une slection et supprimez-les. Dupliquez le calque de la pin-up, le 1er calque

6: AJOUT DE LA PIN-UP/DETOURAGE/OMBRE PORTEE

pin-up est en incrustation, le second reste en normal. Dans le second calque, tout ce qui doit apparatre travers la coupe en verre sera effac, crez un Masque de fusion. Avec loutil Plume dtourez les zones, un clic droit et choisissez Dfinir une slection. Avec votre Pinceau effacez les parties non dsirables, double-cliquez sur le second calque de la Pin-up. Une fentre apparat. Allez dans ombre porte et reglez les parametres de facon suivantes : Mode de fusion>Incrustation, Couleur>noir, Angle 91%. Cochez Utiliser clairage global : Distance 60px, Grossi 100%, Taille 5px, Liss>Ok.

6 7

Ouvrez le fichier boules de glac, utilisez loutil Lasso, dtourez la boule rose, avec la flche loutil de Dplacement emmenez-la vers votre projet sur un nouveau calque (qui sera plac en arrire du calque de notre coupe de glace). Agrandissez la boule avec [CTRL]+[T] dupliquez la 4 fois de sorte avoir 5 boules de glace et repositionnez-les avec loutil de Dplacement, pour le calque boule de glace copie 4, allez sur licne en forme de cercle noir et blanc. Slectionnez Teinte/Saturation. Une fentre apparat>Teinte : -180>Saturation : -100>Luminosit : +70>Ok. Maintenant il faut que le calque Teinte/Saturation ne fonctionne que pour la boule de glace voulue. Pour cela, placez votre curseur de souris sur le trait fin entre le calque Teinte/Saturation et boule de glace copie 4, appuyez sur [Alt].Cliquez 1 fois. Votre boule de glace est devenue blanche.

7: AJOUT DE GLACE/CHANGEMENT DE COULEUR

8 8: AJOUT DES BLEUETS

Ouvrez limage bleuets, utilisez loutil Lasso et dtourez-les (sans prendre les ombres). Avec loutil Flche de dplacement emmenez-les sur votre projet dans un nouveau calque (qui sera plac en arrire du calque de la boule blanche). Dupliquez-les 4 fois et positionnez-les comme bon vous semble.

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

banana split

Dossier

9: AJOUT DE LA CHANTILLY

Ouvrez limage chantilly, utilisez loutil Lasso et dtourez-la (sans prendre le pot). Avec loutil Flche de dplacement emmenez-la sur votre projet dans un nouveau calque (qui sera plac en arrire des claques de bleuets). Crez un Masque de fusion, avec votre Pinceau et son opacit 25%, donnez plusieurs coups sur le bas de la chantilly pour lattnuer et la fondre avec les boules de glace.

10

10: AJOUT DE LA FRAISE

Ouvrez limage fraise, utilisez loutil Lasso et dtourez-la. Avec loutil Flche de dplacement emmenezla sur votre projet dans un nouveau calque (qui sera plac en arrire du calque chantilly). Positionnez-la comme bon vous semble.

11: AJOUT DE SPLASH/CHANGEMENT DE COULEUR

Ouvrez limage splash, utilisez loutil Baguette magique [Ctrl]+clique droit et choisissez Intervertir. Avec loutil de Flche, dplacez-le sur votre projet dans un nouveau calque (qui sera plac en arrire des calques des boules de glaces). Rduisez un peu sa taille avec [Ctrl]+[T]>Ok. Maintenant on va lui changer sa couleur (comme pour la boule de glace). Crez un Calque de remplissage ou de rglage, rglez lest paramtres pour Teinte/Saturation : Teinte -180, Saturation -100 et Luminosit +75 et validez. Avec votre curseur allez sur la petite ligne entre le calque Teinte/Saturation et le calque splash, faites [Alt]+. Slectionnez les deux calques et fusionnez-les (clic droit et choisissez Fusionnez les calques). Renommez-le calque ainsi cr Splash. Dupliquez-les autant de fois en fonction du nombre de splash chocolat que vous voulez (nhsitez pas changer de taille en faisant [Ctrl]+[T]). Dupliquez-en un dernier et dcochez loeil qui indique la visibilit du calque. Slectionnez tous vos calques de splash visible, un clic droit et choisissez Fusionner les calques. Crez un calque de remplissage ou de rglage et cochez Couleur unie. Entrez le code couleur 581919 ct du dise et validez. Mettez votre curseur sur la ligne entre le calque de couleur unie et le calque splash [Alt]+. Cliquez sur le calque de couleur unie, mettez lopacit 85% et en mode Densit linaire +. Revenez notre copie de splash invisible, cochez-la, dupliquez-la une fois, agrandissez-la et mettez-la dans le coin gauche en haut de votre projet. Lautre splash sera place derrire le calque coupe, mettez-la dans la position que vous voulez. Avec le masque de fusion vous pouvez mme effacer certaine partie si vous le voulez avec loutil Pinceau.

11

10

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

banana split

Dossier

Une fois que vous tes sr de vous, fusionnez tous les lments sauf larrire-plan papier, fond de dgrad et les motifs. Dupliquez votre calque. Prenez loutil Baguette magique. Cliquez pour slectionner lensemble du calque : Clique droit>Intervertir. Prenez votre loutil Pinceau et peignez en noir lintrieur. Dslectionnez avec la baguette. Positionnez le calque au-dessous de lautre. Rduisez votre image avec loutil Loupe 2 fois>Edition>Axe vertical. Positionnez lombre au-dessous de la coupe : Edi-tio n>Transformation>Inclinaison. Et faites-en forme de Trapze>Appliquer>Mettez le calque en mode Incrustation.

12: CRATION DE LOMBRE

12

13

13: TYPOGRAPHIE

La typographie utilise est DymaxionScript trouve sur le site Dafont (Vous pouvez en choisir une autre si vous le dsirez). Une fois votre Typo tape, slectionnez une couleur de votre choix (personnellement, le rose rappelle le t-shirt de la pin-up. les boules de glaces et la fraise). Faites un clic droit sur le calque typographique Options de fusion>Lueur externe. Choisissez une Couleur blanche>Technique : prcise>Grossi 100%, Taille 24px, Qualit 100%, Variation 0%. Dupliquez votre calque typographique, changez la couleur en noir la place du rose : Calque>Pixellisation>Texte, Edition>Transformation>Symtrie axe vertical. Ensuite double-cliquez sur le calqueet chosissez Lueur externe. Puis allez dans Mode de fusion>Incrustation et mettes lOpacit 70%. Chosissez Couleur noir>Technique : prcise>Grossi 80%, Taille 20%, Liss>Etendue 100%, Variations 0%. Mettez le Calque en Incrustation et Edition >Transformation>Torsion>Mettre en trapze>Appliquer.

14

Fusionnez tous vos calques : Calques>Fusionner tous les calques visibles>Dupliquez le>Filtre>Divers>Passe haut>Rayon de pixels au maximum. Mettez le calque en Incrustation. Ajoutez un Masque de fusion. Avec loutil Pinceau en jouant avec lopacit, attnuez ce qui peut paratre trs contrast comme le chocolat, le jean de la pin up, le bas de la fraise etc... Une fois satisfait, fusionnez le tout et convertissez en CMJN et sauvegardez-le en PDF si vous dsirez le faire imprimer dans un copy center prs de chez vous.

14: AMELIORATION DU VISUEL

11

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

Photoshop CS4 | intermdiaire | 60 min

la Comtesse noire

Dossier

12

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

Dossier

Noire
Vous apprendrez utiliser dans ce tutoriel les fonctions les plus courantes du logiciel Photoshop pour la retouche photographique dun portrait, comme par exemple les outils Baguette magique, Pice, Gomme, Densit + et - et les diffrents modes de fusion de la palette calques, pour lintgrer dans un dcor sombre et fantastique.

la Comtesse

Nathalie DUVIVIER Nathalie DUVIVIER, alias lArtist-retouche, est une jeune artiste passionne de 26 ans ayant dcouvert Photoshop il y deux ans. Depuis, pendant son temps libre, elle amliore sa connaissance du logiciel et se spcialise dans la retouche photographique et le graphisme. Pour toute question ultrieure, vous pouvez la retrouver sur sa page Facebook cette adresse : http://www.facebook.com/pages/lartist-retouche/176948915696970 ou sur son compte deviantART : http://lartist-retouche.deviantart.com Ou la joindre : Facebook : http://www.facebook.com/pages/lartist-retouche/17694891569697 Deviantart : http://lartist-retouche.deviantart.com/

1: DTOURER ET IMPORTER LE MODLE

Dans un premier temps, ouvrez limage Gothic__ Rococo_Stock_004_by_FroweMinahildStock.jpg dans Photoshop CS5. Utilisez loutil de slection rapide Baguette Magique pour slectionner le contour gris se trouvant tout autour du modle, et faites la touche Suppr. de votre clavier pour le supprimer. Vous avez dsormais votre calque Modle presque parfaitement dtour.

13

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

la Comtesse noire

Dossier

2: LA MISE EN PLACE DU FOND

Ensuite, ouvrez un nouveau document de la taille 2129,7 cm en 300 dpi. Mettez un calque de couleur noire, puis importez limage nous servant de fond : feeling_a_little_better_now_by_smoko_stockd4ekudb.jpg. Glissez-la dans le fond noir, et redimensionnez la la taille souhaite. Faites de mme avec la photo dtoure du modle. Nous allons ds la prochaine tape travailler sur le maquillage et lapparence de notre Comtesse. Il sagit de travailler son teint, de faire ressortir ses lvres en les peignant en rouge orang, daccentuer lgrement la couleur rouge de ses cheveux et dclaircir de faon significative ses yeux, afin que le spectateur soit attir dabord par cet lment de sa personnalit, puis ses lvres et enfin le masque quelle tient dans ses mains.

3: RETOUCHE DE LA PEAU SUPPRESSION DES IMPERFECTIONS

Nous allons dabord faire en sorte que le teint du modle soit plus ple. Pour cela, baissez la saturation de cette image en faisant : Image>Rglages>Teinte/ Saturation en utilisant une valeur -7. Zoomez sur le visage, puis, avec loutil Pice, gommez les imperfections comme le grain de beaut, les cernes et autres marques, en entourant la zone de peau corriger puis en la glissant sur une zone propre. Procdez correction par correction, et surtout prenez votre temps ! Se presser ne donnera rien de bon, vous devrez recommencer et aurez perdu le temps que vous pensiez gagner. Noubliez pas de corriger galement les petites rides du cou. Le teint est dsormais liss, sans dfauts.

4: POSE DU ROUGE A LEVRES

Pour peindre les lvres en rouge, crez un nouveau calque en cliquant sur licne prvue cet effet dans le panneau calques. Nommez-le lvres et peignez-les avec un pinceau doux de 13 px de la couleur # ea0000. Mettez son mode de fusion en Lumire tamise. Pour fondre la couleur du rouge lvres, appliquez sur ce calque un Flou gaussien de 5.00 px. Passez ensuite la Gomme, toujours une forme douce, la limite des lvres pour effacer le rouge qui aurait fil. Baissez ensuite lopacit de ce calque 80%.

14

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

la Comtesse noire

Dossier

Ici, nous allons claircir les yeux. Pour cela, crez un nouveau calque, nommez-le Yeux et peignez-les avec la couleur # ffffff. Baissez lopacit 47%, puis passez la Gomme avec un bord doux autour des yeux pour faire rapparatre le contour noir de lil et liris.

5: REFLETS DES YEUX

Afin de renforcer la couleur rouge des cheveux, crez un nouveau calque, nommez-le Cheveux et passezle en mode Obscurcir. Peignez-les avec la couleur # d90000. Baissez lopacit 91 % et gommez les dbordements de couleur avec une brosse douce.

6: REFLETS DES CHEVEUX

Maintenant, nous allons supprimer les dfauts du dtourage la Baguette magique avec loutil Gomme, en le passant sur les contours du modle Visage>Cheveux, puis en utilisant loutil Goutte deau sur les contours Visage>Cheveux>Robe afin de flouter lensemble. Mettez ensuite une Lueur externe, mode de fusion : Densit Linaire, Opacit 5, Bruit 0. Nous allons rajouter la lune et les chauves-souris en arrire-plan, la texture du masque, les plumes du chapeau et amliorer la chevelure du modle par lajout de mches.

7: SUPPRESSION DES PETITS DFAUTS DU DTOURAGE LA BAGUETTE MAGIQUE

15

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

la Comtesse noire

Dossier

8: AJOUT DES LMENTS DARRIRE PLAN : LUNE ET CHAUVES SOURIS

Pour la lune, crez un nouveau calque, intitul Lune, placez-le en dessous de Modle et ouvrez les brushes planet_brushes_by_b_squaredstock-d39m1nv.abr. Choisissez le 1350 Planet 2 et avec une taille de pixels de 700, crez-le et redimentionnez-le. Appliquez-lui un flou gaussien de 3.1. Pour les chauves souris, ouvrez le fichier RAR : E_S_Bats_pack_by_ Elevit_Stock. Ouvrez les images 20 et 23. Insrezles votre composition, au dessus du calque lune, et baissez lOpacit de la chauve-souris se trouvant dans la lune 91%.

9: INCRUSTATION DU MOTIF DU MASQUE

Maintenant, nous allons travailler sur lincrustation du motif dans le masque tenu par le modle. Pour cela, ouvrez limage Material1_by_smacc_ stock.jpg. Crez un nouveau calque nomm Texture Masque et dplacez votre motif sur le masque. Transformez ensuite cette image en noir et blanc en faisant : Image>Rglages>Noir et Blanc : Rouge 40, Jaunes>60, Verts 40, Cyans>60, Bleus 200, Magenta >- 141. Changez le mode de fusion en couleur plus fonce, Opacit 80%. Et gommez le tour du masque et lintrieur des yeux (ne pas oublier les doigts du modle).

10

10: AJOUT DES PLUMES SUR LE CHAPEAU

Maintenant, nous allons rajouter des plumes au chapeau. Pour cela, ouvrez un nouveau calque, intitulezle plumes, et ouvrez les brushes Feathers_Brushes_ Set_1_by_Falln_Stock.abr et prenez la forme n952 Couleur # 000000, et cliquez nimporte o sur limage deux fois. Redimensionnez votre plume pour quelle couvre le chapeau. Faite de mme avec la forme n360 jusqu couvrir tout le chapeau. Supprimez avec loutil Gomme ce qui dpasse.

16

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

la Comtesse noire

Dossier

Maintenant rglez les niveaux de votre image de fond : Image>Rglages>Niveaux. Avec comme valeurs : 42 /1.35 / 255. Aplatissez votre calque Calques >Fusionnez les calques visibles. Nous allons dsormais travailler les cheveux. Pour cela utilisez loutil Doigt. Allez dans le sens de la hauteur, pour contrecarrer leffet des plumes tombantes. Maintenant, il ne reste plus qu travailler les niveaux de la composition en gnral. Faites Image>Rglages>Niveaux avec les valeurs 11/1.10/247. Utilisez loutil Densit+>Tons Moyens>Exposition 12% et passez le sur la zone front, nez menton, pommettes. Cela va claircir le teint et crer des zones dombres.

11: TRAVAILLER LES CHEVEUX DU MODLE

11

12

12: AJOUT DE FAUX CILS

Nous allons accentuer les cils par la pose de faux cils. Crez un nouveau claque et ouvrez les brushes Fancy_Eyelashes_by_Linzee777.abr. Choisissez le numro 1090>paisseur 100px Couleur # 000000, puis cliquez deux fois au mme endroit sur votre calque. Repositionnez et recadrez ces cils au dessus de la paupire (ici gauche) des yeux du modle. Dupliquez ce calque, et faites glisser les poigne de sorte a arriver une symtrie horizontale. Disposez le deuxime cil sa place. Vous pouvez appliquer un Flou gaussien de 2 px pour flouter lgrement lensemble.

13

Ouvrez maintenant dans le dossier Natsumi_ Caek_Y_6Bluetextures_ResourcesPack et prenez le fichier BlueTextures6. Insrez-le dans votre composition, recadrez et baissez lopacit du calque pour voir le modle en transparence. Gommez la texture se trouvant sur le modle, et mettez ce calque en mode Incrustation. Baissez lopacit 75%. Aplatissez les calques : Calques>Fusionner les calques visibles. Enfin utilisez loutil Densit + pour assombrir la tenue du modle et le cot droit du visage, puis loutil Densit - pour clairer un peu le visage. Dernire tape : jouez sur les niveaux : Rglages>Niveaux>Valeurs : 9/1.07/255 Vous avez ralis un portrait sombre et fantastique, acquis les bases pour effectuer une retouche photographique et obtenu un rendu quasi professionnel !

13: POSE DE LA TEXTURE

17

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

Photoshop CS4 | intermdiaire | 90 min

PraTiQUe

RetoucheR une image


pour lui donner un aspect cinma
Dans ce tutoriel, je vais vous prsenter les diffrentes techniques permettant de donner un aspect plus dramatique une image initialement banale. Nous verrons comment ajouter un ciel et effectuer diffrents rglages sur la lumire et la colorimtrie. la fin de ce tutoriel vous devriez matriser les bases qui vous permettront de donner plus de caractre vos photographies ou vos images en gnral.
Thibault Houdon Franais dorigine, je suis maintenant depuis lt 2011 tudiant en Cinma au Canada, plus prcisment dans la trs belle ville de Montral. Jai toujours t passionn par les diverses formes dart qui se sont ouvertes moi, avec en premier lieu la musique, et le piano, que je pratique depuis maintenant 14 ans, puis par le Cinma (avec un grand C) que jai maintenant la chance dtudier. Cela fait plusieurs annes que je mintresse aux arts visuels, principalement avec la photographie, puis avec linformatique, et notamment les logiciels Photoshop, Blender et After Effects. Mon plus grand plaisir est donc de relier tous ces arts, et cest pourquoi jaime dailleurs tant le Cinma. Jai lanc dernirement mon site, blog regroupant la fois mon travail et des tutoriels, ressources etc : www.mattereal.com

18

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

retouCher une image pour lui donner un aspeCt Cinma

PraTiQUe

1: CHANGER LES ZONES DOMBRES SUR LIMAGE DORIGINE I

Tout dabord, je vais assombrir un peu mon image. Mais comme lambiance que je veux donner est celle dun coucher de soleil, je ne vais assombrir que les basses lumires afin de garder lclairage prsent dans les hautes lumires. Pour cela je vais aller dans les couches de mon image, Fentre>Couches, et je vais slectionner les pixels de la couche rouge, en faisant [Ctrl]+Clic gauche sur la vignette reprsentant la couche rouge. Tout en gardant la slection active, je vais crer un calque de rglage Niveaux. Nous privilgions un mode de travail non destructif, donc nous ne passerons pas par le menu Images>Rglages>Niveaux. Allez plutt dans Fentre>Rglages pour afficher la fentre de rglages et cliquez sur le rglage Niveaux, tout en conservant votre slection active. Ensuite nous allons augmenter le contraste du masque de fusion qui a t cr sur le calque de niveaux, grce la slection effectue sur la couche rouge. Pour ce faire, cliquez sur le masque de fusion tout en maintenant la touche [Alt] pour afficher le Masque de fusion, puis appuyez sur [Ctrl]+[L] pour afficher la fentre des niveaux. Ensuite, changez les rglages du niveau.

1a

1b

1c

19

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

retouCher une image pour lui donner un aspeCt Cinma

PraTiQUe

2: CHANGER LES ZONES DOMBRES SUR LIMAGE DORIGINE II

Nous allons ensuite inverser le masque de fusion pour quil sapplique aux basses lumires (car la slection sur la couche rouge nous avait slectionn les hautes lumires). Pour cela, allez dans Images>Rglages >Ngatif. Slectionnez le calque original pour revenir laffichage normal des calques. Slectionnez ensuite le calque de rglages niveaux que nous avons cr et appliquez les changements. Slectionnez de nouveau le calque original et crez un nouveau calque de rglages de niveaux en allant dans Fentre>Rglages et en cliquant sur licne Niveaux et appliquez les rglages suivants.

2a 2b

20

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

retouCher une image pour lui donner un aspeCt Cinma

PraTiQUe

Importez limage du ciel. Cachez le calque du ciel, revenez votre calque original et faites une slection du ciel laide de loutil Baguette magique. Retournez sur votre calque contenant le ciel et allez dans Calque>Masque de fusion>Faire apparatre la slection. Slectionnez le masque de fusion, allez dans Fentre>Masques et appliquez un contour progressif de 3 pixels. Crez ensuite un calque de rglages de saturation en allant dans Fentre>Rglages et en cliquant sur licne Teinte/Saturation. Baissez la saturation -80. Faites ensuite un Clic Droit sur ce calque et cliquez sur crer un masque dcrtage.

3: AJOUT DU CIEL ET RGLAGES DES COULEURS

3a

4 4: CHANGER LCLAIRAGE DE NOTRE IMAGE ET EFFECTUER LES CORRECTIONS COLORIMTRIQUES I

Crez un nouveau calque vide. laide de loutil Dgrad et en slectionnant un dgrad radial, redfinissez les zones dombres et de lumire de limage en alternant votre couleur entre le noir et le blanc. Assombrissez ainsi la gauche de limage et claircissez la partie droite de limage pour obtenir le rsultat de limage 09B. Crez un nouveau calque et remplissez -le de noir avec loutil Pot de peinture. Allez ensuite dans Filtre>Rendu>Halo et choisissez 105 mm. Placez le Halo sur le bord droit de limage, peu prs au niveau de la ligne dhorizon de votre image. Passez ce calque en mode Superposition et dplacez-le vers la droite pour enlever le point de lumire et ne garder que lclairage.

21

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

retouCher une image pour lui donner un aspeCt Cinma

PraTiQUe

4a

5: CHANGER LCLAIRAGE DE NOTRE IMAGE ET EFFECTUER LES CORRECTIONS COLORIMTRIQUES II

Ajoutez un nouveau calque de rglage Niveaux via le menu Fentre>Rglages et appliquez les valeurs : 25, 0.75, 238. Crez un nouveau calque de rglage Balance de couleurs toujours via Fentre>Rglages et appliquez les valeurs suivantes : Tons clairs>+ 12 de Cyan-Rouge, Tons moyens>+9 de Cyan-Rouge,Tons foncs>+15 de Cyan-Rouge, -6 de Jaune-Bleu. Appliquez ensuite un nouveau calque de

rglage Filtre Photo via Fentre>Rglages et appliquez-le Filtre rchauffant (85) avec une densit de 30%. Noubliez pas de cocher la case Conserver la luminosit. Il ne vous reste plus qu rajouter un peu de flou atmosphrique. Pour ce faire, prenez loutil Pinceau avec une opacit et une duret trs faible, autour des 5%, et ajoutez un peu datmosphre dans le fond de votre image. Voil, vous avez termin ! Il ne vous reste plus qu rgler lopacit des diffrents calques de rglages afin dajuster la luminosit de votre image votre got ! Vous pouvez galement rajouter des lments tels que la statue et le bateau prsents sur limage finale.

22

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

Lightwave 10 | avanc | 90 min

PraTiQUe

illustration arChiteCturale
travers ce tutoriel, nous allons produire un photomontage illustrant le rsultat final de la construction dun immeuble laide dun modle 3D, dune photo de rfrence et des diffrents outils que nous offre Photoshop. Gnralement, ce type dillustration servirait faire une mise en march dun immeuble avant la fin de ses travaux (publication sur le Web, publicit dans les journaux, etc). Les tapes que nous allons suivre vous donneront de nombreuses habilits applicables dans un grand nombre de projets de graphisme. Vous pourrez, entre autres, appliquer diffrentes techniques pour intgrer une image 3D une photo, comprendre les diffrentes rgles de composition (lclairage, les ombrages, les proportions et la composition), apprendre utiliser les outils de slection et utiliser les masques pour agrmenter la composition de vos images (par exemple, par lajout de personnage ou de vgtation). La photo que nous utilisons ncessitera galement un travail de prsentation afin de nous permettre dutiliser une mauvaise photo et den tirer le maximum afin de produire un rsultat final professionnel. Bien que ce tutoriel soit orient pour amliorer vos habilits sous Photoshop, quelques conseils 3D vous permettront galement de mieux prparer vos modles afin dobtenir des rsultats plus ralistes et efficaces, mais aucune connaissance 3D nest requise pour complter le tutoriel, car nous vous avons fourni le rendu final. Si vous ne dsirez pas consulter la section sur la prparation du modle, dirigez-vous la section photomontage du tutoriel.
Stphane LAbb GonInteractive est une socit de multimdia qubcoise qui a t fonde en 2009 par Stphane LAbb, qui dsirait fournir des services professionnels similaires au grand studio de Montral de petites et moyennes entreprises ayant des budgets plus restreints. La compagnie regroupait donc une petite quipe dartiste oeuvrant titre dagent libre depuis plusieurs annes afin de former un studio multidisciplinaire abordable et professionnel. Depuis 2 ans, cette compagnie a dvelopp de nombreux sites web, conceptualis des logos dentreprise, cr des animations 3D, produit des documents de publicit en plus davoir effectu des dizaines de sances de photo pour des modles dbutants dsirant obtenir leur portfolio. travers cette exprience, GonInteractive dveloppait un service dvou, convivial et humain en respectant leur idologie doffrir toujours un produit unique et personnalis chaque client.

composition partir dune photo

24

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

IllustratIon archItecturale composItIon partIr dune photo

PraTiQUe

PRPARATION DU MODLE ET DE LA SCNE 3D

Notez que nous avons utilis Lightwave 10 pour construire notre modle, mais seulement des techniques similaires sappliqueront

dans votre logiciel de modlisation favori. Lorsque vous avez termin votre modle 3D, la premire chose considrer, lorsque lobjectif est le photomontage, est le choix de la position de la camra.

POSITION DE LA CAMRA

Malheureusement, dans un contexte rel de pratique, la position de votre camra ne sera pas positionne prcisment par rapport votre btiment. Mais si possible, utilisez un laser de vise afin de dterminer votre position exacte par rapport au btiment et utilisez un trpied de niveau, vous pourrez ainsi dterminer la hauteur de la camra (axe Y). Sans ces quipements, utilisez des repres visuels pour estimer votre distance (longueur dune rue, largeur de trottoir, positionnement par rapport un arbre ou un poteau). Ceci vous permettra dvaluer votre position et de placer sommairement votre camra la bonne position dans votre logiciel de modlisation.

Dans notre exemple, la camra est positionne 5,6 m (sur laxe X) sur la gauche du btiment, car nous faisions face la ruelle afin de montrer les 2 faades du btiment. Nous sommes environ 1 m de haut, car nous tions accroupi pour prendre la photo afin de dramatiser langle de prise, la camra est donc positionne 1 m sur laxe Y. Laxe Z reprsente dans notre exemple la distance par rapport au btiment. Nous tions de lautre ct dun boulevard comportant plusieurs voies, nous avons estim la distance du btiment au trottoir 3m, la largeur du trottoir fait 1,5 m et avons calcul 2,75 m par voie de circulation. Pour le positionnement final de la camra, appliquez une image en arrire-plan dans les options de composition du logiciel. Ouvrez Lightwave et allez dans Windows>Compositing options, chargez la photo que vous dsirez utiliser pour votre photo montage.

Dans longlet Camera View, choisissez le mode de visualisions VPR qui vous permet davoir un aperu de votre rendu final, ceci vous permettra de raffiner la position de votre camera jusqu ce que vous soyez le plus satisfait possible. Notez que vous navez pas besoin dtre parfaitement identique, mais que plus vous vous approchez du rsultat parfait, moins de temps vous aurez besoin sous Photoshop. Nous vous montrerons comment faire les ajustements finaux un peu plus loin.

Considrez galement votre lentille dans le choix de paramtre de vos options, ou vous pourrez choisir le type de lentille ainsi que le facteur de zoom (slectionnez la camra et appuyez sur [P]. Dans notre cas, nous avons slectionn une lentille pour Nikon SLR d2X avec une lentille 18-70 rgle sur 18 mm. Il nest pas ncessaire davoir exactement le bon modle, une lentille similaire sera suffisante. Notez galement quil est important de rgler la dimension de votre image la mme rsolution que votre photo dorigine (2000 x 1339). ce stade, vous navez normalement pas encore appliqu de texture sur votre modle. Il est primordial de choisir dabord le positionnement de la camra et de travailler ensuite lclairage, car vous ne voulez pas que vos textures influencent le positionnement et le choix de vos lumires. Une scne bien claire sans texture aura gnralement un trs bon aspect une fois texture.

25

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

IllustratIon archItecturale composItIon partIr dune photo

PraTiQUe

LCLAIRAGE

Notez bien langle de lombre sur votre photo en arrireplan et positionnez votre lumire principale au bon endroit de manire reproduire la mme ligne dombre. Vous pouvez effectuer cette opration facilement en restant dans le mode VPR. Dans notre exemple, la lumire principale (le soleil) est place une intensit de 200 % et de type distant (directionnelle) avec une couleur lgrement ambre afin de produire une ambiance plus chaleureuse. La photo dorigine tant prise en octobre, lensemble de la scne originale est bleut et de couleur gnralement froide d langle du soleil, nous ajusterons le tout ultrieurement. Pour les scnes dextrieurs, vous devez gnralement utiliser au moins une lumire dappoint afin dclairer les zones qui ne reoivent pas suffisamment de lumire. Mme avec de la radiosit, il est possible que certaines zones soient trop sombres. Dans notre exemple, une lumire en plonge 40 % tait suffisante. Assurez-vous de dsactiver la projection des ombrages de cette lumire dans la bote de proprit de la lumire sous longlet Shadows choisissez Shadow type : Off. Une fois lclairage termin, vous pouvez placer vos textures en utilisant les mthodes que vous prfrez. Les tapes, pour la mise en place des textures, sont trop exhaustifs pour ce tutoriel qui est davantage orient au photomontage et la prparation du modle avant le photomontage, nous nallons donc pas couvrir cet aspect. Toutefois, voici quelques conseils pour la cration de texture de brique.

RETRAIT DES OMBRES SUR UNE TEXTURE

TEXTURE DE BRIQUE

La texture de brique est bien souvent une texture dominante dans la modlisation et les photomontages architecturaux. Cette texture est donc trs importante, voici quelques conseils dans sa prparation. Nous avons rcupr une image de brique sur le site dun fabricant, beaucoup de sites offrent des textures avec lesquelles vous pouvez travailler. Il y a deux problmes majeurs avec cette image. Dabord, de lombre est prsente dans les joints de brique, ce qui crera une aberration au niveau de la position des ombres, car les faces lombre (ou pnombre) auraient galement des ombrages, ce qui nest pas possible physiquement. Corrigeons dabords ce point.

Ouvrez limage originale (prenez note que plus la rsolution de votre image est haute, plus la qualit du rsultat sera bon ; nous recommandons des textures dau moins 2000 x 2000). Appuyez sur la touche [W] pour choisir loutil de slection Baguette magique (Magic wand) avec une tolrance de 16 et appuyez dans lune des zones dombre. Maintenant, afin dtendre votre slection allez sous le menu Slection>Amliorer le contour (Select>Refine edge) afin de raffiner votre slection. Dans la bote de dialogue, ajustez les paramtres pour amliorer votre slection. Dans notre exemple, nous avons augment les contrastes 73%, ajout un effet de Feather de 3 px afin que les bords de notre slection soient plus doux. Nous avons aussi ajout une augmentation de la zone de slection de 25% afin de compenser pour leffet Feather qui rduit notre slection du nombre de pixels dtermins. Notre slection maintenant complte, appuyez sur licne dajout de calque Crer un nouveau calque (Create new layer) de la bote Calques. Cliquez ensuite sur licne Ajouter un masque de fusion. Lorsque vous avez une slection et que vous cliquez sur cette icne, le mask prendre la forme de votre slection ainsi que ces attributs.

26

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

IllustratIon archItecturale composItIon partIr dune photo

PraTiQUe

Retournez ensuite sur le premier calque, il faut maintenant copier une zone de joint de mortier nayant pas dombre. Effectuez un zoom avant sur une section de limage (appuyez sur [Z] pour loutil de Zoom) et slectionnez une zone sans ombre laide de loutil de Rectangle de slection (en appuyant sur [M] ). Allez dans le menu Edition>Utiliser comme Motif (Edit>Define Pattern) et nommez votre pattern ciment.

Allez maintenant slectionner le calque Layer 1 que nous avons cr prcdemment (attention de bien slectionner la zone de travail, et non la zone de masquage, en cliquant sur cette dernire dans la liste des calques, vous apercevrez un encadr sur la zone slectionne). Allez sous Edit>Fill . Choisissez Motif (Pattern) dans le menu droulant Use : et slectionnez votre pattern (le dernier au bas de la liste). Appuyez ensuite sur Ok. Le rsultat nest pas encore raliste. Dsactivons temporairement le masquage pour mieux travailler (clic droit sur le mask puis Disable layer mask). Maintenant nous allons rduire leffet de tuile (tilling). Copiez votre calque (cliquez et maintenez le bouton gauche de la souris enfonc et dplacez votre calque vers licne Crer un nouveau calque (Create new layer). Retirez le lien entre le mask et le calque que vous venez de crer en cliquant sur licne de chane. Ensuite, allez sous Filtres>Divers>Translation (Filter>Other>Offset) et forcez un dcalage de quelques pixels (+4 / +4). Maintenant, slectionnez votre mask dans la zone de calque et choisissez le pinceau (appuyez sur [B] ) douce et large (dans notre exemple, nous avons choisi 100). Balayez ponctuellement quelques zones afin dentremler les calques lun lautre, vous pourrez ainsi rduire leffet de tuile. Rptez ces tapes jusqu ce que leffet soit compltement disparu. Slectionnez ensuite les calques suprieurs et appuyez sur [Ctrl]+[E] pour fusionner les calques.

27

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

IllustratIon archItecturale composItIon partIr dune photo

PraTiQUe

Photoshop vous demandera si vous voulez prserver le mask, slectionnez preserve. Maintenant, slectionnez votre mask et laide dune plume blanche de petite taille (5 px), vous pourrez facilement aller ajuster votre image de manire liminer compltement lombrage. Une fois satisfait, fusionnez ce calque avec le calque dorigine. Vous pouvez maintenant augmenter la taille de votre texture en augmentant la taille du canevas. Copiez dabords votre calque en le glissant sur Crer un nouveau calque (Create new layer) et ensuite allez sous Image>Canvas Size positionnez lagrandissement selon le coin infrieur gauche et multipliez par 4 les valeurs du tableau (1680 x 1172). Effacez le calque background laide de licne de poubelle. Vous pouvez maintenant dupliquer la section dimage que vous avez sur lensemble de votre calque. Slectionnez votre

calque (tenez la touche [Ctrl] enfonce et faites un clic gauche sur votre calque), appuyez ensuite sur [V] pour obtenir loutil de Dplacement. Tenez la touche [Alt] gauche enfonce, vous pouvez maintenant dupliquer votre image dans le mme calque sur lensemble de la zone de travail. Remplissez la zone entire. Une fois fait, vous pouvez apporter de subtiles variations limage afin dobtenir une image de grand format avec peu de rptition. Vous pouvez, par exemple, crer un calque sur le dessus avec une faible opacit et un mode de fusion tel que Densit couleur + (Color burn). Coloriez quelques zones en noir laide dune plume douce et large afin de crer des variations de ton (rduire lopacit du calque pour de meilleurs rsultats). Voil, cest termin ! Sauvegardez votre image. Vous pouvez ensuite crer facilement votre image pour votre texture bump.

BUMP MAPPING

Ouvrez simplement votre image couleur prcdemment cre. Allez sous Image>Rglages>Noir et Blanc (Image>Adjustments>Black And White) Nous voulons obtenir un fort contraste entre la brique et le joint de mortier afin que leffet de bump soit russi. Puisque notre brique est gnralement rouge, nous allons diminuer le rouge -70% afin dobtenir une brique trs noire versus un joint relativement clair. Vous pouvez inverser les couleurs en appuyant sur [Ctrl]+[I] et vous obtiendrez une image parfaite pour votre texture Bump. Sauvegardez votre image. Un rendu avec une texture prsentant un effet de tuile ressemblera limage rendu_tiling.png alors quun rendu avec une bonne texture ressemblera plutt rendu_notiling.png.

28

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

IllustratIon archItecturale composItIon partIr dune photo

PraTiQUe

NOTE SUR LE RENDU FINAL

Lorsque vous faites votre rendu final, assurez-vous de slectionner un format dimage avec transparence tel que PNG afin de prserver le canal alpha de votre image. Voir limage rendu_notiling.png pour le rendu final et limage rendu_ alpha.png pour une vision plus claire du masquage alpha de notre image.

PHOTOMONTAGE PRPARATION DE LIMAGE DORIGINE

Ouvrez limage photo_originale.jpg, vous pouvez noter que cette photo est trop expose, car nous ne voyons plus le ciel et que les couleurs sont par le fait mme dnatures (insuffisamment satures) corrigeons dabords cette situation.

Utilisez les options Nouveau calque de remplissage (Create new fill) ou Nouveau calque de rglage (Adjustment layer) disponibles dans la bote Calques (Layers), ceux-ci sont suprieurs aux filtres que vous trouvez dans la barre doutils sous Image>Rglages (Image>Adjustment), car vous pouvez toujours venir rajuster vos effets ultrieurement, et vous pouvez appliquer vos effets sur de petites zones plutt quautomatiquement sur lensemble de limage. Choisissez Teint/Saturation (Hue and Saturation) ainsi que Luminosit/Contrast (Brightness and Contrast). Augmentez la saturation selon votre got, augmentez ensuite le contraste selon votre got. Copiez le calque background et renommez le nouveau calque pour MA PHOTO en double cliquant sur le nom et teignez ensuite la photo dorigine en cliquant sur licne dil juxtapos au calque Background. laide de loutil de Baguette magique (appuyez sur [W] ) slectionnez le ciel (assurezvous dabord que la case Pixels contigus dans les proprits de loutil est bien slectionne). Appuyez maintenant sur licne Ajouter un masque de fusion (Add layer mask) de la bote Calques (Layers). Seul le ciel est maintenant visible. Appuyez maintenant sur [Ctrl]+[I] pour inverser votre mask.

AJUSTEMENT DES COULEURS

29

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

IllustratIon archItecturale composItIon partIr dune photo

PraTiQUe

Ouvrez maintenant une image de votre choix contenant un ciel, nous avons utilis limage ciel.jpg dans notre exemple. Slectionnez toute limage en appuyant sur [Ctrl]+[A], copiez ensuite votre slection en appuyant sur [Ctrl]+[C], retournez dans votre photomontage, choisissez le calque Background et appuyez sur [Ctrl]+[V] pour coller votre image. Nous slectionnons dabord le calque Background, car le collage place limage dans un nouveau calque au-dessus de notre slection, ceci nous permet donc davoir notre ciel derrire limage du notre btiment qui est masqu. Renommez le calque pour CIEL. Positionnez votre ciel selon la position dsire en appuyant sur [V] et en dplaant limage laide de votre souris.

AJOUT DUN CIEL

Puisque cette photo de ciel possde dj les couleurs et proprits que nous voulons, nous ne voulons pas que nos effets de calque (saturation et contraste) interfrent avec notre photo, nous allons donc retirer la zone de notre ciel de nos effets de calque. Cette procdure est simple, slectionnez le mask de votre image [Ctrl]+clic gauche sur le mask de la calque MA PHOTO inversez ensuite votre slection en appuyant sur [Ctrl]+[Maj]+[I]. Allez ensuite sur le calque de saturation et peignez en noir votre slection laide de loutil de remplissage Pot de peinture en appuyant sur [G] et en choisissant une couleur noire. Rptez cette tape pour le filtre de contraste. Vous pouvez peindre manuellement les zones du mask de MA PHOTO afin damliorer votre dcoupage.

INTGRATION DU RENDU AU PHOTOMONTAGE

Ouvrez maintenant le rendu et copiez-le au-dessus des calques de filtre. Nommez ce calque RENDU. Vous pouvez dabord aligner manuellement limage en vous servant de la corniche de tots, des cltures et du trottoir comme repre visuel. Une fois en place, nous allons placer ce calque en transparence afin de mieux le positionner. Slectionnez le calque RENDU et choisissez une opacit denviron 65 % afin de bien voir le rendu ainsi que le btiment dorigine. Nous pouvons remarquer que la faade donnant sur la ruelle nest pas correctement dans le bon angle d un angle de perspective diffrent et que le trottoir est lgrement trop lev. teignez temporairement votre calque RENDU et crez un autre calque afin de vous tracer des lignes guides qui vous aideront aligner votre rendu.

Tracez ces lignes en suivant les angles de la photo dorigine. (voir le calque LIGNE DE REPRE). Rallumez ensuite le calque RENDU et choisissez pour cette dernire une opacit de 100%. Slectionnez le calque RENDU et choisissez votre outil de dformation favori. Lorsque le rendu est relativement prs dtre au bon endroit et selon les bonnes projections, nous vous conseillons fortement dutiliser loutil Dformation (Warp) sous Edition>Transforma tion>Dformation Edit>Transform>Warp. Les lentilles de camra ont tendance donner un effet arrondi aux objets du leur forme, loutil Dformation vous permettra plus facilement de reproduire cet effet. Une fois bien en place, il vous suffit maintenant dappliquer un mask sur votre calque RENDU afin de dissimuler une partie du btiment pour faire rapparatre larbre.

30

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

IllustratIon archItecturale composItIon partIr dune photo

PraTiQUe

VGTATIONS

Vous pouvez temporairement teindre la calque RENDU et slectionner le calque MA PHOTO pour effectuer votre slection darbre. Utilisez de nouveau loutil de Baguette magique (appuyez sur [W] pour Magic Wand). Dans les options doutils, slectionnez Ajouter la slection (Add to selection) afin que chaque clic ajoute une zone votre slection. Dsactivez galement la case Pixels contigus afin que la slection recherche tous les pixels de la mme couleur. Cliquez maintenant diffrents endroits dans les feuilles jusqu ce quune quantit suffisante de feuilles soit slectionne. Utilisez de nouveau Slection>Amliorer le contour (Select>Refine edge). Appliquer les ajustements ncessaires. Choisissez maintenant le mask du calque RENDU et peignez en noir la zone de slection de larbre afin de le faire rapparatre. Vous pouvez peaufiner votre rsultat laide dune brush spciale, tel un nuage de point, afin de venir faire apparatre quelques zones supplmentaires et alatoires de feuilles. Dsactivez votre slection en appuyant sur [Ctrl]+[D] et

peignez manuellement laide dune brush compose dun nuage de point. Slectionnez une opacit de 20% pour votre brush afin de faire apparatre progressivement les feuilles et en vous assurant ainsi de leur laisser une certaine translucidit. Attention, ne peignez pas dun trait sec, allez-y plutt en faisant une srie de clic en parcimonie. Astuce : basculez votre couleur en blanc pour faire apparatre votre rendu (donc, disparatre les feuilles) et en noir pour faire disparatre votre rendu (donc, apparatre des feuilles). Utilisez ensuite loutil Goutte deau de la barre doutils principale afin de lisser le contour de votre mask pour un effet plus naturel. Toujours lintrieur de votre mask, utilisez une brush ronde et douce de taille 100 afin de faire disparatre la base du rendu servant de repre pour le trottoir et la ruelle. Une brush douce vous offre un dgrad qui vous aidera faire une belle transition entre votre rendu et la photo relle afin que lon ne puisse distinguer lil nu le dbut de la photo et la fin de la 3D.

31

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

IllustratIon archItecturale composItIon partIr dune photo

PraTiQUe

HABILLAGE DU PHOTOMONTAGE

Pour amliorer le dynamisme de la photo, nous avons ajout des lments en avant plan afin de crer plus de profondeur dans limage et pour lui confiner une certaine animosit. Nous avons donc utilis les mmes techniques pralablement vues dans ce tutoriel pour dcouper une branche darbre que nous avons place en avant plan ainsi quun personnage. Astuce : Lorsque vous prenez des photos dans le but den faire le dcoupage, tentez de prendre des images avec un fort rapport de contraste entre votre sujet et larrire-plan. Par exemple, pour une

branche darbre, visez le ciel, vous aurez plus de facilit dcouper votre branche en slectionnant le ciel bleu laide de la Baguette magique [W]. Utilisez la fonction de Transformation (appuyez sur [Ctrl]+[T]) pour changer la taille des objets que vous ajoutez votre scne, maintenez la touche [Maj] enfonce pour effectuer un changement de taille en respectant les proportions de limage dorigine. Attention : Il est illgal de prendre en photo des inconnus pour les utiliser dans des projets commerciaux ! Assurez-vous dobtenir dabord le consentement des gens que vous prenez en photo.

AJOUT DOMBRAGE AUX PERSONNAGES

Les personnages sur le calque COUPLE inclus au fichier photomontage_TUTORIAL.psd devraient projeter de lombre au sol d la prsence du soleil larrire du btiment. Copiez le calque COUPLE en le glissant sur licne Create new layer, renommez le nouveau calque OMBRAGE COUPLE et appliquez le mask au calque en faisant un clic-droit sur le mask et en slectionnant Appliquer un masque de fusion. Slectionnez le contenu du calque en tenant [Ctrl] et en cliquant sur le calque. Appuyez sur la touche [Suppr] de votre clavier. Appuyez maintenant sur la touche [G] pour utiliser le Pot de peinture et remplissez votre slection de noir.

32

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

IllustratIon archItecturale composItIon partIr dune photo

PraTiQUe

Une opration simple vous permettra de renverser lombrage. Appuyez sur [Ctrl]+[T] pour transformer limage, maintenez la touche [Ctrl] enfonce et dplacez les deux points de contrle du haut et dplacez les vers le bas. Le maintien de la touche [Ctrl] vous permet de basculer en mode de Torsion galement atteignable via Edition>Transformation>Torsion (Edit>Transform>Distort). Maintenant votre ombrage en place, appliquez simplement un filtre de flou avec Filtre>Attenuation>Flou gaussien (Filter>Blur>Gaussian Blur) |et choisissez environ 4 px. Une fois termine, rduisez lopacit du calque au niveau dsir.

CONCLUSION

Vous pouvez ajouter un lger halo au-dessous de limmeuble en crant un calque HALO et en utilisant un pinceau trs large et doux (cercle 200 doux) et en peignant simplement quelques cercles blanc de manire envelopper le dessus de la toiture, ceci cre un effet de reflet et de surexposition naturelle.

Vous pouvez galement appliquer un lger filtre de bruit avec Filtre>Bruit>Ajout de bruit (Filter>Noise>Add Noise) sur votre calque RENDU afin de reproduire quelques imperfections quune photo relle vous aurait donnes si vous dsirez avec un look plus raliste. Bon travail !

33

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

Photoshop CS5 | dbutant | 90 min

eagle in the night

FiCHe TeCHNiQUe
Dans ce tutoriel vous allez apprendre utiliser les correspondance des couleurs pour intgrer un lment dans un dcor.

Gimenes Florian Il est autodidacte dans le domaine de linfographie. Passionne depuis petit par linformatique il a commenc les retouches photo avec Paint Shop Pro 9. Puis depuis 2009, il est pass Photoshop CS5 et Illustrator CS5. Il a commenc crer son entreprise dinfographie depuis quelque mois. Site : http://www.wix.com/florianamandine/florian-gimenes

34

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

eagle in the night

FiCHe TeCHNiQUe

1: TAPE 1

Pour commencer nous allons ouvrir le document du fond et lagrandir pour allonger les grattes ciel. Une fois fait, faire Menu>Filtre>Attnuation>Flou gaussien rgler comme sur la photo.

1a

2: TAPE II

Ouvrir limage de la cathdrale et rgler le niveau de limage Menu>Image>Rglage>Niveau comme sur la photo. Dtourez la partie supprimer. Une fois slectionne, faites Menu>Slection>Amliorer le contour. Rentrez les paramtres comme sur la photo puis validez et appuyez sur la touche [Suppr]. Recadrez limage avec loutil Recadrage. Une fois recadre appuyer sur Entre.

2 2a

35

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

eagle in the night

FiCHe TeCHNiQUe

3: TAPE III

Voil notre image. En restant sur la photo de la cathdrale faites Menu>Image>Rglage>Teinte/Saturation. Baissez comme indiqu sur la photo la saturation des couleurs au maximum. Une fois avoir mis notre photo en noir et blanc nous allons lintgrer, faites Menu> Image>Rglage>Correspondance des couleurs et appliquez-les. Mmes rglages que sur la photo.

3a

3b

36

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

eagle in the night

FiCHe TeCHNiQUe

4: TAPE IV

Importez maintenant le modle et dtourez- le avec loutil Slection rapide. Une fois la partie supprimer slectionne faites Menu>Slection>Amliorer le contour et entrez les mme rglages que sur la photo. Faites [Ok] puis [Suppr]. Une fois termin faites dition>Transformation>Symtrie axe horizontale et positionnez votre modle au bord de la corniche et rduisez un peu sa taille. Une fois fait, on va lintgrer pour cela il faut faire Image>Rglage>Correspondance des couleurs. Appliquez les rglages de la photo. Prenez loutil Doigt et rglez comme sur la photo.

4a

4b

4c

37

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

eagle in the night

FiCHe TeCHNiQUe

On va supprimer la gargouille derrire le modle. Pour cela utilisez Lasso polygonal et dtourez lendroit prim supprimer en gardant le petit bout sous le pied arrire du modle. Supprimez la gargouille. Importez votre aigle. Nous allons le dtourer mais avant Menu>Image>Rglage>Niveau suivez les rglages de la photo. Dtourez laigle puis Menu>Slection>Amliorer le contour, faites [Ok] et [Suppr]. Agrandissez un peu laigle et faites Menu>dition>Transformation>Symtrie axe horizontal. Dupliquez le calque et placez-le au-dessous du modle. Slectionnez le calque au-dessus du modle, prenez la Gomme de Duret : 0%. Gommez au niveau de la tte du modle pour que laile passe derrire. Toujours sur le mme calque rduisez son opacit 20%. Supprimez la partie blanche de la queue avec Gomme de Duret 100%. Nous allons maintenant lintgrer Menu> Image>Rglage>Correspondance des couleurs et [Ok].

5: TAPE V

5a

5b

5c

5d

5e

5f

38

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

eagle in the night

FiCHe TeCHNiQUe

6: TAPE VI

Crez un nouveau calque et prenez un Bruch rond de Duret 0% pour faire lombre de laigle sur le modle. Ensuite Menu>Filtre>Attnuation>Flou gaussien comme sur la photo. Masquez la cathdrale et le fond puis fusionnez les calques visibles. Refaire pareille que ltape 5 pour lombre sous notre modle.

6a

7: TAPE VII

Slectionnez le calque de la cathdrale puis utilisez outil Densit - pour le rouge sur la photo et loutil Densit + sur le vert de la photo. Dupliquez le calque du modle puis Menu>Image>Rglages>Niveaux et rglez comme sur la photo. Rajoutez un flou gaussien Menu>Filtre>Attnuation>Flou gaussien. Diminuez lopacit du calque et supprimez la partie du haut de la rambarde jusquen bas. Importez la lune et recadrezla. Changez son mode de fusion en : Densit linaire - Ajout. Et voil le rsultat final.

7a

7b

7c

39

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

iNTerVieW

interview
de Gatan Weltzer
POURRIEZ-VOUS SIL VOUS PLAT VOUS PRSENTER NOS LECTEURS ?
Jai actuellement 22 ans et joccupe un poste de webdesigner en agence de communication et je suis galement illustrateur en freelance. Je suis un grand passionn de cration numrique au sens large, une passion intarissable qui nourrit mon blog DesignSpartan.com et ma pouss ouvrir le site Living Tuts livingtuts.com qui propose des tutoriels de qualit en franais. Je suis aussi passionn par les jeux vidos et le cinma depuis ma tendre enfance, ce qui ne manque pas dinfluencer mes travaux ! jai toujours ador dessin des cratures bizarres. Puis jai dcouvert Photoshop et jai laiss ma passion sexprimer vers la fin du lyce. Je me suis intress la cration dimages au travers de forums de jeux vidos. Jai suivi quelques tutoriels et petit petit je mettais la barre plus haute. Finalement, jai rapidement atteint le niveau pour crire mes propres tutoriels et jai continu me fixer des objectifs. Cela a commenc parle matte painting dabord, discipline assez particulire et trs technique puis jai dcouvert les tablettes graphiques et je me suis essay au digital painting que je ne lche plus non plus depuis ! Jai en parallle suivi des tudes dans le domaine du multimdia (DUT SRC puis Licence pro ATC), ayant toujours t attir par le graphisme et les nouvelles technologies mais cest en autodidacte que je me suis form. La passion est dans mon cas un meilleur moteur dapprentissage que la thorie ou des exercices imposs en classe.

QUELLES TAIENT VOS PREMIERS PAS DANS LE GRAPHISME ? AVEZ-VOUS SUIVI UNE FORMATION PARTICULIRE ?
Dj tout petit, jai toujours dessin. Ce ntait pas grand chose et cela me prenait plus par priode mais

40

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

interview de gatan weltzer

iNTerVieW

QUEST CE QUI EST VOTRE SOURCE DINSPIRATION ? AVEZ-VOUS VOS ARTISTES PRFRS ?
Mes sources dinspiration sont multiples et vont des jeux vidos au cinma, en passant par lart, la nature ou bien videmment de nombreux artistes et graphistes.

Le concept art minspire tout particulirement par la libert et limagination quil vhicule. Il y a dailleurs trop dartistes qui minspirent pour tous les citer ! Je vous renvoie vers la section Prsentation de mon blog designspartan.com pour les dcouvrir.

41

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

interview de gatan weltzer

iNTerVieW

42

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

interview de gatan weltzer

iNTerVieW

PARLEZ-NOUS DE VOTRE TECHNIQUE GRAPHIQUE PRFRE ?


Je dveloppe depuis un petit moment une mthode de travailler qui mest propre lorsque je ne fais pas du digital painting pur. Il sagit dun mlange de photomanipulation et de digital painting qui permet de gagner de la libert, du temps et du ralisme face dautres mthodes plus rigides. Il arrive donc que quelque fois je peigne au dbut, puis que je recouvre une bonne partie avec des photos manipules et dautres fois cest linverse : je pars de photos qui me servent de base de travail pour finalement peindre par-dessus. Cette technique sadapte tout type de thme ou de composition qui ne soit pas abstraite, ce qui la rend utilisable pour de nombreuses crations.

COMMENT LAVEZ-VOUS DVELOPP ?


Cette technique qui nest pas encore mature entre mes mains me vient petit petit. Jai tout dabord commenc par la photomanipulation en faisant des montages et scnes surralistes bases de photos et deffets Photoshop. Puis une fois mes premiers pas faits dans le digital painting,jai commenc petit petit associer lun lautre pour gagner du temps. A un tel point quils sont devenus complmentaires lorsque je travaille certaines crations !

43

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

interview de gatan weltzer


QUELS SONT VOS PROJETS ? CONCLUSION
Je conclue par un seul mot : persvrance. Cest en persvrant et en se lanant sans cesse de nouveaux dfis quon arrive voluer et grandir. Il ne faut surtout pas stagner ou se contenter de ce quon sait faire, mais toujours viser plus haut.Acceptez toujours la critique et panouissez-vous dans une communaut ou un groupe afin de progresser, le partage et la critique sont essentiels mon sens !

iNTerVieW

Je projette de me perfectionner en digital painting, jai dailleurs commencer tudier lanatomie humaine pour lart dans ce but. Mon gros projet parallle est de dvelopper mon site de tutoriels Living Tuts qui va connatre un nouvel lan prochainement.

44

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

interview de gatan weltzer

iNTerVieW

45

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

galerie de
GaLerie

Ophlie Grall

Ophlie Grall Je suis tudiante en DUT services et rseaux de communication en deuxime anne. Cela fait maintenant 3 ans que jutilise Photoshop. Je fais des montages depuis

environ 6 mois . Au dpart, je me servais principalement de Photofiltre et crais des bannires, headers, avatars pour des forums de graphisme. Maintenant, je suis passe Photoshop et apprends faire des photomontages. Mon univers est fantastique et frique. Je minspire des livres que je lis.

BLUE SKY es. s clairs et calm avec dans ton nouveau portrait e suis applique vail : un joli. Je m Mon dernier tra e je trouve trs lumire. er ce modle qu e un contraste de Je voulais utilis eveux pour inclur modifier ses ch

46

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

galerie de ophlie grall

GaLerie

THE SWINDLER Cette cration est assez sombre et contraste. Il faut bien observer chaque dtail pour tre sr de tout remarquer.

CENTAURUS Apparition dun centaure dans un milieu frique. La difficult majeure a t de lier le corps de la femme avec celui du cheval mais ce fut une bonne exprience !

47

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

galerie de ophlie grall

GaLerie

DESCENTE AVEUGLE Une de mes premires crations, je lapprcie pour son ct lumineux, sa lgret. Je me souviens avoir beaucoup utilis loutil densit pour essayer de jouer avec la luminosit.

HUNTRESS Huntress est mon premier portrait. Cest galement la premire fois que je modifie la couleur des yeux du modle.

PHOENIX base Phoenix est une cration cile le feu, cest un lment diffi sur triser. Jai pass beaucoup ma et je de temps sur cette cration ltat. suis assez satisfaite du rsu

48

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