[topic participatif] Des outils pour composer une image
Publié : Mar 05 Déc 2017 22:37
Bonjours à tous,
On est sur un forum de photographie et je trouve que l'on parle assez peu de la composition d'une image. Les critiques tournent rapidement en rond avec des règles types tiers, pas de 50/50, plongé, cramé etc.
Ce topic veut mettre à disposition divers outils pour composer une image et aussi par la même occasion élargir notre spectre de connaissance photographique pour de future critiques constructives. Ces outils ne s'appliquent pas à toutes les images et tous les styles mais permettent d'avoir plus de baguage pour réaliser sa composition. N'étant moi même loin d'être une référence en matière de composition, je vais dans un premier temps très fortement m'inspirer d'une récente vidéo de Mads Peter Iversen.
Ce topic ce veut participatif car la force d'un forum est d'avoir une multitude de pratique photographique et donc de manière de composer différente. En mettant en commun différents outils il y a fort a parier que l'on regardera différement la scène à travers notre viseur la prochaine fois!
Je mettrais donc à jour ce premier message en fonction de vos nouveaux outils ou compléments.
Le top serait aussi d'avoir une image représentant l'outil pour mieux visualiser son effet (d'un coté en l'utilisant et de l'autre sans l'utiliser). Je mettrais une image par outils qui me parait être la plus représentative. (dans un premier temps je fais sans image, j'éditerais au fûre est à mesure, je commence par le texte).
C'est parti, on y va.
1 Avoir un point d’intérêt dans l'image, un sujet
2 Avoir des lignes directrices guidant le regard
3 Jouer avec le contraste pour faire ressortir le point d’intérêt

Un sujet sombre sur fond clair ressort plus facilement

Un sujet clair sur fond sombre ressort aussi plus facilement. Ici la lumière joue aussi un grand rôle

Le corbeau ressort bien car il contrast dans le rayon de lumière

Un autre contrast avec le fond de la montagne sombre et le sujet éclairé

Utilisation de négative space avec du front bokeh laissent uniquement le sujet net[/list]
4 Encadrement
5 géométrie
6 Avoir une image bien équilibrée
7 Ne pas couper les éléments de la composition, garder de l'espace pour respirer
8 Sens de lecture
9 Pattern, répétition
10 Structure
- ratio du nombre d'or (ratio naturel), en gros: tier du tier du tier etc- triangle d'or (dérivé du ratio d'or)
- plein cadre
- symétrie axe horizonal/vertical (fonctionne très bien pour de architecture), reflet
11 Harmonie des couleurs, complémentaire
12 Imparité
13 Perspective
14 Symétrie, rappelle
15 Succession de plans
16 Minimaliste
17 Dynamisme
18 Profondeur
19 Paréidolie
20 Story telling
J'espère que les exemples sont parlant et que cet article vous permettra de donner une direction plus artistique à vos images :)
20 outils de composition et plus de 60 images d’illustration, il n'y a plus qu'a ;)
La version web sur mon site
On est sur un forum de photographie et je trouve que l'on parle assez peu de la composition d'une image. Les critiques tournent rapidement en rond avec des règles types tiers, pas de 50/50, plongé, cramé etc.
Ce topic veut mettre à disposition divers outils pour composer une image et aussi par la même occasion élargir notre spectre de connaissance photographique pour de future critiques constructives. Ces outils ne s'appliquent pas à toutes les images et tous les styles mais permettent d'avoir plus de baguage pour réaliser sa composition. N'étant moi même loin d'être une référence en matière de composition, je vais dans un premier temps très fortement m'inspirer d'une récente vidéo de Mads Peter Iversen.
Ce topic ce veut participatif car la force d'un forum est d'avoir une multitude de pratique photographique et donc de manière de composer différente. En mettant en commun différents outils il y a fort a parier que l'on regardera différement la scène à travers notre viseur la prochaine fois!
Je mettrais donc à jour ce premier message en fonction de vos nouveaux outils ou compléments.
Le top serait aussi d'avoir une image représentant l'outil pour mieux visualiser son effet (d'un coté en l'utilisant et de l'autre sans l'utiliser). Je mettrais une image par outils qui me parait être la plus représentative. (dans un premier temps je fais sans image, j'éditerais au fûre est à mesure, je commence par le texte).
C'est parti, on y va.
1 Avoir un point d’intérêt dans l'image, un sujet
- Évitez l'erreur classique d'un paysage serte beau mais soit totalement vide soit très fouillis mais sans réel sujet se détachant. Parfois les compositions simple avec un seul point d’intérêt sont les meilleures, trop de sujet nuit à la lisibilité de l'image. En utilisant la profondeur de champ à sont avantage, on peut faire ressortir le sujet.
Un beau sujet, un sujet rare peut déjà à lui seul tenir une image. Essayer le plus possible d'épurer votre image pour avoir un coté minimaliste ou juste un portrait.
http://www.ivanferrerophoto.com/PORTFOL ... -VMz5Mjj/A
https://www.ianplant.com/index/I00003CIZ8moPAwI
https://www.instagram.com/p/BCYqGifwo1R ... atonthomas
http://www.cristaldegivre.com/photo/aut ... re.jpg.php

Un sujet rare selon le public cible. L'animal en lui seul permet de rendre l'image intéressante malgré le fouillis omniprésent de l'image. Le regard permet aussi de guider/glacer le regard.

Si le sujet est photogénique, il peut aussi se suffire à lui même. Ici le coté épuré de l'image et le contrast blanc/vert permet de mettre en évidence le sujet.
2 Avoir des lignes directrices guidant le regard
- les lignes doivent mener quelques part, vers le point d’intérêt. Elles permettent de créer du mouvement, de faire circuler le regard dans la composition
Un outils très efficace et très facile à mettre en oeuvre.
http://www.ivanferrerophoto.com/PORTFOL ... -xdhC4gH/A
http://www.ivanferrerophoto.com/PORTFOL ... -Pzc2K7N/A
http://www.melvinnicholsonphotography.c ... -district/
https://fineartamerica.com/featured/aur ... nsson.html
http://www.alphadxd.fr/viewtopic.php?p=2154116#p2154116
http://www.cristaldegivre.com/photo/aut ... re.jpg.php
http://www.cristaldegivre.com/photo/aut ... re.jpg.php
http://www.cristaldegivre.com/photo/pri ... re.jpg.php
https://500px.com/photo/62621493/disapp ... _id=324706
https://1x.com/photo/1455663/popular:all
http://www.alphadxd.fr/galerie/displayi ... play_media

La petite rivière guide le regard jusqu’à l'arrière plan

Les nuages, la neige ainsi que le fjord guide le regard sur le pointe
3 Jouer avec le contraste pour faire ressortir le point d’intérêt
- Utilisation de la "positive and negativ space" permet de mettre en évidence un sujet car le reste est plus monotone. En floutant l'image ou en plissant les yeux, le centre d’intérêt doit pouvoir être distingué rien que par la différence de contrast dans l'image.
http://www.mpiphoto.dk/Gallery/Landscap ... -Pjxn73h/A
http://www.alphadxd.fr/viewtopic.php?p=1525874#p1525874
http://www.alphadxd.fr/viewtopic.php?f=66&t=64734
http://www.alphadxd.fr/viewtopic.php?p=2195919#p2195919
http://www.cristaldegivre.com/photo/pri ... re.jpg.php
https://www.allemanphoto.com/CITIES-OF- ... ND-STONE/8
https://1x.com/photo/1444785/popular:all

Un sujet sombre sur fond clair ressort plus facilement

Un sujet clair sur fond sombre ressort aussi plus facilement. Ici la lumière joue aussi un grand rôle

Le corbeau ressort bien car il contrast dans le rayon de lumière

Un autre contrast avec le fond de la montagne sombre et le sujet éclairé

Utilisation de négative space avec du front bokeh laissent uniquement le sujet net[/list]
4 Encadrement
- Utiliser une élément de composition encadrant le sujet faisant office de vignetage naturel recentrant le regard.
L'ajout artificiel de vignetage est une solution simple mais je ne la trouve pas très élégante. Voici quelques exemples avec des éléments naturels fermant le cadre.
http://www.ivanferrerophoto.com/PORTFOL ... -5ppg7t7/A
https://www.ianplant.com/index/I0000kGcZVC3tr50
http://www.alphadxd.fr/viewtopic.php?p=2166711#p2166711
http://www.alphadxd.fr/viewtopic.php?p=2073777#p2073777
http://www.cristaldegivre.com/photo/ete ... re.jpg.php
https://www.flickr.com/photos/dancingin ... ateposted/
https://500px.com/photo/208907219/beaut ... id=2802247
https://500px.com/photo/193500239/the-c ... _id=324706
http://www.laurentbaheux.com/-/gallerie ... ent-baheux
https://500px.com/photo/229086935/the-o ... id=9210663
http://www.alphadxd.fr/viewtopic.php?p=1781598#p1781598
http://www.alphadxd.fr/viewtopic.php?p=1736951#p1736951
http://www.alphadxd.fr/viewtopic.php?p=1736635#p1736635

Une grotte faisant office d'encadrement

Une autre grotte isolant une cascade

Une grotte de glace permettant d'isoler un morceau de glace suspendu

Encadrement du sujet par le bokeh/couleur
Encadrement par des lignes de maïs

Encadrement d'un petit arbre par des troncs au premier plan
5 géométrie
- Utiliser des cercles, triangles ou autre forme géométrique pour renforcer une composition.
Difficile à mettre en oeuvre, mon oeil n'arrive pas à crocher là-dessus mais tout de même quelques exemples
http://www.alphadxd.fr/galerie/displayi ... play_media
http://www.cristaldegivre.com/photo/ete ... re.jpg.php
https://1x.com/photo/1456149/popular:all
https://1x.com/photo/1456490/popular:all
https://1x.com/photo/1456162/popular:all

Le triangle est complété par l'arrière plan et le premier plan

Deux triangles alignés
6 Avoir une image bien équilibrée
- Il faut imaginer sa photo posée sur une balance. Une image mal équilibré avec par exemple un sujet trop important par rapport à un autre, l'image va pencher sur la balance. Pensez à équilibrer vos compositions pour avoir une harmonie, une lecture agréable de l'image. A l'inverse, vous pouvez aussi ne pas équilibrer volontairement une image pour faire ressortir le coté bizarre, dangereux, dérangeant de la scèbe. Cela comprend: la taille des sujets, les différents contrast dans la scène, les couleurs/saturations, visages/personnes.
Essayez d'équilibrer pour une image harmonieuse, si ce n'est pas le cas, chercher un second sujet pour équilibrer. Ou déséquilibrer pour "choquer" le regards le lecteur et rendre l'image inconfortable.
http://www.melvinnicholsonphotography.c ... -scotland/
http://maxfosterphotography.com/theme-g ... 6f8fe1/718
http://maxfosterphotography.com/theme-g ... 44c5361/99
http://www.mpiphoto.dk/Gallery/Landscap ... -VkKnRFx/A
https://www.ianplant.com/index/I0000wCL3WV6PdgQ
http://www.cristaldegivre.com/photo/aut ... re.jpg.php

Équilibrage de la scène très chargée sur la gauche avec le glacier et la voie lactée par la grande ours sur la droite

Balance entre le ciel et le premier plan aillant les deux la même importance dans l'image. Je n'ai pas inclus dans la photo une grosse montagne sur la droite qui aurait déséquilibré l'image

Le plus simple pour avoir une image bien équilibrée est de faire une symétrie, ce point revient plus tard
7 Ne pas couper les éléments de la composition, garder de l'espace pour respirer
- Évitez de couper des éléments de composition (cailloux, membres) et laissez de l'espace au sujet pour respirer (évitez que le regard se casse contre le cadre (on parle souvent de la règle des tiers dans ce cas pour éviter un centrage instinctif du sujet à la pdv), ne pas trop coller les sujets contres les bords). Inversement, si l'on veut une image plus dérangeante, qui interpelle, le fait de couper le sujet peut pousser le lecteur à reconstruire la scène avec son imagination.

Si les branches de l'arbre étaient coupées, l'impacte ne serait pas le même

Laissez de l'espace devant le sujet. L'image originale, l'espace devant l'hermine n'était pas suffisant. Cependant, dans la série d'images j'ai décalé le cadre plus à droite. J'ai pu ajouter de l'espace à droite avec un panorama. Avec le cadrage originale, l'hermine se sentirait un peu à l'étroit.
8 Sens de lecture
- Il y a une façon de comprendre l'image qui est liés en premier lieu à notre sens de lecture de l'écriture, soit de gauche à droite, notre cerveau ensuite se forge une idée sur cette base et nous donne comme progression normale et positive le même sens, négatif le sens inverse, Un graphique est toujours présenté de gauche à droite pour nous européens par exemple.
On peut jouer avec la direction des lignes directrice pour renforcer l'ambiance d'une image. Des lignes montant de gauche à droite dans l'image paraîtrons plus naturel et positive pour des personnes lisant de droite à gauche. Cela vaut aussi pour la direction du regard d'un sujet
Souvent couplé à d'autre outils de composition comme les lignes directrices
http://www.ivanferrerophoto.com/PORTFOL ... -DJxLWGx/A
http://www.melvinnicholsonphotography.c ... e-of-skye/

Lecture de gauche à droite, le regard monte avec la diagonal guidant jusqu'au sujet.
9 Pattern, répétition
- Plutôt pour des images graphiques, utilisez des paternes qui se répètent. Pensez à avoir le sujet qui casse ce paterne, la perturbation dans la répétitivité attirera fortement l'oeil
Très souvent utilisé en archi mais peut aussi être appliqué en paysage ou en animalier donnant souvent des images originales.
http://files.gandi.ws/gandi37997/image/ ... 6copie.jpg
https://www.ianplant.com/index/I0000muH6YRxAGbA
https://www.ianplant.com/index/I0000KhXS06BHgXQ
https://www.ianplant.com/index/G0000EtY ... YKEgI_CM1M
https://www.instagram.com/p/BVU_a5olSyn ... atonthomas
http://www.paulgallagher.co.uk/colour/aspens-banff
http://maxfosterphotography.com/theme-g ... b3dcd1/343
http://maxfosterphotography.com/theme-g ... b3dcd1/943
http://www.alphadxd.fr/viewtopic.php?p=2193010#p2193010
http://www.alphadxd.fr/viewtopic.php?p=138891#p138891
http://www.alphadxd.fr/viewtopic.php?f=67&t=31990
http://www.cristaldegivre.com/photo/aut ... re.jpg.php
https://500px.com/photo/118579257/four- ... _id=324706
https://1x.com/photo/1455930/popular:all
https://1x.com/photo/1456406/popular:all
https://1x.com/photo/1444795/popular:all

Purement graphique

Cassure du paterne de blocs de glace avec la présence humaine

Opposition de deux paternes avec deux types de champs plus une cassure avec l'arbre

Des paternes similaires dans le sable

Répétition de la spirale en colimaçon de l'escalier donnant un coté graphique à l'image
10 Structure
- https://danwintersphoto.com/PHOTO-SERIES/THE-WACO-HORROR/1/thumbs-caption
https://danwintersphoto.com/PHOTO-SERIE ... bs-caption
https://www.vanesamunoz.com/portrait?li ... -izpnpg2t3
- ratio du nombre d'or (ratio naturel), en gros: tier du tier du tier etc- triangle d'or (dérivé du ratio d'or)
- plein cadre
- https://500px.com/photo/235436953/eye-b ... _id=127797
http://www.laurentbaheux.com/-/gallerie ... 6944569b64
- symétrie axe horizonal/vertical (fonctionne très bien pour de architecture), reflet
- http://www.alphadxd.fr/viewtopic.php?p=976850#p976850
http://www.alphadxd.fr/viewtopic.php?p=1958248#p1958248
http://www.alphadxd.fr/viewtopic.php?p=1700743#p1700743
http://www.alphadxd.fr/galerie/displayi ... play_media
https://www.toddowyoung.com/index/G0000 ... 02kkNVhRio
https://1x.com/photo/1456115/popular:all
https://1x.com/photo/1455892/popular:all
http://www.laurentbaheux.com/-/gallerie ... 6315917735
Placez le point fort au centre de l'image. Ce fait beaucoup pour les portraits, l'oeil dominant et placé au centre.


Oeil au centre

Placez le sujet dans les points forts des tiers (simplification du ratio du nombre d'or)
Symétrie axe horizontal/vertical (fonctionne très bien pour de l'architecture), reflet

Symétrie par reflet

Symétrie gauche droite

Symétrie axiale
11 Harmonie des couleurs, complémentaire
- Hightkey/lowkey
http://www.alphadxd.fr/galerie/displayi ... play_media
http://www.alphadxd.fr/viewtopic.php?p=2045928#p2045928
http://www.alphadxd.fr/viewtopic.php?p=932995#p932995

Lowkey permet de montrer l’activité plutôt nocturne du blaireau

Hightkey permet de mettre plus de douceur à l'image de la panure
les tonalité des couleurs permettent de donner une ambiance, raconter une histoire: couleur vive = positif/joyeux, peu de couleur, desaturé = négatif/triste
https://500px.com/photo/224277969/-by-e ... id=1171535
https://500px.com/photo/216465193/feeli ... id=1171535
Utilisation de la monochromie
http://www.cristaldegivre.com/photo/aut ... re.jpg.php
http://davidhobby.zenfolio.com/p7297945 ... #h159549a5
https://www.vanesamunoz.com/editorial?l ... -izopi6su2
https://500px.com/photo/202860365/magic ... _id=637637
https://500px.com/photo/2763530/paradis ... _id=324706
https://1x.com/photo/1456142/popular:all



Monochromie dans les tons jaunes
Utilisation de couleurs complémentaires (opposée dans le diagramme de couleurs). Ne pas utiliser les deux couleurs de manière égale de préférence (utiliser la moins agressive le plus) ! chaud/froid sont complémentaires, permet de détacher le sujet (traitement localisé de la bdb par exemple). Un exemple classique sont les photos à l'heure bleue avec des lumières chaudes.
http://www.cristaldegivre.com/photo/pri ... re.jpg.php
http://www.cristaldegivre.com/photo/ete ... re.jpg.php
https://www.vanesamunoz.com/commercial? ... -izopl9er2
https://500px.com/photo/63179547/walkin ... _id=324706
https://500px.com/photo/2785948/moment- ... _id=324706
https://1x.com/photo/1456121/popular:all
http://www.alphadxd.fr/viewtopic.php?f=96&t=95137

L'heure bleue avec des lumières chaudes

30% chaud, 70% froid (gauche/droite)

Majoritaire bleue avec une pointe de rouge sur le sujet

Majoritaire bleue avec une pointe de rouge sur le sujet
12 Imparité
- Préférez des compositions avec des sujets impaires, le regard est inconsciemment plus attiré

Trois troncs, trois feuilles mortes
13 Perspective
- une pdv à la hauteur des yeux du sujet permet d'avoir une image plus immersive car on interagit directement avec le sujet
https://500px.com/photo/184921963/portr ... r_id=23896

Pdv à la hauteur des yeux, on a l'impression que le vautour nous regarde, meilleur immersion que la même image en plongée.
https://www.allemanphoto.com/COMMERCIAL ... ORTRAITS/1
http://www.cristaldegivre.com/photo/ete ... re.jpg.php
https://500px.com/photo/117767271/old-b ... r_id=48461
http://www.lumieresdaltitude.com/galler ... lery_id=32

contre-plongé et plongé permet de jouer sur les échelles et donne une impression d’immensité ou de ratatissement
http://www.cristaldegivre.com/photo/pri ... re.jpg.php
https://danwintersphoto.com/PHOTO-SERIE ... bs-caption
http://www.andrewstuder.com/Portfolio/i-NmtgSmV/A
https://1x.com/photo/1455852/popular:all
http://www.alphadxd.fr/galerie/displayi ... play_media

Sur le dessus/dessous permet de jouer sur le coté graphique
Les grands angles donneront une impression d’immensité en éloignant massivement la ligne d'horizon. En ayant un sujet très proche cela permet aussi de le rendre très imposant
http://www.cristaldegivre.com/photo/aut ... re.jpg.php
https://www.allemanphoto.com/COMMERCIAL ... ORTRAITS/7

Le crapaud parait grand proportionnellement aux montagnes avec l'utilisation d'un UGA
les télé tasseront les perspectives et permettent de mieux mettre en évidence des détails d'un paysage. Comme dirait Thomas Heaton, si vous avez un beau paysage vous avez automatiquement envie de capter toute la scène. Faites l'inverse, trouvez un sujet qui est magnifié par la scène et prenez-le avec une longue focale (prendre le meilleur du meilleur)

Écrasement des perspectives avec un télé
14 Symétrie, rappelle
- une élément de composition qui se reflète par symétrie, qui se répond. (l'outils de compos que je préfère mais aussi bien dur à mettre en pratique)
https://www.ianplant.com/index/I0000st4rzTrze5o
http://www.mpiphoto.dk/Gallery/Landscap ... -gms35Wt/A
https://500px.com/photo/204948853/creat ... _id=324706

Symétrie de la voie lactée par le lac

La route répond à l'arc en ciel et à la montagne
15 Succession de plans
- Enchaînement de plans se contrastant par leur couleur/luminosité. Beaucoup utilisé en intimate landscape photography.
https://en.wikipedia.org/wiki/Rhein_II
http://www.mpiphoto.dk/Gallery/Landscap ... -zCXdMkZ/A
http://www.alphadxd.fr/galerie/displayi ... play_media

Succession de plan avec les montagnes

Succession de plan avec les champs / couleurs
16 Minimaliste
- Se veut être très épurée. C'est presque l'antonyme de la composition. Utilisation massive de "negative space" uni mettant en évidence le sujet prenant une très petite part dans l'image.
http://www.alphadxd.fr/viewtopic.php?p=1386499#p1386499
http://www.alphadxd.fr/viewtopic.php?p=1836235#p1836235
http://www.alphadxd.fr/viewtopic.php?p=2133465#p2133465
http://www.cristaldegivre.com/photo/aut ... re.jpg.php
https://1x.com/photo/1455850/popular:all

Un seul sujet, à peine visible

Juste une silhouette
17 Dynamisme
- Pensez à amener du dynamisme dans l'image avec des flous de bouger: cascades, cours d'eau, vent dans les arbres, les filé d'arrière plan, partie en mouvement, sujet flou.
http://www.mpiphoto.dk/Gallery/Landscap ... -m3b6CS9/A
http://www.alphadxd.fr/viewtopic.php?p=379165#p379165
http://www.alphadxd.fr/viewtopic.php?p=1684496#p1684496
http://www.alphadxd.fr/galerie/displayi ... play_media
http://www.cristaldegivre.com/photo/ete ... re.jpg.php
https://500px.com/photo/140746039/flyin ... _id=127797
https://500px.com/photo/88004429/bromo- ... _id=127797
http://www.laurentbaheux.com/-/gallerie ... 289a9d7d23

Dynamisme donné par surexposition de plusieurs images

Dynamisme donné par un temps de pose lent
18 Profondeur
- Mettez de la profondeur dans vos images avec plusieurs plans successifs, des lignes directrices plongeant dans l'image, courbe en S, avec des sujets dont la taille est connue donnant une échelle au reste. L'utilisation du format paysage permet aussi de donner une plus grande profondeur à l'image.
http://www.mpiphoto.dk/Gallery/Landscap ... -z62mgqz/A
http://www.mpiphoto.dk/Gallery/Landscap ... -9VLksXT/A
https://erickimphotography.com/albums/c ... -berkeley/
https://www.allemanphoto.com/COMMERCIAL ... RTRAITS/17

Amène de la profondeur à l'aide d'une rivière

Amène de la profondeur à l'aide de la neige

Courbe en S
19 Paréidolie
- Créer des objets reconnaissable avec des éléments de paysage (visage par exemple). Le cerveau créer facilement ce genre d'association
http://www.alphadxd.fr/viewtopic.php?f=67&t=111188

Ressemblance avec un oeil
20 Story telling
- Lorsque l'image raconte une histoire de par l'attitude du sujet ou la mise en scène

Action de sauvetage de crapauds. Image intégrant tous les facteurs

Crapaud Veillant sur sa descendance

Combat de tétras
J'espère que les exemples sont parlant et que cet article vous permettra de donner une direction plus artistique à vos images :)
20 outils de composition et plus de 60 images d’illustration, il n'y a plus qu'a ;)
La version web sur mon site