Vous êtes sur la page 1sur 52

Partenaire du numro

N 11/2011 (53)

Mensuel Novembre ISSN 1733-2745

Comment raliser un portrait personnalis

Digital Art
Dcouvrez les possibilits De photoshop
Retouche dune photo de beaut Crer une brochure pour un photographe

Chers lecteurs,
Dans le numro de novembre nous avons dcid de vous rappeler quelques tutoriels parus dans les anciens numros. Avant den parler, nous vous invitons lire linterview de Sbastien Larroude Aka Rainart dont la cration se trouve sur la couverture. Il vous dvoilera ses inspirations et il vous parlera un peu de ses travaux. Parmi les tutoriels prsents dans ce numro, vous trouverez Blocs en harmonie de Christophe Delarsille dans lequel lauteur explique pas pas comment raliser une brochure pour un photographe. Nous vous conseillons aussi raliser le tutoriel dAngel Jeremy Forgotten world. Lexercice est propos aux lecteurs qui ont dj lexprience en matte painting. Le tutoriel vous permettra dexcuter, partir desquisses simples, des illustrations et des matte painting labors. Allez aussi sur la page 22 o nous prsentons le tutoriel de Florian Ruocco. Vous dcouvrirez le procs de cration de ce photomontage et vous apprendrez comment transformer la composition en une image noir et blanc. Bonne lecture tous 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) 2011 Software Press Sp. z o.o. SK, tous droits rservs Rdactrice en chef Justyna Ksiekjustyna.ksiazek@psdmag.org

DTP Graphics & Design Eurodesign www.euro-design.info Photo de couverture Sbastien Larroude Aka Rainart
Jonathan Marois, Patrick Haond, Benot Recarte, Charline Goutx, Hlne Hertgen, Aurlien Lautour

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

Les personnes intresses par la coopration sont pries de nous contacter : fr@psdmag.org

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

sommaire
iNTerVieW Dossier
Forgotten world Angel Jeremy Medieval Angel K. Florian Ruocco Interview de Sbastien Larroude Aka Rainart

10 22

PraTiQUe

Blocs en harmonie Christophe Delarsille Contradicting lifestyles Rogier de Boev

28 36

FiCHe TeCHNiQUe
Portrait personnalis Alix Poulot Amour sous-marine Erik Bont

44 49

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

Cave Probablement lune de mes plus vieilles images. Typiquement Rainart. Trs simple avec des formes relativement abstraites et des plans dcoups qui donnent une bonne profondeur, des textures pour les effets de matire et un clairage raliste. On est dans la suggestion.

iNTerVieW

de Sbastien Larroude
aka rainart
POURRIEZ-VOUS SIL VOUS PLAT VOUS PRSENTER NOS LECTEURS? Jai commenc travailler comme compositeur et 3D artiste (animation, lighting, un peu de tout en fait). Il y a dj une quinzaine dannes en France on devait avoir un profil trs large. Stratgiquement, tre trop spcialis dans un domaine tait un peu difficile et souvent on se retrouver faire un peu de tout. Naturellement jai toujours t plus attir par les images (donc le rendu, les shaders mais surtout lclairage) et rapidement jai fais ce quon appelle un retour aux sources vers le concept art. Jai galement travaill plusieurs annes dans une agence darchitecture ou jai normment appris. Dans un sens, ces multiples expriences mont apport normment. Cest une excellente chose de sintresser et surtout de pratiquer diffrentes disciplines et dans le cas prsent, elles sont toutes en rapport les une avec les autres. QUELLES TAIENT VOS PREMIERS PAS DANS LE GRAPHISME? AVEZ-VOUS SUIVI UNE FORMATION PARTICULIRE? Effectivement jai suivi une formation de photographie avec des options cinma et graphisme lETPA mais vritablement, mes premiers pas dans le graphisme sont plus lis mon ducation et ma famille. tant trs jeune je me dlectais de Mad Movies, Sfx magasine etc. et je me disais que je voulais faire cela: Travailler dans le cinma et les effet spciaux, faire des maquettes, de la sculpture etc. donc pas quelque chose uniquement lie au graphisme mais la ralisation et la cration. Par ailleurs, je compris trs vite (je devais avoir 10 ans) que je ne resterai pas en France. Mon ambition tait dj grande, je savais ce que je voulais faire et les possibilits en France trs limites. Alors des que jai pu je suis parti ltranger et je ne suis pas revenu (sauf pour les vacances).

interview

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

IntervIew de SbaStIen Larroude aka raInart

GreenSwamp Jai t influenc par des ambiances et diverses rfrences orientales. Le thme du silence et du voyage est prsent. Cest un peu mystique aussi !

iNTerVieW

QUEST CE QUI EST VOTRE SOURCE DINSPIRATION? AVEZ-VOUS VOS ARTISTES PRFRS? Je tire principalement mon inspiration dexpriences diverses personnelles et surtout de choses en rapport avec la nature. Je ne minspire que trs peu dautres artistes, mme si il va de soit quils russissent toujours minfluencer. Pour mon travail personnel, je ralise juste ce que je ressent. Cest plus simple. Effectivement jai une multitude dartiste que japprcie. Artistes contemporains de mon entourage et autres couvrant tout les domaines. crivains, peintres, architectes, cinastes, lanimation Japonaise etc. Je suis cependant en admiration envers les gens qui essaient de faire changer les choses, de les faire voluer en menant des actions concrtes. Parmi ces gens la il y a beaucoup de femmes. Donc il Chill Srement ralis pendant lhiver ! Elle reprsente une architecture simple, minimale qui contrastent avec un ciel azur. Un DJ mixe pendant que les touristes brlent sous le soleil.

AzukaWhiteArchitecture lorigine cette image devait tre un Flyer. Jen ai fais un concept. Lide tait de raliser un genre darchitecture minimaliste avec des centres de gravite dplacs et dincorporer un ou plusieurs personnages sur diffrents plans. est vrai quactuellement il y a plusieurs personnalits fminines qui minspire par leur courage et leur prise de position. Cest trs connect lart. Nos socits changent et voluent ainsi que notre vision. PARLEZ-NOUS DE VOTRE TECHNIQUE GRAPHIQUE PRFRE? En presque 20 ans jai explor plusieurs techniques ou faon de faire. Je nai pas de technique prfr. Je pense que jutilise ou dveloppe des faons de travailler diffrentes selon les projets. Donc je reste tres versatile et flexible. On peu faire un parallle avec la musique ou lutilisation dun instrument. Il y a toujours plusieurs techniques. La plus simple et toujours la meilleure car elle souvent efficace. Mais rien ne vous empche den utiliser dautre et de les mlanger. Si la 3D est un outils qui sadapte plus un projet, alors je vais lutiliser. Si il faut construire quelque chose, je le ferai aussi. La 3D, 2D ou autre ne sont que des faons de faire ou des outils et non une fin en sois et donc, juste un moyen de raliser. Rien dautre. Il en a t ainsi quand nos avons dvelopp et lanc les Brushes. Cela a entran un vritable mouvement. Cela correspondait une priode de notre vie et une faon de crer partir dartfact. Ctait exprimental, mme si depuis nous avons normment dvelopp se procd. Cela a influenc pas mal de gens, sans pour autant quon le veuille. Beaucoup nous ont lies Brushes alors que nous pouvons aussi crer autrement. Revenant la question, dans ce cadre la, je peux dire que la techniques de brushes est vraiement intressante et ma personnellement apport beaucoup. Certaines crations lies cette poque taient vraiement surprenantes. Cest le travail en quipe et le fait de partager des informations et dchanger qui nous a amen cela. Finalement, loutil parfait cest tre en collectif et partager. Lexprimentation ne peut se dissocier de ma faon de travailler.

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

IntervIew de SbaStIen Larroude aka raInart

iNTerVieW

