9
La troisième dimension SI VOUS PARLEZ DE 3D avec de nombreux infographistes, ils se mettront à hurler. Tout cela parce que les programmes de modélisation 3D classiques sont si complexes que les mystères des Nurbs et des Splines sont plus à la portée des ingénieurs que des artistes. Mais de nombreux effets peuvent être obtenus directement dans Photoshop, sans faire appel à d’autres applications. Simuler de la 3D ne doit en rien être un cauchemar. Si vous avez choisi l’édition Extended de Photoshop CS4, vous remarquerez que les fonctions des Calques 3D ont été largement améliorées. Il est désormais possible de placer, manipuler, voire créer du contenu tridimensionnel directement dans Photoshop. 325

La troisième dimension - · PDF filela guitare n’a pas de côtés. 1Cette guitare a été photographiée ... ASTUCE Des objets rectangulaires comme des processeurs sont faciles

Embed Size (px)

Citation preview

Page 1: La troisième dimension - · PDF filela guitare n’a pas de côtés. 1Cette guitare a été photographiée ... ASTUCE Des objets rectangulaires comme des processeurs sont faciles

La troisième dimensionSI VOUS PARLEZ DE 3D avec de nombreux infographistes, ils se mettront à hurler. Tout cela parce que les programmes de modélisation 3D classiques sont si complexes que les mystères des Nurbs et des Splines sont plus à la portée des ingénieurs que des artistes. Mais de nombreux effets peuvent être obtenus directement dans Photoshop, sans faire appel à d’autres applications. Simuler de la 3D ne doit en rien être un cauchemar.

Si vous avez choisi l’édition Extended de Photoshop CS4, vous remarquerez que les fonctions des Calques 3D ont été largement améliorées. Il est désormais possible de placer, manipuler, voire créer du contenu tridimensionnel directement dans Photoshop.

325

12 Third Dimension v4.indd 32512 Third Dimension v4.indd 325 29/05/09 17:31:0329/05/09 17:31:03

Page 2: La troisième dimension - · PDF filela guitare n’a pas de côtés. 1Cette guitare a été photographiée ... ASTUCE Des objets rectangulaires comme des processeurs sont faciles

LLaa ttrrooiissiièèmmee dimmeennssiioonnLa troisième dimensionLL troisièème dimenssion

326

2 Le moyen le plus simple de changer sa perspective est

d’utiliser Transformation manuelle en appuyant sur CO Maj ou LAMaj en tirant l’une des poignées d’angle pour obtenir une déformation en perspective. Le problème ici est clair : la guitare n’a pas de côtés.

1 Cette guitare a été photographiée de face, comme de nombreux

objets que l’on retrouve dans les photothèques. Dans la vie réelle, vous verrez rarement un objet de cette manière ; et dans un montage, il semblera toujours plat et peu convaincant.

L ’UNE DES TÂCHES LES

PLUS COURANTES qu’un

spécialiste du photomontage

doive assumer est le

changement d’angle de vue

d’une photo originale. Parfois,

vous pouvez vous en sortir en

tournant simplement un objet

pour l’adapter à une scène,

mais, en général, c’est un peu

plus compliqué.

On retrouve ce problème dans

le cas d’une vue de face d’un

objet dont on voudrait modifier

l’angle de vue. Tous les objets ne

se prêtent pas au changement

tridimensionnel proposé ici, mais

les principes employés dans ces

pages peuvent être appliqués à

une large gamme d’images.

1 Cette vieille pièce a été photographiée en

macrophotographie de face. Dans ce cas, une vue de biais n’aurait pas permis de préserver la netteté de l’ensemble de l’objet. Vous pouvez cependant choisir un autre angle de vue en quelques clics seulement.

2 La première étape consiste à utiliser Transformation manuelle

pour écraser verticalement la pièce. Si vous maintenez O ou A appuyée, l’objet s’écrasera sur son centre. Dans ce cas, une déformation en perspective n’est pas vraiment indispensable.