Module_B Trs proche de Azuka, White Architecture. Un thme qui revient souvent dans mon travail. Des personnages seuls qui errent dans des univers abandonns, oublis. Dans ce cas jai reprsent des gros modules mcaniques. On ne sait pas quoi ils servent mais ils sont l. On ne sait pas non plus pourquoi un personnage si trouve. Parfois il explore, parfois il cherche fuir. Cela me laisse beaucoup de libert.

COMMENT LAVEZ-VOUS DVELOPP? Je rpond en partie ans la question prcdente. Le travail en quipe, leffet de groupe, lexprimentation et surtout de rencontrer des gens extraordinaires. Nous tions tous dans le mme tat desprit et sur la mme longueur donde. On peut dire que nous avons fait une petite rvolution dans le monde du concept art. Mais si je me souviens bien, pour lanecdote: Jai commenc faire un concept et mon ami Sparth (Nicolas Bouvier) en voyant limage ma dit (surement dans une tincelle crative): Seb, je vais faire une brushe avec ton image. Rsultat nos concepts devenaient des brushes, bref, la boite de pandore tait ouverte.

MediterraneanSundance Le genre dimage que jarrive faire pendant les long hivers Canadiens. Probablement par manque de soleil ! Trip graphique avec des genres de jeux de perspectives et de lumire dcoupant les formes.

StopOver Speedpainting dune scne SciFi. Elle reprsente une aire sur laquelle des vhicules y font rgulirement escale.

Je ne veux oublier personne mais le groupe se composait de Sparth, Hydropix, Viag, Vyle, Barontieri, Feerik et moi mme (Dsol si jai omis quelquun). Hydropix a lanc le fameux 3CH (un gnrateur de sujet alatoire) du genre: un loup-garou poilu enflamme un camlon dans une dimension parallele. Cest drle mais le challenge tait de faire des minis comptitions et de peindre les sujets le plus rapidement possible, en 10 ou 15 min. Certains sujet tait presque impossible, lourds de stupidit et pleins de challenge surtout dans les workshop, car on se mettait en danger en dessinant nimporte quoi devant les gens. Et parfois nos peintures ne ressemblaient rien, alors on changeait nos images et un autres artistes rattrapait limage en retravaillant par dessus etc. etc. Ctait tres drle et terriblement gnial. Lassociation Brushes + 3CH tait tres logique et vidente. Nous avons normment progresser durant cette priode. Cest aussi cette poque que nouavons cre notre compagnie STEAMBOT studios. Notre premier ArtBook Exodyssey est ne quelques temps aprs, publi par DSP Los Angeles.

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

IntervIew de SbaStIen Larroude aka raInart