3 Sélectionnez la pièce en appuyant sur C ou L tout en cliquant

sur sa vignette dans la palette Calques. À l’aide de l’outil Déplacement, décalez cette sélection verticalement d’un pixel à la fois, en appuyant sur O ou A et en vous servant des flèches du clavier.

Ajouter de la profondeurG

UIT

AR IM

AGE:

PH

OTO

DISC

12 Third Dimension v4.indd 32612 Third Dimension v4.indd 326 29/05/09 17:31:0329/05/09 17:31:03

Page 3: La troisième dimension - · PDF filela guitare n’a pas de côtés. 1Cette guitare a été photographiée ... ASTUCE Des objets rectangulaires comme des processeurs sont faciles

LLL’’aaarrrtttt dddduuu bbbblllluuuffffffff aaavvveeeccc PPPPhhhhooottttooossshhhhoooppp CCCCSSSS4444

RACCOURCISMAC WIN MIXTE

ASTUCEDes objets rectangulaires comme des processeurs sont faciles à transformer même quand ils sont photographiés de face. Copiez simplement une portion de l’objet et déformez-la jusqu’à élever les côtés (si nécessaire). L’ajout d’un ombrage idoine vous permettra d’obtenir beaucoup, avec peu d’efforts.

327

4 Cet effet de bord effilé est sans doute un peu trop fort. Pour y

remédier, appuyez sur Maj Ci ou Maj

Li pour inverser la sélection et faire un nouveau calque à partir du contour. Préservez la transparence en appuyant sur / et remplissez avec une couleur prélevée sur la pièce elle-même.

5 Servez-vous des outils Densité pour ajouter des ombres et

des lumières à ce nouveau bord, en brossant verticalement pour créer l’illusion de reflets.

6 Comme il a été transposé sur un nouveau calque, vous pouvez

diminuer son opacité afin de permettre à la tranche effilée initiale de ressortir.

3 Il vaut mieux dessiner le côté avec la Plume sur un nouveau

calque, bien que vous puissiez aussi utiliser le contour de la guitare comme point de départ pour obtenir un dessin satisfaisant. Ici, la forme a été remplie avec un aplat de couleur pour voir si la perspective fonctionnait.

4 Une portion du devant de la guitare est copiée, dupliquée puis

retournée verticalement pour créer un motif sans raccord. Ce motif est ensuite utilisé pour remplir le nouveau côté en le détourant dans le calque du côté et en répétant le motif jusqu’à ce qu’il remplisse cet espace.

5 La clé du réalisme repose, comme d’habitude, dans l’ombrage. L’outil

Densité + a été réglé sur Tons moyens pour ajouter des ombres – l’effet serait plus poussé en le réglant sur Tons clairs, mais cela ferait perdre la chaleur du bois. Commencez doucement et ombrez par petites touches.

12 Third Dimension v4.indd 32712 Third Dimension v4.indd 327 29/05/09 17:31:0429/05/09 17:31:04

Page 4: La troisième dimension - · PDF filela guitare n’a pas de côtés. 1Cette guitare a été photographiée ... ASTUCE Des objets rectangulaires comme des processeurs sont faciles

LLaa ttrrooiissiièèmmee dimmeennssiioonnLa troisième dimensionLL troisièème dimenssion

T OUT GRAPHISTE SE DOIT DE CONNAÎTRE L’ASTUCE qui lui

permettra de plier les objets à sa volonté – ce qui signifie

ignorer la perspective de l’image originale et l’adapter aux

besoins de la commande.

La faculté d’ouvrir une porte fermée est une technique que

tout infographiste Photoshop devrait être capable d’exécuter.

L’ouverture du tiroir de notre second exemple demande plus

de rigueur, dans la mesure où il est important de coller à la

déformation de la photo d’origine. Mais dans Photoshop, si ça a

l’air bien, c’est que c’est bien : il vous suffit de croire ce que vos

yeux voient.

328

1 Cette porte a été photographiée fermée. Mais il est facile de l’ouvrir. Pour

commencer, servez-vous du rectangle de sélection m pour dessiner un rectangle qui n’englobe que la porte, pas son encadrement. Faites de cette sélection un nouveau calque à l’aide de Maj Cj ou Maj Lj.

3 Rechargez ensuite la sélection originale en sélectionnant le tracé

et en appuyant sur Entrée (l’avantage d’avoir créé un tracé Plume) et faites un nouveau calque pour l’intérieur du tiroir. Remplissez-le d’un gris foncé et ajoutez une ombre à l’aide de Densité + pour créer de la profondeur.

2 Sélectionnez l’avant du tiroir et faites-en un nouveau calque en

utilisant Cj ou Lj. Il a besoin d’être légèrement élargi dans la mesure où il sera plus près de nous. Une petite déformation est nécessaire pour coller à la perspective originale.

1 La technique utilisée pour ouvrir le tiroir du bas de ce meuble peut

également être appliquée à toute une série de cas. Contrairement à la porte, l’avant du tiroir ne bascule pas. Nous ne pouvons donc pas utiliser la déformation de perspective de la même façon.

Ouverture et fermetureIM

AGES

: PH

OTO

DISC

12 Third Dimension v4.indd 32812 Third Dimension v4.indd 328 29/05/09 17:31:0529/05/09 17:31:05

Page 5: La troisième dimension - · PDF filela guitare n’a pas de côtés. 1Cette guitare a été photographiée ... ASTUCE Des objets rectangulaires comme des processeurs sont faciles

LLL’’aaarrrtttt dddduuu bbbblllluuuffffffff aaavvveeeccc PPPPhhhhooottttooossshhhhoooppp CCCCSSSS4444

RACCOURCISMAC WIN MIXTE

ASTUCEQuand vous employez une déformation de perspective pour ouvrir une porte, vous devez aussi réduire la largeur de cette porte. Plus elle est ouverte (plus la déformation est forte), plus elle doit être étroite. Il n’existe pas de règle précise pour cela – assurez-vous seulement que ça ait l’air correct.

329

4 Le contour du côté du tiroir est tracé au Lasso sur un nouveau

calque placé derrière le calque de l’avant du tiroir. Il est ensuite rempli de gris moyen. Trois glissières sont définies au Lasso et les zones intermédiaires sont foncées avec l’outil Densité +.

5 Une fois qu’un objet est placé dans le tiroir, la scène commence

à prendre corps. Vous devez choisir des objets à placer dans le tiroir avec la même perspective que le meuble. Des objets photographiés de face ne conviendraient pas.

6 L’étape finale consiste à ajouter de l’ombre – derrière le dossier, dans

le tiroir et autour du tiroir lui-même. Faites un nouveau calque attaché à celui du meuble et appliquez-y du noir à 40 % à l’aide d’un pinceau doux.

2 Servez-vous ensuite de Transformation manuelle (Ct ou Lt) pour

déformer la porte dans sa nouvelle position. Si vous appuyez sur CO Maj ou LA Maj pendant que vous tirez sur une poignée d’angle, vous obtenez une vraie déformation de perspective. Servez-vous des poignées du milieu pour rendre la porte plus étroite.

3 L’épaisseur de la porte est facile à réaliser. Tracez une sélection

rectangulaire qui inclut une partie du bord avant de la porte (mais pas la poignée). Créez un nouveau calque et retournez-le horizontalement. Placez-le et foncez-le.

4 Le bouton de la porte n’est pas tout à fait en perspective, mais il est facile

d’en tracer une sélection elliptique et de le déformer afin de lui donner une forme correcte. Comme la porte est un calque séparé, en foncer l’intérieur sur le calque sous-jacent est un jeu d’enfant.

12 Third Dimension v4.indd 32912 Third Dimension v4.indd 329 29/05/09 17:31:0629/05/09 17:31:06