QUELS SONT VOS PROJETS? Jai effectivement plusieurs projets. Projets internes dans STEAMBOT qui sont en cours de dveloppement mais je ne peux pas encore mtendre dessus. Parmi ces projets il y a PLUG diriger par David Levy (Vyle). Il sagit dun cours mtrage Post/Apo dans la ligne de District 9 (Je vous invite tous aller voir notre site internet pour plus dinformation: www.steambotstudios.com). Nous ferons des nonces sur le net en temps voulu. Et concernant les projets externes, je travaille actuellement sur un film, mais la encore, je ne peu rien dire, il va falloir tre patient ! Quoi quil en soit pour toffer ma rponse, STEAMBOT continue crer des nouvelles IP (proprits intellectuelles) en tout genre. Les gens vont tre trs surpris des diverses directions. Nous dirigeons actuellement chacun un projet et Exodyssey et toujours en cours de dveloppement. Donc, un planning trs charg. CONCLUSION Ma conclusion serait de dire aux gens que si ils veulent que les choses se passent ils doivent les provoquer par eux mme et non les attendre. Cest en partant de France pour atteindre mes objectifs personnel, mais voyant aussi que les choses empiraient et ne samlioraient pas (les 10 dernires annes le confirme hlas) que jai rencontr des gens venus du monde entier avec lequel jai appris, partag et chang. Et je leur en suis tous les jours extrmement reconnaissant. Pour conclure, le seul moyen davancer (mais cest une opinion personnelle) et de partager les choses avec dautre, mme si ce nest pas toujours facile sur du long terme cest le plus enrichissant. Lindividualisme namne jamais trs loin et lego dtruit tout chose. Le pire ennemie et frein et dtre envieux do lenjeu du travail dquipe. Merci beaucoup! MIND_ecoSystem MIND renvoie directement Module_B. Dautre concept viendront. Jai beaucoup de chose encore explorer (voir mon blog : http://www.rainartblogus.blogspot.com/).

iNTerVieW

Sbastien Larroude Aka Rainart STEAMBOT studios / Artistic Director / Concept artist / Foubder http://www.sebastienlarroude.com http://www.steambotstudios.com http://www.leboxshop.com

Port Effet de matire et de formes pour suggrer des bateaux prt de leau entours de personnages (pcheurs, promeneurs etc.). Je voulais un rendu spcial.

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

Photoshop CS3 | avanc | 5h

Dossier

Forgotten
Il est primordial davoir une mthode bien dfinie pour construire des images complexes, surtout quand celles-ci sont composes de nombreuses photos retouches et de digital painting. Dans ce tutoriel nous allons voir, pas pas, les tapes qui mont aid raliser limage Forgotten world. Le but de cet exercice est de vous permettre dexcuter, partir desquisses simples, des illustrations et des matte painting labors.

world
Angel Jeremy Illustrateur et concept-artist indpendant, il est diplm de lcole dart appliqus de Poitiers. Aprs avoir enseign le dessin traditionnel et Photoshop pendant cinq ans Paris (cole Isart Digital), il travaille avec diffrents studios de production. Il y ralise notamment matte painting, texture painting et concept design. Site : http://www.jeremy-angel.com Contact : email@angel-jeremy.com

10

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

Forgotten worLd

Dossier

1: DESSIN PRPARATOIRE

Dans un premier temps, scannez le croquis que vous dsirez utiliser pour votre image. Vous pouvez galement utiliser le fichier dessin.jpg. Une fois numris, recadrez correctement votre document laide de loutil Recadrage (Crop), [C], puis crez un nouveau calque [Ctrl] +[Maj] + [N].

2: COLORISATION

Nommez ce calque couleur et choisissez loption de fusion Superposition (Multiply). Cela permet dappliquer la couleur tout en visualisant le trac. Il sagit maintenant de coloriser le dessin pour dfinir lambiance gnrale et la lumire. Utilisez des brushes simples dans un premier temps puis, en affinant la colorisation, vous pouvez passer des formes plus complexes.

3: HABILLAGE PARTIE DROITE

Nous pouvons passer la phase habillage. Aplatissez limage. Il faut maintenant, choisir attentivement les photographies que vous allez intgrer. Il sagit dune tape de dgrossissage. Lintgration finale doit se faire avec tous les lments positionns pour unifier correctement lensemble. Commencez par la partie droite de notre composition. Positionnez les images suivantes : train162-green-hill-1-medium.jpg, 37470_4098_1.jpg, 2007-06-21-(14-04-04)[1].jpg. Celles-ci vous suffiront planter le dcor pour linstant. Crez un nouveau groupe de calques et placez toutes ces photos lintrieur. Nommez ce groupe vgtation partie droite.

11

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

Forgotten worLd

Dossier

4: DCOUPAGE

Utilisez la gomme pour liminer les zones inutiles, et redimensionnez si besoin, laide de la Transformation manuelle. Vous pouvez dupliquer certaines images ou en incruster de nouvelles, en fonction de vos envies, veillez seulement garder une certaine unit graphique. Nhsitez pas utiliser loutil Tampon pour commencer lier les diffrentes photographies. Pour cela il est intressant de jouer sur les diffrentes cibles du tampon. Cela change considrablement les effets. Jouez galement sur les pressions et les formes du tampon, vous parviendrez plus facilement estomper les problmes de liaisons. Unifiez la colorimtrie des photos en travaillant avec Courbes [Ctrl] + [M].

5: HABILLAGE PARTIE GAUCHE

La partie gauche de limage comprend une petite diffrence, il faut incruster de la roche (Gomme et options de fusion) pour donner cette zone plus de relief et une certaine impression de stabilit. Crez un nouveau groupe de calque, nommez-le vgtation partie gauche. Procdez de la mme manire que pour la partie droite, utilisez essentiellement limage : 5_bears_at_falls[1].jpg pour les arbres et limage falls2[1].jpg pour les roches.

6: DCOUPAGE (SUITE)

Travaillez de la mme manire que pour la partie droite. Ne vous acharnez pas sur lintgration, nous la travaillerons petit petit. Cependant vous pouvez essayer dunifier simplement les diffrentes images en travaillant les courbes.

12

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

Forgotten worLd

Dossier

7: PLACEMENT CASCADE

Placez ensuite la photo de cascade (Victoria Falls, Zimbabwe, Africa 1600x1200 px ID 45425 PREMIUM) dans un nouveau groupe de calques (nomm cascade). Gommez les zones inutiles et corrigez lgrement la couleur et le contraste. Le plan principal est maintenant install, nous reviendrons plus tard sur la coupole.

8: TRAVAIL DU CIEL

Il nous faut prsent construire les arrires plans et le ciel. Pour cela, nous allons crer deux nouveaux groupes de calques juste au-dessus du background. Le premier sera le groupe nomm ciel et le deuxime juste au-dessus sera nomm arrire-plan (le ciel se trouve toujours derrire lhorizon). Placez dans le groupe appropri les images : 57_clouds_in_illinois.jpg, 202.jpg, 203.jpg, always cloudy.jpg.

9: TRAVAIL DU CIEL (SUITE)

Composez votre ciel en utilisant principalement limage 203.jpg. Les autres photos vous serviront densifier certaines zones un peu trop nues. Utilisez loutil Transformation manuelle pour placer, tourner et redimensionner chaque image. Jouez sur lopacit et les options de fusion des calques pour incruster proprement les diffrents morceaux de ciel entre eux. Il faut galement peindre un maximum avec loutil Pinceau, votre ciel nen sera que personnel et plus vivant.

13

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

Forgotten worLd

Dossier

10: MONTAGNES

Une fois cette opration termine, nous pouvons nous concentrer sur les montagnes du fond. Servez-vous du dessin pour dcouper et crer les montagnes darrire-plan avec les images suivantes : FatuIva_Tropical RainForest_20061111[1].jpg, Morning%20Haze.jpg. Procdez comme prcdemment avec le plan principal. Les photos 206 Cliffs et 208 Cliffs, vous permettront de travailler la texture de roche mle aux arbres. L encore, jouez sur les options de fusion et lopacit des diffrents calques.

10

11 11: INTGRATION DES MONTAGNES


Modifiez les teintes et la saturation pour obtenir un effet de perspective atmosphrique. Les montagnes se trouvant au loin, elles doivent tre relativement dsatures et plus claires. Plus elles sont loignes, plus elles se fondent dans le ciel.

12

12: CRATION DE LA COLLINE INTERMDIAIRE

La colline boise est construite dune manire lgrement diffrente. Elle servira de jonction visuelle entre les montagnes du fond et la partie droite de limage. Utilisez pour cet lment la photographie train162-green-hill-1-medium.jpg. Nous lavons dj exploite dans le plan principal mais nous ne gardons cette fois que larrire-plan. De mme, copiez la petite zone boise au-dessus de notre cascade, elle nous servira intgrer correctement la fin de notre montagne.

14

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

Forgotten worLd

Dossier

13: CRATION DE LA COLLINE INTERMDIAIRE (SUITE)

13

Redimensionnez lensemble, redcoupez si ncessaire lexcdent et corrigez la colorimtrie des deux images pour quelles se mlent lune lautre. Utilisez les courbes [Ctrl] + [M] pour plus de prcision ou les outils : balance des couleurs et Teinte/Saturation, si vous trouvez les courbes trop ardues matriser. Travaillez leurs liaisons avec loutil Tampon.

14

14: CRATION DE LA COUPOLE 01

La construction de la coupole demande de nombreuses tapes bien dfinies. Il faut dabord travailler notre effet de matire. Vous utiliserez les images suivantes : Kuppel_gross.jpg, JHS-dome-a.jpg, le_grand_palais.jpg. Lide est de superposer la coupole de verre sur le dme pour donner une matire plus opaque lensemble et daccentuer les dtails. Crez un nouveau document et placez les images ncessaires, nous allons y crer notre texture.

15

15: CRATION DE LA COUPOLE (SUITE) 02

Utilisez le lasso polygonal pour extraire les deux dmes des photos originales puis faites les se superposer (coupole en verre au dessus) en utilisant loutil transformation manuelle, et pour plus de facilit de maniement, loutil Dformation (Edition>Transformation>Dformation). Pour liminer lexcdent, slectionnez le calque de la coupole en verre [Ctrl] + clic sur le calque, faites une inversion de slection [Ctrl] + [Maj] + [I], cliquez sur le calque du dme et appuyez sur Suppr.

15

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

Forgotten worLd

Dossier

16

16: CRATION DE LA COUPOLE (SUITE) 03

Modifiez lopacit du calque suprieur pour obtenir un mlange des deux images. Pour crer une texture plus opaque et plus dense, tout en gardant leffet de volume, multipliez maintenant les calques comme sur limage ci-dessus en jouant sur les opacits et les lments graphiques (fentres de la verrire slectionnes au lasso, puis dupliques sur un nouveau claque). Quand vous avez obtenu un effet intressant, crasez les calques entre eux [Ctrl] + [E] puis donnez une forme un peu plus allonge votre coupole.

17: CRATION DE LA COUPOLE (SUITE) 04

17

Pour arriver cet effet, nous devons lui apporter de la matire. Pour cela, utilisez celle disponible dans limage, dupliquez-la (slection avec Lasso et [Ctrl] + [J]) et transformez-la [Ctrl] + [T] pour quelle corresponde parfaitement.

18

18:CRATION DE LA COUPOLE (SUITE) 05

Fusionnez les calques et travaillez le volume avec loutil Densit + et Densit -. Travaillez avec des formes douces et des expositions lgres pour apporter une rondeur graduelle lensemble. Pour donner un effet plus 1900, il faut construire une structure extrieure en mtal. Dessinez un trait vertical et dformez-le avec loutil Dformation afin obtenir la courbure souhaite. Incrustez votre armature sur la coupole en jouant sur lopacit du calque puis crez son ombre : dupliquez-le. Ajoutez un flou gaussien sur le calque darmature du dessous et baissez progressivement son opacit. Elle doit tre visible sans dranger.

16

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

Forgotten worLd

Dossier

Notre architecture doit tre soutenue par un socle. Pour le raliser, nous allons utiliser limage : 08040810_Tour_Eiffel dans laquelle il faut copier larc de cercle et quelques formes. Collez le tout dans limage principale. Modifiez lorientation de la courbe pour quelle simbrique bien sous la coupole. Utilisez la Transformation manuelle et la Duplication des calques pour fabriquer la structure mtallique. Vous devez peindre les autres lments avec des formes dures pour arriver un rsultat dunit convaincant. Utilisez la Pipette, [Alt] + clic, pour capter les couleurs originales.

19: CRATION DU SOCLE

19

20

20: LA POINTE MTALLIQUE

Une fois lensemble ralis, corrigez la teinte gnrale avec la Teinte/Saturation et la balance des couleurs. Travaillez sur le volume avec loutil Densit + et Densit - comme prcdemment. Fusionnez nouveau lensemble et importez le dans limage principale, lintrieur du groupe dun calque que vous nommerez architecture. Corrigez la colorimtrie et le placement. Incorporez la pointe mtallique, image : le_grand_palais.jpg, notre difice.

21

Fusionnez puis dupliquez lensemble [Ctrl] + [J]. Diminuez la taille de ce nouveau dme puis placez-le gauche de la composition et lgrement plus bas que le btiment principal. Construisez-lui un nouveau socle ou des pylnes pour lintgrer dans la jungle. Recommencez plusieurs fois des endroits diffrents pour enrichir le dcor.

21: IMPLANTATION DE BTIMENTS

17

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

Forgotten worLd

Dossier

22

22: TRAVAIL SUR LES BTIMENTS

Vous pouvez, comme dans limage suivante travailler larchitecture pour lui donner un aspect vieilli et abandonn. Prenez soin de choisir et de personnaliser vos brushes. la manire dun jeu de construction vous pouvez installer la cit dans la fort comme bon vous semble, il suffit de dupliquer et dadapter les lments architecturaux qui vous intressent.

Attaquez prsent aux premiers plans. Commenons par crer un nouveau groupe de calque : amorce. Celui-ci se compose dun mlange de photographies de fougres et ainsi que de diverses plantes : AutumnFern.jpg, BlueBell.jpg, HardyHollyFern.jpg, JapanesePaintedFern.jpg, KangarooFern.jpg, RockfordHollyFern.jpg, WhiteRabbitFootFern.jpg. Choisissez les images que ous souhaitez compositer pour lamorce. Utilisez le premier plan de limage comme base + : BaruForest.jpg.

23: CONSTRUCTION DU PREMIER PLAN

23

24

24: ExTRAIRE LES PLANTES


Il faut maintenant extraire les plantes de leur fond blanc. Pour cela, dans le panneau Channels slectionnez la couche de bleu et dupliquez-la. Utilisez les courbes [Ctrl] + [M] pour augmenter trs fortement le contraste. Faites un [Ctrl] +clic (slection) sur cette couche, puis un [Ctrl] + [Maj] + [I] pour inverser la slection. Cliquez sur la couche RVB puis faites un [Ctrl] + [J] (dupliquer calque). Vous obtenez ainsi un calque contenant uniquement la plante, sans le fond blanc.

18

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

Forgotten worLd

Dossier

Faites de mme avec les autres plantes et composez votre premier plan de fougres. Il peut rester des contours blancs sur les plantes dcoupes, pour cela utilisez loutil Teinte/Saturation et loption coloriser. Cela vous permettra de modifier la couleur de ce contour pour quil se fonde dans la teinte gnrale de la plante.

25: ASSEMBLER LAMORCE

25

26

26: PLACEMENT ET INTGRATION DE LAMORCE I

Retravaillez la colorimtrie de chaque lment puis fusionnez lensemble. Assombrissez le tout pour que ce premier plan se dcoupe franchement sur limage.

27: PLACEMENT ET INTGRATION DE LAMORCE II

27

Vous pouvez crer de la mme manire la branche en haut, en lui dessinant un tronc avec loutil Pinceau. Voil limage compltement compose, il ne manque plus que le travail de compositing proprement parler.

19

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

Forgotten worLd

Dossier

28

28: COMPOSITING

Nous devons peaufiner les incrustations, rajouter des dtails et du liant cette image encore beaucoup trop froide et synthtique. Utilisez le tampon bon escient, cela ne doit pas tre votre seul outil, mme sil va normment vous aider lier les photos entre elles. Pensez changer de formes constamment pour vous adapter la zone que vous travaillez. Vous devez essayer de peindre un maximum de dtails sur tous les endroits qui vous paraissent un peu nus.

Continuons nos retouches en apportant plus de personnalisation la cascade, en effet celle-ci est bien trop lumineuse, les photos suivantes vous aideront arranger cela : 88086902TKGBFi_fs[1].jpg, BehindtheFalls[1].jpg. En incrustant les images sur notre cascade, nous pouvons en modifier la luminosit et la couleur. Ainsi nous ferons en sorte que le rsultat sintgre parfaitement dans la lumire gnrale.

29: FINALISATION DE LA CASCADE I

29

30

30: FINALISATION DE LA CASCADE II

Sur un nouveau calque [dans le meme groupe : cascade] crez la brume et la vapeur que dgage la chute deau. les formes simples les plus douces possible [Duret : 0%] sont les plus efficaces pour ce genre deffet. Cela vous permettra de lier intimement- cet lment la composition.

20

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

Forgotten worLd

Dossier

Les montagnes ont besoin de retouches. Essayez aussi de nouveaux reliefs, gauche de limage et derrire la montagne principale, cela donnera plus de profondeur lensemble. Vous pouvez les peindre directement avec le pinceau, en travaillant un peu vos brushes pour obtenir une texture intressante. Retravaillez lincrustation des diffrents arbres et nhsitez pas en ajouter de nouveaux pour parfaire votre vgtation. Essayez de peindre un effet de brume laide de quelques coups de pinceau blanc. Utilisez une forme trs douce pour cela et une opacit trs faible, pour produire un effet trs vaporeux.

31: FINALISATION DES MONTAGNES

31

31a

32

Aprs enregistrement de cette version, il ne vous reste plus qu aplatir limage et terminer le travail en corrigeant la colorimtrie une dernire fois. Vous retoucherez galement les dtails dclairage avec le pinceau ou loutil densit. Renforcez le contraste, cela donnera un peu plus de force limage. Ajoutez du dtail dans la vgtation et sur larchitecture. Cette tape peut prendre beaucoup de temps, car vous pouvez modifier normment dlments (changement dangle dclairage, modifications diverses de couleurs etc.). Il est galement temps de donner un peu de vie lensemble en crant par exemple quelques oiseaux volant dans le ciel.

32: RETOUCHES FINALES

21

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

Photoshop CS4 | intermdiaire | 60 min

Dossier

angel K.
Le but de se tutoriel est dabord dentreprendre un travail en collaboration avec un photographe pro et ainsi avoir une image de base quasiment unique puis dexploiter une image en N/B. Lessentiel du montage repose sur le respect du travail du photographe, ainsi que sur des calques de rglages, des masques de fusions... Ce montage t entrepris en collaboration avec Pixil Photographer (http://www.pixil.fr), qui est un photographe professionnel. Nous avons choisi une photographie ensemble. Le modle nous a donn lautorisation pour la diffusion. Il nous fallait ensuite dcid lide globale pou raliser ce montage.
Florian Ruocco alias AKSHOBHYIA Designer graphiste de 21 ans, jai commenc linfographie lge de 9 ans, entirement autodidacte la base, jai suivi une formation de designer graphique de 2 ans avec spcialisation dans la retouche numrique. Jutilise la plupart du temps Photoshop, Illustrator et Nx2 de temps autre. Je me passionne galement pour la photographie, je suis actuellement en freelance et jai dj particip la cration de logo pour diffrentes entreprises ainsi qu llaboration de diffrents supports de communication print et Web. Mon Site: http://www.akshobhyia.fr/

MedIevaL

22

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

MedIevaL angeL k.

Dossier

Tous dabord ouvrez un nouveau document de la taille 29,7x21cm en 300dpi. Importez maintenant limage de base de votre choix et appliquez-lui un calque de rglage Luminosit/Contraste de -92 et +52. Importez maintenant votre image Castle_by_VonKalkmann.jpeg, et laide dun masque de fusion ne dtourez que le personnage. Allez chercher ensuite limage bas.jpeg et ralisez la mme opration tout en effaant le bas laide dun dgrad de noir appliqu directement sur votre masque de fusion.

1: TAPE 1

2: TAPE 2

Nous allons continuer mettre en place petite petit notre fond, importez limage Rock_Skull_Stock_by_moroka.jpeg et dtourez-la en ne gardant que ce qui nous intresse et de manire ce que le bas de limage sintgre parfaitement notre fond. Pour cela, vous pouvez utiliser la mme technique utilise prcdemment. Allez maintenant chercher limage Bones___1_by_mjranum_stock.jpeg et placez-la lendroit voulu en prenant soin de la dtourer proprement et de lui ajouter une Ombre porte denviron 12 px de Distance et 9 px en Taille avec un angle de 120.

23

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

MedIevaL angeL k.

Dossier

Puis dupliquez votre calque et passez-le en mode de fusion Produit avec une Opacit de 89%. Rcuprez ensuite limage dune tulipe ou dune fleur et placez-la sur le rocher de la tte de mort. Importez ensuite limage feu.jpeg, faites [Cmd]/[Ctrl]+[I] pour passez votre calque en mode Ngatif. Passez-le ensuite en mode de fusion Superposition, dupliquez-le et appliquez-lui un lger Flou gaussien denviron 7px et passez-le en Densit couleur +. Effacez ce qui nest pas utile laide de votre technique de prdilection.

3: TAPE 3

4: TAPE 4

Nous allons maintenant peaufiner notre fond en ajoutant un peu plus dlments. Allez chercher limage colombe.jpeg, dtourez-la et placez-la au niveau des colonnes centrales. Prenez ensuite limage dun corbeau, et placez-le sur lpaule du personnage, noubliez pas dajouter lombre du corbeau.

24

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

MedIevaL angeL k.

Dossier

5: TAPE 5

Importez ensuite limage vortex.jpeg et placez-la dans leau, appliquez-lui un mode de fusion Produit et Effet de perspective pour lintgrer parfaitement dans leau. Prenez ensuite une image avec des plumes et dtourez-la en crant plusieurs calques de chaque plume, placez-les sur le squelette et leur appliquant une Ombre porte de 17 px de Distance et 9 px de Taille avec un angle de 120. Munissezvous de limage cailloux1.png et placez-la devant la jambe du personnage, prenez ensuite limage cailloux2.png et placez-la au niveau de la main du personnage en effaant linutile.

6: TAPE 6

Le fond tant quasiment prt, nous allons rajouter quelques dtails au personnage. Insrez limage wings.png, ne garder que laile droite. Placez-la derrire le personnage en prenant soin deffacer le surplus, faites-lui une lgre rotation pour lincliner. Prenez ensuite limage clair.png et placez-la au niveau de la base de lpe, effacez lgrement le bas laide dun dgrad pour faire comme si lclair provoqu le vortex dans leau.

25

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

MedIevaL angeL k.

Dossier

7: TAPE 7

Nous allons maintenant raliser la pluie, pour cela crez un nouveau calque et laide dun pinceau bord dur, trac des points un peut partout, puis faites Filtre>Attnuation>Flou directionnel avec un angle de -58 et une distance de 166 px.

8: TAPE 8

Nous allons maintenant finaliser le montage, commencez par ajouter un calque de rglage Teinte/Saturation avec une teinte de -31/-100/+9. Prenez ensuite limage clair.jpeg et placez-la tout en haut de votre panneau de calques. Passez-le en mode de fusion Lumire tamise avec une opacit denviron 80%, dupliquez-le et faites [Cmd]/[Ctrl]+[U]. Changez votre teinte jusqu obtenir la couleur dsire, appliquez-lui ensuite un masque de fusion et laide de loutil Dgrad effacez un ct de limage. Vous obtenez ainsi 2 teintes pour votre image, vous pouvez reproduire lopration autant de fois que vous le dsirez.

26

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

MedIevaL angeL k.

Dossier

9: TAPE 9

Slectionnez ensuite lensemble des calques, dupliquez-les et fusionnez-les. Faites ensuite Filtre>Attnuation>Flou gaussien de 18,3 px et passez-le en mode de fusion Lumire tamise. Dupliquezle et faites Filtre>Divers>Passe haut de 46,4 px.

Lorsque vous ralisez un photomontage, pensez bien vrifier la cohrence de vos zones de lumire, ainsi que la profondeur de champs avec le photographe.

27

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

bLocS en harMonIe

PraTiQUe

Photoshop CS3 | avanc | 90 min

28

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

PraTiQUe

bLocS
Ce ne sont que des images, ce ne sont que des mots. Mais une fois mis ensemble, cest potique. Le plus magique, cest de pouvoir jouer au chef dorchestre, dagencer blocs textes et blocs images pour crer mille et une variantes de mises en page diffrentes.

en harmonie
Christophe Delarsille Cratif publicitaire et graphiste depuis 12 ans, Christophe (34 ans) est amen crer quotidiennement des projets de ce genre. Dabord sous Quark xpress lorsque ce logiciel avait le monopole de la mise en page en agence, puis sous Adobe InDesign, quil affectionne tout particulirement. Site : http://www.delarsille.be Merci Erik Lafontaine pour ses photos http://www.numerik.be

1: LE BRIEFING TECHNIQUE

Cest la toute premire tape avant de commencer rellement le travail. Quallons-nous devoir faire ? Y a-t-il un format impos ? Un nombre de page impos ? Des lments insrer obligatoirement ? Cette fois, nous allons raliser une brochure de 8 pages pour un photographe. Pourquoi 8 pages ? Parce quune brochure est constitue de feuillets. Chaque feuillet contient 4 pages. Chaque brochure a donc un nombre de pages divisible par 4. Par exemple : 16 pages, 56 pages. Le format sera un A5 ferm (A4 ouvert).

29

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

bLocS en harMonIe

PraTiQUe

2: LE BRIEFING CRATIF

Le ct technique tant rgl, passons au ct artistique. Nous sommes assez libre sur la mise en page, mais il a t demand de rester sobre, de privilgier les photos qui doivent tre plutt grandes, mais la fois, insrer un maximum dimages. La mise en page devra tre plutt classique et are pour mettre en valeur les clichs. La brochure devrait ressembler une mise en page de livre ou de magazine de luxe.

3: LE CHOIx DU STYLE

Vous laurez compris, le style de la brochure dpend normment de son contenu. Imaginez une brochure mdicale ou une brochure pour un festival de rock alternatif. Chaque sujet ses codes graphiques. Dans ce cas-ci, jopte pour un fond neutre, qui ne perturbera pas la lecture des images. Je choisi le blanc. Un fond noir pourrait tre trs classe mais techniquement, cela impliquerait beaucoup dencre fonce recto/verso qui sche moins vite, il faut en tenir compte pour viter des complications chez limprimeur.

Dans le meilleur des cas, vous faites une belle mise en page, et un rdacteur rdige le texte en fonction du nombre de caractres que vous avez prvu. Dautres fois, et cest notre cas, le client vous fourni le texte, les images, et vous de vous dbrouiller pour tout caser dans 8 pages. Ma technique est de prparer des bauches sur papier qui me permettent rapidement davoir une vue densemble sur lentiret de la brochure. Je rpartis alors les photos sur la page de faon harmonieuse et diffrente chaque fois.

4: RFLExION SUR LA MISE EN PAGE

30

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

bLocS en harMonIe

PraTiQUe

5: MARIAGE ENTRE PHOTOS ET TExTE

Pour rpondre aux attentes du client, je prvois de grandes photos mais aussi dautres plus petites pour arriver en disposer un maximum. Je souhaite en placer au moins 2 par page, malgr la quantit de texte reu. Je dcide de laisser de grandes marges blanches tout autour de la page (en-tte et pied de page) ainsi quune large zone autour des photos pour lesthtisme. Je marrangerai pour ne pas coller du texte trop prs des images pour quelles respirent.

6: PASSONS SUR LORDINATEUR...

Nous passons la phase B. Appliquer dans le software de mise en page ce que nous avons imagin sur papier. Dans ce cas, il sagit dInDesign, mais a peut trs bien tre un programme similaire. La premire tape est de prparer tous les lments. Pensez convertir sous Photoshop toutes vos images en CMYK 300 dpi. Si limprimeur recommande un profil particulier, convertissez vos images sous ce profil. La seconde tape utile (mais pas toujours ncessaire) est de prparer ses feuilles de styles pour les diffrents caractres typographiques que nous utiliserons.

31

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

bLocS en harMonIe

PraTiQUe

7: CRATION DU DOCUMENT

Commenons par crer un nouveau document au format A4. Ajoutez-y 7 nouvelles pages. Sur le plan de montage, dfinissez vos marges de page : 35 mm gauche et droite et 30mm en haut et en bas. Dfinissez 2 colonnes et une gouttire de 8 mm. Crez une grille avec un pas de 3mm (voir ci-dessus). Cette grille permet daligner correctement vos blocs de textes et vos blocs dimages. Mais elle vous oblige aussi garder le mme interlignage partout, ce qui rend la mise en page plus belle.

8: LA PLACE QUE PREND LE TExTE

Mon petit truc est dimporter tout le texte fourni sans photo et voir sur quelle page il sarrtera. A partir de l, je connais lespace que devront combler les photos. Dans notre cas, il reste 1 page 1/2 remplir. Cette tape suppose que le texte reu soit dfinitif. Dexprience, ce nest jamais le cas. Cest toujours quand le travail est termin que le client dcide de rajouter un paragraphe ou de supprimer du texte. Et a remet tout notre quilibre en question. Essayez donc dobtenir un texte valid qui ne changera plus.notre quilibre en question. Essayez donc dobtenir un texte valid qui ne changera plus.

Maintenant, plaons les photos comme dcid sur notre projet papier. Chaque bloc photo a un habillage qui dplacera automatiquement le texte se trouvant cette place. Si jagrandi mon bloc image, le texte est pouss par limage et glisse plus bas dans la colonne. Dune colonne lautre, dune page lautre. Afin que le texte se termine en bas de la page 5 comme prvu, je vais jouer avec la hauteur des photos 4, 5, 6, 7 et 11.

9: COMBLER LE VIDE

32

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

bLocS en harMonIe

PraTiQUe

10

Nous navons pas abord cet aspect, mais il est temps prsent de choisir les clichs. Pensez aux gammes de couleur et aux lignes directrices sur les photos pour que la page soit agrable loeil. Sagissant duvres photographiques, nous ne pouvons pas les recadrer notre guise. Nous devons respecter le cadrage du photographe. Ainsi, en page 7, nous avons prvu une photo panoramique. Sil ny en a pas, nous devons revoir quelque peu la mise en page.

10: CHOIx DES PHOTOS

11: CHOIx DES COULEURS

Cest une habitude chez moi, aussi bien en logo quen mise en page, je prvois toujours mes projets en noir et blanc. Cela permet de na pas se poser des questions de couleur trop tt et se concentrer sur les masses des lments. Je rflchis aux formes des lments (carrs, rectangulaires, grands, petits) et lquilibre entre eux. Quand je suis satisfait, je choisis les couleurs. Dans ce cas-ci, la star tant la photo, la couleur des textes et des blocs vont servir valoriser les photos se trouvant proximit.

11

33

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

bLocS en harMonIe

PraTiQUe

12

Maintenant que chaque lment a trouv sa place, cest le moment des finitions. Evitez dimporter des images plus de 130% de leur taille initiale sous peine dobtenir un rendu pixellis limpression. Vrifiez que les blocs soient bien aligns entre eux, que les colonnes aient les mmes longueurs. Vrifiez la csure de certains mots. vitez les veuves (une ligne de texte isole du reste de son paragraphe situ sur une autre page). Noubliez pas de penser au style de papier et son grammage.

12: FINALISATION ET DTAILS

13: VALIDATION CLIENT

Cette tape peut tre faites avant la 12, tout dpend de votre client. Certains veulent avoir sous les yeux un document nickel, dautres prfrent le suivre tout le long de son laboration. Gnralement, je discute du projet sur papier. Une fois daccord, je commence la mise en page sur ordinateur. Un peu comme le ferait un architecte. On valide dabord le projet de la maison, puis les plans. Ensuite on construit et enfin on dcore. Mais on ne donne pas son avis sur une maison finie. Cest un peu tard.

13

34

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

bLocS en harMonIe

PraTiQUe

Cest la dernire vrification. Lorsque client et cratif sont daccord, mieux vaut refaire relire le tout par une personne nayant pas suivi le projet. Une faute de frappe est vite arrive. Ou dautres erreurs plus importantes que nous naurions pas vu tellement nous avons le nez dans le guidon.

14: RELECTURE

14

15: PRPARER LE FICHIER POUR IMPRESSION

Il est temps prsent de prparer le fichier pour limprimeur. Vrifiez que les images soient bien converties, que le format est bon. Si vous tes mthodique, tout cela est dj fait. Mais il arrive de travailler plusieurs sur un projet. Mieux vaut vrifier que tout soit en ordre. Ajoutez de la fausse coupe aux blocs bord perdus (voir ci-dessus). Enfin, crez un PDF haute rsolution contenant des traits de coupe. Contactez votre imprimeur pour connatre les rglages techniques la ralisation de ce PDF.

15

35

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

contradIctIng LIFeStyLeS

PraTiQUe

Photoshop CS3 | avanc | 90 min

36

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

PraTiQUe

lifestyles
Dans ce tutoriel vous apprendrez
Rogier de Boev Il a 23 ans et habite Gelrode, Belgium. Regardez son portfolio sur: http://chemical-nos.deviantart.com

contradicting

ma faon de crer des travaux numriques. Jespre que cela contribuera votre apprentissage de Photoshop.

1: ESQUISSE I

La meilleure faon pour sassurer de la qualit est le stylo et le papier. La premire et la plus importante tape au-del du concept ou de lide dans la cration dune affiche cest le dessin. Le dessin devrait toujours tre la base de la cration. Mais ne laissez pas le dessin gouverner laffiche. Noubliez pas que vous pouvez toujours ajuster votre dessin dans Photoshop.

37

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

contradIctIng LIFeStyLeS

PraTiQUe

2: ESQUISSE II

Je dessine la fois la main et numriquement. Je dessine la main pour raliser des formes, et le numrique pour la colorisation parce que je ne suis pas un bon peintre. Dans photoshop vous pouvez peindre avec chaque couleur que vous aimez et inverser, changer les dimensions, effacer certaines parties de votre dessin si vous le desirez.

3: ESQUISSE III

Vous pouvez constater que jai modifi mon dessin. Jai tourn mon dessin (Edition/Transformation/Rotation) et jai slectionn la partie de couleur blanche autour des boites pour leffacer. Jai utilis loutil Baguette Magique (W). Ce nest pas le meilleur outil pour ce travail mais cest rapide et la qualit de mon dessin nest pas importante dans cette affiche.

4: ESQUISSE IV

La meilleure faon de faire une slection est de faire un trac de la zone que vous souhaitez effacer. Cest une faon de faire lorsque vous souhaitez raliser une slection prcise, dans les dtails et ne pas perdre la qualit dimage. Cest pour cela que jai utilis cette technique pour les personnages que jai dssins et imports dans mon affiche.

38

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

contradIctIng LIFeStyLeS

PraTiQUe

5: ESQUISSE V

Assurez vous aussi que chaque lment que vous utilisez corresponde lautre. Cest la raison pour laquelle jai donn chaque croquis le mme GRADIENT. Vous pouvez faire a en allant dans le menu Image / Rglages / Gradient Map. Jai laiss de cot beaucoup de croquis de cot parce que je voulais dabord finir les boites.

6: COLORIER I

jai rapidement colori les boites pour avoir une ide du style vers lequel jallais tendre. Tout dabord, jai pass le croquis en ngatif parce que je voulais une base fonce pour faire ressortir les zones colores des boites.

7: COLORIER II

Vous pouvez passer une imageen ngatif en utilisant le raccouci [CTRL] + [I]. Ensuite, jai cre une palette de couleurs dans un nouveau calque. Jai utilis ce calque pour trouver quelles couleurs se mariaient le mieux entre elles. Si vous vous demandez comment faire avec la palette de couleurs je vais vous expliquer.

39

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

contradIctIng LIFeStyLeS

PraTiQUe

8: COLORIER III

Jai toujours pass des heures trouver de nouvelles couleurs sur la palette. Ce nest pas quelque chose dvident pour moi. Oui, cest une question de got et de sentiment, mais si vous ne travaillez pas sur la recherche de la combinaison de couleur parfaite, vous nallez pas loin avec cela.

9: COLORIER IV

Si vous avez vraiment des difficults trouver la bonne palette de couleurs, vous pouvez en trouver sur internet. Tapez palette de couleurs sur google et vous verrez ce que je veux dire. Ensuite, jai color les boites avec loutil dgrad (G). (screenshot4). Cet outil est ideal si vous voulez colorier quelque chose rapidement, mais pas lorsque vous souhaitez colorier quelque chose de prcis. Mais jai remarqu lorsque jai utilis cet outil directement sur le dessin que jobtenais un joli effet vieilli. Donc, jutilise ma texture de dessin pour finaliser un effet.

10

Utilisation de Contours et ombres pour amliorer la qualit. Bien sur la qualit de ses boites colories nest pas terrible mais nous allons arranger a maintenant. Premirement, allez au-dessous des coins de botes et laide de Plume (P) de 5 px faites le Contour de trac. Effectuez cette tape sur un nouveau calque au cas o vous feriez une erreur, il sera plus facile deffacer ou de recommencer. Quand vous terminez crer les lignes dans tous les coins de chaque bote, vous allez mieux voir les contours gomtriques bien dessins.

10: EFFETS I

40

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

contradIctIng LIFeStyLeS

PraTiQUe

11

Jai supprim tous les restes de lesquisse en dehors de lpaisseur des lignes en les slectionnant avec loutil de Slection rapide (W), puis appuyez sur [Suppr]. Dans cette tape, jai fait quelques retouches sur les botes pour leur donner leur aspect final. Tout dabord, jai ajout un contour beige aux lignes cres en utilisant lOption de fusion Contour, avec les paramtres suivats : Taille 3 px, Position Extrieur, Mode de fusion Normal, Opacit 50%.

11: EFFETS II

12

12: EFFETS III

ce stade, la couleur des zones sur les botes sont encore un peu plat. Jai donc largi ma palette de couleurs avec des couleurs lgrement diffrentes de celles choisies lorigine. Jai ajout plus de couleur jaune orange et plus de couleur bleu verdtre ma palette de couleurs.

13

Avec les couleurs sur lune des nouvelles palettes de couleurs, jai slectionn lune des zones de couleur avec loutil Baguette magique (W) et jai commenc peindre avec les pinceaux viellis (que vous pouvez tlcharger sur Internet) (screenshot7). Vous voyez sur le rsultat final quil y a plus de botes, que je cre en ce moment.

13: EFFETS IV

42

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

contradIctIng LIFeStyLeS

PraTiQUe

14

Avant dajouter le fond, jai dupliqu plusieurs fois les calques avec les botes (Calque>Dupliquer le calque) et ensuite, jai modifi quelques couleurs. Je ne peux pas vous montrer la progression des tapes car je fait tout sur une seule couche. Ce que je peux vous dire, cest que jai tlcharg une texture de larrire-plan sur www.sxc.hu.

14: EFFETS V

15

15: PERSONNAGES
Maintenant nous allons ajouter les personnages notre affiche. Vous pouvez voir dans limage que jai mis a gradient map sur chaque dessin. Dcoupez-les avec loutil Plume (P). Donc dans cette tape mes personnages sont dj dcoups. Je les dispose tous sur mon affiche. Assurez vous cette tape de mettre vos personnages debout sur quelque chose. Cest dire que quand vous positionnez mal un personnage a ne va pas coller avec latmosphre et le personnage va sembler flotter.

43

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

Photoshop CS3 | dbutant | 120 min

FiCHe TeCHNiQUe

personnalis
Ce tutoriel a pour objectif de raliser un auto-portrait sous forme dune composition graphique originale et stylise. En partant dune photo, un portrait de vous ou dune autre personne, on cherchera ajouter des lments qui refltent votre personnalit. Vous pourrez reproduire cette ralisation partir de vos propres photos pour obtenir une composition rellement personnelle.
Alix Poulot l est un jeune crateur numrique dorigine runionnaise dont la formation pluridisciplinaire a dmarr lInstitut de Limage de lOcan Indien et sest acheve la filire infographie de lInstitut de la Communication de lUniversit de Lyon. Il aime aussi crer des illustrations, des animations, vidos, sites et applications web. Site : www.profilcreatif.fr Contact : info@profilcreatif.fr

PortraIt

44

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

PortraIt PerSonnaLIS

FiCHe TeCHNiQUe

1: CRATION, RCOLTE DES PHOTOS

Choisissez une photo de face de vous ou de la personne dont vous souhaitez raliser le portrait. Pour obtenir un bon effet, le mieux est de prendre soit mme des photos dobjets qui vous entourent. Pour ma part jai choisi de prendre des photos de mes figurines, cd, livres, chaussures, etc (bref, mon petit bordel bien moi). Jai galement utilis quelques photos de la banque sxc.ch. Essayez de prendre des photos avec la mme orientation des ombres et lumires. Cela facilitera le travail dintgration des lments.

2: DTOURAGE DES PHOTOS

Dtourez chaque lment intgrer la composition avec loutil de votre choix. Personnellement, jutilise loutil Plume pour crer et mmoriser les tracs. Une fois le trac ralis, faites un [Ctrl] + clic sur le trac pour le transformer en slection. Ensuite slectionnez le calque dtourer et cliquez sur licne Ajoutez un calque de fusion en bas de la palette des calques. Avec cette mthode, vous pourrez retoucher tout moment le dtourage de chaque lment.

3: DISPOSITION DES LMENTS

Crez un nouveau fichier photoshop au format A4 paysage. Importez les diffrents lments dans ce nouveau fichier puis disposez et redimensionnez-les selon vos gots. Pour ma ralisation, jai choisi de former une sorte de casque dans le genre des couronnes de plumes des indiens dAmrique.

45

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

PortraIt PerSonnaLIS

FiCHe TeCHNiQUe

laide de loutil Densit +, rajoutez des ombres l o les lments se chevauchent. Pensez rester cohrent dans la manire de placer vos ombres.

4: AJOUT DES OMBRES

5: TRAITEMENT DES IMAGES

Cette tape consiste uniformiser lensemble des images de la composition. Retouchez la colorimtrie grce loutil Teinte/Saturation [Ctrl]+[U] et loutil Balance des Couleurs [Ctrl]+[B]. Pour cette ralisation jai voulu donn un effet vieilli et assez brut. Jai donc eu recours lutilisation du plugin Topaz Adjust qui permet dobtenir un effet se rapprochant des rendus photographiques HDR (version de dmonstration disponible http://www.topazlabs.com/adjust/).

6: CRATION DU FOND : CHOIx ET IMPORTATION DES LMENTS

Pour achever cette composition, il nous faut crer une image de fond. tant un grand fan de Manga jai dcide de crer un genre de collage planche de Manga. Pour votre composition vous pourriez par exemple scanner des pages de magazine, ou des pochettes dalbum CD ou de DVD. Une fois scannes, intgrez et disposez les diffrentes planches dans un nouveau fichier Photoshop au mme format que celui contenant le portrait.

46

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

PortraIt PerSonnaLIS

FiCHe TeCHNiQUe

7: AJOUT DOMBRE PORTE

Double cliquez sur un des calques. La fentre des paramtres de style de calque apparat. Activez leffet Ombre porte. Pour les paramtres de leffet, rduisez la distance 0, laissez le paramtre Dgrossi 0 et Taille 5.

8: TRAITEMENT DES IMAGES

8 9

Pour appliquer leffet voulu nous allons devoir fusionner lensemble des calques Calque>Aplatir limage. Dupliquez le calque rsultant. Changer le mode couleur du fichier Image>Mode>Niveaux de gris. Sur le calque suprieur appliquez leffet Filtre>Pixellisation>DemiTeinte Couleur. Pour les paramtres, changez juste le Diamtre maxi 6 px.

9: FUSION DE CALQUE

Crez un nouveau calque, remplissez-le de blanc et placez-le en bas de la pile des calques. Changez le mode de fusion du calque en premier plan, choisissez Lumire tamise. Pour le calque en second plan, changez son opacit pour environ 80%.

47

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

PortraIt PerSonnaLIS

FiCHe TeCHNiQUe

10

Groupez lensemble des calques et faites glisser le tout dans le fichier Photoshop contenant le portrait. Dplacez le groupe en arrire-plan.

10: INTGRATION DU FOND

11: AJOUT DUNE OMBRE PORTE GLOBALE

Groupez lensemble des calques constituant le portrait (sans le fond) et dupliquezle. Aplatissez le groupe infrieur en le slectionnant et en faisant Calque>Fusionnez le groupe. Appliquez un effet au groupe aplati en double cliquant dessus. Activez lombre porte, rduisez lopacit de lombre 50%, sa distance 0 et augmentez sa taille aux alentours de 30 px. La composition est maintenant acheve.

11

48

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

aMour SouS-MarIne

FiCHe TeCHNiQUe

Photoshop CS3 | avanc | 90 min

Erik Bont Pour Erik Bont la prsentation des motions est dcisif. Le spectateur a la possibilit de se dplacer dans une motion quil na pas peut-tre connue avant.

Jai pris cette photo dans un salon dun clbre coiffeur (schenk austria) pour un Concours de coiffure 2007 en Autriche. Nous avons utilis un rideau violet comme larrire-plan. La modle a t expose avec une lumire flash (500 Watt de Richter Studioequipment) depuis lavant. Jai utilis un appareil Canon 1Ds Mark III pour prendre la photo. Jai travaill sur Windows PC pour la retoucher avec Adope Photoshop CS3.

49

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

aMour SouS-MarIne

FiCHe TeCHNiQUe

1: COURBES, CLAIRCIR ET ASSOMBRIR

Jai optimis ici le contraste de la photo laide des Courbes de Graduation (tons moyens plus levs et tons bas plus sombres). Jai assombri ici larrire-plan au moyen de loutil Assombrir et jai clairci la modle laide de loutil claircir afin de rendre le contraste plus important entre larrire-plan et le personnage. Je sais prsent que la meilleure alternative consiste utiliser les calques de rglage avec les courbes au lieu de loutil claircir et assombrir !

2: COULEURS ET ExPOSITION

Jai amlior les couleurs sur ce calque au moyen de loutil Couleurs slectives (jai dplac quelques points jaunes et jai mis du rouge dessus). Jai utilis ici loutil Exposition (+1,10) afin dapporter davantage dexposition limage.

3: LATIN HEADLINE

Tantas malorum sensibus id per, id omnis contentiones consectetuer qui. Qui eu ignota altera dissentiet, est ad percipit iracundia, albucius intellegam voluptatibus ut has. Graece vocent praesent has eu, ius inermis platonem ne, ut meis simul salutandi eum. Te soluta persius adipisci mel, quo id nulla iusto impetus. Mea augue everti fuisset et. Ex persius saperet quaerendum eam, illud splendide scripserit id mea.

3: COURBES 2 ET QUILIBRE DE COULEURS

Jai optimis ici le contraste de limage en utilisant de nouveau les Courbes de graduation. Jai galement utilis loutil dquilibre de couleurs afin dapporter limage moins de tons magenta et plus de tons vert et bleu. Ces oprations vous permettent la fin dobtenir un effet sous-marin.

4: SATURATION

Jai utilis dans ce calque loutil Teinte-Saturation. La Saturation a t retire des images de -5 afin de leur apporter une touche lisse.

50

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

aMour SouS-MarIne

FiCHe TeCHNiQUe

Jai effectu des retouches de la peau dans ce calque en me servant des outils Patch et Correcteur. Jai galement clair le front et les yeux avec loutil claircir afin dobtenir leffet de fond de teint poudr dessus.

5: RETOUCHE DE LA PEAU

6: SOURCILS, YEUx

Ici, jai assombri les sourcils laide de loutil Assombrir. laide de mme outil, jai assombri ici les yeux afin dy apporter davantage de contraste. Jai utilis ici loutil Liqufier : Filtre>Liqufier afin de faire avancer la forme de sa tte, les cheveux et de petits points sur son visage (les cheveux ont demand le plus de travail !).

3: LATIN HEADLINE

Tantas malorum sensibus id per, id omnis contentiones consectetuer qui. Qui eu ignota altera dissentiet, est ad percipit iracundia, albucius intellegam voluptatibus ut has. Graece vocent praesent has eu, ius inermis platonem ne, ut meis simul salutandi eum. Te soluta persius adipisci mel, quo id nulla iusto impetus. Mea augue everti fuisset et. Ex persius saperet quaerendum eam, illud splendide scripserit id mea.

7: REFLET DE LENTILLE

Jai ralis quelques effets dclairage dans les papillons. Jai utilis le menu Filtre>Rendue>Reflet de lentille avec 105 mm prime du reflet de lentille plus puissant denviron 10 %. Le calque a t doublement copi auparavant et jai utilis le filtre sur le second calque. Ensuite, jai effac dans le premier calque les points o devaient se trouver des effets dclairage. Aprs ces oprations, jai fusionn les deux calques.

8: RETOUCHE DE LPAULE

Jai modifi ici son paule en raison de sa peau. Pour ce faire, jai utilis loutil Patch. Jai rutilis loutil Teinte-Saturation dans ce calque. La Saturation a t retire des images de -10 afin dy apporter une touche lisse.

51

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

aMour SouS-MarIne

FiCHe TeCHNiQUe

10

9: SATURATION 2

Jai rutilis loutil Teinte-Saturation dans ce calque. La Saturation a t retire des images de -10 afin dy apporter une touche lisse. Jai modifi les couleurs dans ce calque laide de loutil Couleurs slectives (jy ai mis du rouge).

10: COURBES ET OPTIONS DE REMPLISSAGE

Jai de nouveau optimis ici le contraste de limage au moyen de loutil Courbes de graduation. Jai galement ralis quelques options de fusion dans les images (clic droit de la souris sur Image>Options de fusion>Satin, Mode de fusion : Lumire tamise, Opacit 10%, couleur #030000).

11

12

3: LATIN HEADLINE

Tantas malorum sensibus id per, id omnis contentiones consectetuer qui. Qui eu ignota altera dissentiet, est ad percipit iracundia, albucius intellegam voluptatibus ut has. Graece vocent praesent has eu, ius inermis platonem ne, ut meis simul salutandi eum. Te soluta persius adipisci mel, quo id nulla iusto impetus. Mea augue everti fuisset et. Ex persius saperet quaerendum eam, illud splendide scripserit id mea.

11: RETOUCHE DU CORPS

Jai de nouveau retouch sa peau afin de corriger quelques erreurs y prsentes que je venais de remarquer, aprs avoir modifi les calques en entier. Pour ce faire, jai utilis loutil Correcteur. Jai galement utilis loutil Tampon de clonage sur son chemisier.

Jai utilis le filtre Nettet dans ce calque avec la fonction Filtre>Nettet>Masque de flou>Quantit 50 %, Rayon 3, Seuil 3. (remarque : les valeurs dpendent de lappareil que vous utilisez. Dans de nombreux appareils, ces valeurs sont trop leves. Essayez dobtenir vous-mmes une bonne nettet).

12: NETTET

52

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