Page 6: La troisième dimension - · PDF filela guitare n’a pas de côtés. 1Cette guitare a été photographiée ... ASTUCE Des objets rectangulaires comme des processeurs sont faciles

Q UAND ON CHERCHE DES IMAGES,

il arrive souvent que l’on tombe sur

une photo qui correspond à nos besoins. De

nombreuses images de ce type peuvent être

adaptées sans trop d’efforts.

Cette image d’une panière fermée en est

un bon exemple. Il vous faut une image de

corbeille ouverte, mais c’est là tout ce que vous

avez pu trouver. Au lieu de continuer à chercher

l’image parfaite, vous pouvez faire bon usage

des ressources disponibles. Cette image inclut

tous les éléments nécessaires pour l’opération. Il

suffit juste de réagencer les éléments présents.

330

IMAG

E: P

TOTO

OBJ

ECTS

.NET

1Commencez par créer un masque de fusion pour cacher le dessus de la panière. Faites attention à la façon dont

les tresses de bambou apparaissent sur les bords supérieurs : la meilleure solution est de masquer ces derniers par une ligne droite, puis de les faire réapparaître peu à peu à l’aide d’un pinceau dur.

4 Vous pouvez répéter le processus pour le dernier côté de la panière. Afin de rendre le côté intérieur plus convaincant,

servez-vous du Doigt pour prolonger les brins de bambou en vue de les raccorder à ceux de l’autre côté. Cela ne prend que quelques secondes et cela vaut la peine de le faire.

LLaa ttrrooiissiièèmmee dimmeennssiioonnLa troisième dimensionLL troisiièème dimmension

Ouvrir la panière

12 Third Dimension v4.indd 33012 Third Dimension v4.indd 330 29/05/09 17:31:0829/05/09 17:31:08

Page 7: La troisième dimension - · PDF filela guitare n’a pas de côtés. 1Cette guitare a été photographiée ... ASTUCE Des objets rectangulaires comme des processeurs sont faciles

331

RACCOURCISMAC WIN MIXTE

2 Le côté avant dispose d’une poignée que vous pouvez retirer à l’aide du Tampon de duplication, mais il est

plus simple d’utiliser le côté sans poignée. Dupliquez le côté dans un nouveau calque, placez-le derrière la composition et déformez-le avec Transformation manuelle afin de le faire correspondre au reste du panier.

3 La tige de bambou du bord supérieur de ce côté est mal orientée. Vous auriez pu retourner le côté

horizontalement, mais cela aurait fait disparaître le côté gauche qui va servir de jointure. Au lieu de cela, vous pouvez prendre une copie de la barre supérieure d’origine et l’adapter en la retournant et en la pivotant.

5 Pour faire le couvercle, désactivez d’abord le masque de fusion de la panière (maintenez Maj et cliquez sur la vignette

du calque), puis sélectionnez le couvercle. Utilisez Cj ou Lj pour créer un nouveau calque à partir de ce couvercle puis réactivez le masque de fusion. Déformez ensuite le couvercle pour l’adapter à la perspective avec Transformation manuelle.

6 L’opération finale consiste à ajouter des ombres à l’intérieur de la panière. C ou L cliquez sur la

vignette de l’un des côtés intérieurs pour charger ses pixels, puis C Maj ou L Maj cliquez sur l’autre pour l’ajouter à la sélection. Quand vous peindrez l’ombre, les trous seront pris en compte. N’oubliez pas la cale !

LLL’’aaarrrttt ddduu bbbllluuffffff aaaavvvveeeeccc PPPhhhooottttoooossshhhoooppp CCCSSS444

ASTUCESi vous devez placer cette panière dans une scène, mieux vaut la créer in situ de sorte que tous les angles de perspective soient correctement alignés. Il est plus difficile de la rebâtir si vous devez régler ses angles plus tard.

12 Third Dimension v4.indd 33112 Third Dimension v4.indd 331 29/05/09 17:31:0929/05/09 17:31:09

Page 8: La troisième dimension - · PDF filela guitare n’a pas de côtés. 1Cette guitare a été photographiée ... ASTUCE Des objets rectangulaires comme des processeurs sont faciles

LLaa ttrrooiissiièèmmee dimmeennssiioonnLa troisième dimensionLL troisièème dimenssion

1 Cette devanture de magasin fermé est une surface idéale sur laquelle placer un panneau. Elle présente l’avantage

d’une perspective nette qui vous permet d’y placer du texte avec précision et d’une texture bosselée qui enrichit la crédibilité du résultat.

4 Sélectionnez Transformation manuelle (Ct ou Lt). Appuyez sur C ou L et tirez sur un

angle avant d’enfoncer Maj pour forcer la verticalité du déplacement. Alignez le haut et le bas de sorte que les côtes du rideau soient alignées aussi.

D ANS CETTE ILLUSTRATION pour le Sunday

Telegraph, certains des éléments ont été alignés sur

la perspective des rideaux. Mais le grand panneau Closed a

été délibérément apposé selon un angle tordu pour donner

l’impression qu’il venait d’être collé dans l’urgence. Il restait

donc à le placer en perspective et cela a été accompli à l’œil

à l’aide de Transformation manuelle (voir la section « Plis

et creux » dans le Chapitre 11 pour des conseils relatifs à

l’ombrage de panneaux papier).

Au cours de cet exercice, vous allez étudier comment

créer une enseigne de magasin pour lui donner l’air

d’avoir été photographiée sur la boutique d’origine.

332

Respecter une perspective existante

12 Third Dimension v4.indd 33212 Third Dimension v4.indd 332 29/05/09 17:31:1029/05/09 17:31:10

Page 9: La troisième dimension - · PDF filela guitare n’a pas de côtés. 1Cette guitare a été photographiée ... ASTUCE Des objets rectangulaires comme des processeurs sont faciles

LLL’’aaarrrtttt dddduuu bbbblllluuuffffffff aaavvveeeccc PPPPhhhhooottttooossshhhhoooppp CCCCSSSS4444

RACCOURCISMAC WIN MIXTE

ASTUCEÀ l’étape 4, vous avez utilisé Transformation manuelle pour déformer l’Objet dynamique créé à l’étape précédente. Si vous utilisez Photoshop CS3 ou ultérieur, vous ne pourrez pas tirez sur les poignées d’angle de cette manière : la meilleure solution consiste à copier l’Objet dynamique et à le transformer en calque normal afin de pouvoir y appliquer la transformation.

333

2 L’enseigne est constituée de quatre éléments : les trois ensembles de texte et le poisson. Bien qu’il soit possible

de créer tout le texte en un seul bloc, il est préférable de séparer les lignes de manière à pouvoir en contrôler les attributs.

5 L’étape précédente a permis de placer l’enseigne en perspective mais elle n’avait pas l’air de faire partie de

l’image. Passer le mode de fusion sur Produit (dans le menu en haut de la palette Calques) permet à la texture originale d’apparaître au travers, ce qui semble bien plus convaincant.

3 Sélectionnez tous les éléments de la signalétique et choisissez Convertir en objet dynamique dans le menu

contextuel de la palette Calques. Cela permet de déformer l’ensemble comme s’il s’agissait d’une seul objet ; on peut encore, au besoin, modifier le texte plus tard. (Voir page 384 pour en savoir plus sur les Objets dynamiques.)

6 Placer un personnage devant l’enseigne permet d’obtenir deux choses : tout d’abord, cela ajoute un élément

humain à l’image ; ensuite, en obscurcissant une infime partie de la signalétique, cela donne l’impression d’une meilleure intégration à l’image finale.

12 Third Dimension v4.indd 33312 Third Dimension v4.indd 333 29/05/09 17:31:1129/05/09 17:31:11