1
00:00:08,299 --> 00:00:08,750
Bonjour,

2
00:00:08,750 --> 00:00:12,330
Il est temps de parler de retouche d’image.
C’est un vaste sujet, on pourrait faire

3
00:00:12,330 --> 00:00:16,750
une série de vidéos rien que sur lui, je
n’en ferai que deux, et je vais me limiter

4
00:00:16,750 --> 00:00:21,590
à quelques principes et méthodes sans chercher
à être exhaustif. Je pense que vous pourrez

5
00:00:21,590 --> 00:00:23,529
trouver des informations complémentaires
ailleurs.

6
00:00:23,529 --> 00:00:28,189
J’ai vu beaucoup de présentations où l’initiative
louable d’illustrer ce dont on parlait était

7
00:00:28,189 --> 00:00:32,509
gâchée par une exécution maladroite. Par
exemple, il est classique de commencer un

8
00:00:32,509 --> 00:00:36,010
cours sur la programmation en brossant un
rapide historique où apparaît d’habitude

9
00:00:36,010 --> 00:00:41,340
la machine à calculer conçue par Blaise
Pascal quand il avait 19 ans. Trop souvent,

10
00:00:41,340 --> 00:00:46,210
cela apparaît dans une présentation un peu
comme cela. Je suis désolé, mais cela fait

11
00:00:46,210 --> 00:00:51,100
un peu “notre visite de classe au château
de Versailles”. Je ne serais pas choqué

12
00:00:51,100 --> 00:00:54,810
de voir cela dans une présentation de collégiens,
mais cela ne fait pas professionnel. Et pourtant,

13
00:00:54,810 --> 00:00:58,290
vous le verrez souvent, en entreprise, en
cours, ou dans des conférences.

14
00:00:58,290 --> 00:01:04,019
Il y a plusieurs solutions possibles pour
bien intégrer une photo à une présentation.

15
00:01:04,019 --> 00:01:08,000
Première solution, l’image plein-écran,
dont Garr Reynolds, par exemple, est un chaud

16
00:01:08,000 --> 00:01:12,890
partisan. Il peut y avoir un léger problème
avec le texte si vous en avez (ce qui n’est

17
00:01:12,890 --> 00:01:17,140
pas obligatoire), parce que le contraste peut
être assez mauvais. Dans ce cas, une solution

18
00:01:17,140 --> 00:01:23,430
est de coller un rectangle, une forme, au-dessus
du texte, de changer la couleur de remplissage

19
00:01:23,430 --> 00:01:29,299
de cette forme à blanc ou gris clair, de
rendre ce remplissage par exemple 50% transparent,

20
00:01:29,299 --> 00:01:33,890
puis, en jouant sur la position respective
des éléments sur la slide, de placer le

21
00:01:33,890 --> 00:01:41,350
rectangle entre la photo et le texte. Point
de détail mais qui a son importance, faites

22
00:01:41,350 --> 00:01:44,560
en sorte que ce rectangle s’appuie au moins
d’un côté sur les bords de la slide, un

23
00:01:44,560 --> 00:01:47,220
rectangle perdu au milieu ne rend pas très
bien.

24
00:01:47,220 --> 00:01:51,049
Une autre solution, que j’aime plutôt mieux
mais qui n’est pas toujours possible, est

25
00:01:51,049 --> 00:01:54,900
de trouver une couleur qui contraste bien
avec l’image. Si votre image alterne des

26
00:01:54,900 --> 00:01:58,740
zones très claires et des zones très sombres
sous le texte, le rectangle transparent reste

27
00:01:58,740 --> 00:01:59,540
la solution de secours.

28
00:01:59,540 --> 00:02:04,659
Malheureusement, il arrive que la seule image
que l’on trouve sur un sujet soit assez

29
00:02:04,659 --> 00:02:07,450
petite. Et dans ce cas là, quand on agrandit
à la dimension de l’écran, les pixels

30
00:02:07,450 --> 00:02:11,829
apparaissent. Ce problème devient vite gênant
dès que la dimension la plus petite de votre

31
00:02:11,829 --> 00:02:15,579
image est moins d’environ 700 pixels, et
malheureusement j’ai déjà vu des images

32
00:02:15,579 --> 00:02:20,250
aussi laides dans des présentations professionnelles.
Il y a deux manières d’aborder la question,

33
00:02:20,250 --> 00:02:25,530
dissimuler ou assumer.
Pour dissimuler, si vous utilisez Powerpoint

34
00:02:25,530 --> 00:02:29,489
le menu image contient à gauche quelque chose
qui s’appelle “filtres”. Vous pouvez

35
00:02:29,489 --> 00:02:33,709
expérimenter avec différents filtres, j’utilise
ici par exemple celui qui s’appelle “Line

36
00:02:33,709 --> 00:02:39,230
Drawing” en anglais, j’imagine que c’est
“dessin au trait” en français. Il cache

37
00:02:39,230 --> 00:02:43,920
un peu trop tout, mais on peut jouer sur la
transparence que je fais ici passer de 25

38
00:02:43,920 --> 00:02:49,890
à 50%. En plus, je vais jouer sur les couleurs
et les désaturer, c’est à dire les rendre

39
00:02:49,890 --> 00:02:54,319
plus grises pour que visuellement l’image
recule un peu. On peut discuter le choix du

40
00:02:54,319 --> 00:02:57,770
filtre, on aime ou on n’aime pas et je vais
bientôt vous montrer quelque chose qui n’est

41
00:02:57,770 --> 00:03:01,489
pas dans Powerpoint mais qui est à mon sens
meilleur, mais ce qui est certain c’est

42
00:03:01,489 --> 00:03:04,830
que c’est la même image, dans la même
résolution, que précédemment, et que les

43
00:03:04,830 --> 00:03:10,760
pixels se sont pour ainsi dire envolés.
Si vous préférez assumer, gardez votre image

44
00:03:10,760 --> 00:03:14,560
suffisamment petite pour que sa résolution
soit suffisante, mais donnez lui l’apparence

45
00:03:14,560 --> 00:03:18,830
d’une photo papier en lui ajoutant un mince
cadre blanc et une ombre, une des options

46
00:03:18,830 --> 00:03:23,160
standard de mise en forme des images. Petite
touche supplémentaire, mettez votre image

47
00:03:23,160 --> 00:03:27,090
légèrement en biais. Ceci fonctionne très
bien si vous avez plusieurs images sur le

48
00:03:27,090 --> 00:03:31,550
même sujet, dont aucune n’est très bonne
mais qui se complètent relativement bien.

49
00:03:31,550 --> 00:03:36,790
Sous réserve d’avoir une image de résolution
suffisante (ou de tricher avec l’image),

50
00:03:36,790 --> 00:03:39,890
le plein écran est une solution plaisante
mais qui s’accommode mal d’autre information

51
00:03:39,890 --> 00:03:44,269
que quelques mots. La solution la plus souple
est probablement détourer les images, c’est

52
00:03:44,269 --> 00:03:46,840
à dire enlever l’arrière plan pour ne
garder que ce qui nous intéresse vraiment.

53
00:03:46,840 --> 00:03:52,610
Là encore, le menu de mise en forme des images
de Powerpoint dispose d’un outil, qui s’appelle

54
00:03:52,610 --> 00:03:59,190
“remove background” ou “enlever l’arrière-plan”
dans ma version. C’est un outil assez impressionnant,

55
00:03:59,190 --> 00:04:01,459
par exemple je l’ai utilisé pour enlever
le fond gris sur lequel était ce timbre.

56
00:04:01,459 --> 00:04:05,970
Le seul ennui, c’est que comme tout ce qui
est automatique les résultats peuvent être

57
00:04:05,970 --> 00:04:09,489
aléatoires. Ce sera excellent quand le fond
est bien contrasté, mais quand on commence

58
00:04:09,489 --> 00:04:13,739
à devoir deviner les contours il y a quelques
soucis. Par exemple, je ne suis pas parvenu

59
00:04:13,739 --> 00:04:17,440
à obtenir mieux que cela avec la machine
à calculer de Pascal. Vous voyez qu’il

60
00:04:17,440 --> 00:04:20,470
y a plusieurs points où manifestement le
logiciel n’est pas parvenu à détecter

61
00:04:20,470 --> 00:04:24,249
clairement les contours, et montrer quelque
chose d’aussi approximatif est gênant dans

62
00:04:24,249 --> 00:04:29,309
une présentation. Ce résultat là, je l’ai
obtenu à la main.

63
00:04:29,309 --> 00:04:32,830
L’outil que j’utilise pour traiter les
images, c’est Gimp, qui non seulement est

64
00:04:32,830 --> 00:04:37,259
gratuit mais est un programme fantastique
que j’ai utilisé sur Linux, sous Windows

65
00:04:37,259 --> 00:04:42,129
et sur Mac avec le même bonheur. Il y a plein
de livres sur Gimp, je ne vais y faire un

66
00:04:42,129 --> 00:04:45,749
passage que très, très rapide, pour exposer
des techniques que je trouve utile dans le

67
00:04:45,749 --> 00:04:50,400
cadre d’images de présentation.
Par exemple, dissimuler la pixellisation.

68
00:04:50,400 --> 00:04:55,550
Gimp offre un plus grand choix de filtres
que Powerpoint. Tout d’abord, on ouvre la

69
00:04:55,550 --> 00:05:00,639
petite image, et dans le menu Image/Scale
Image on peut la redimensionner pour que sa

70
00:05:00,639 --> 00:05:06,809
plus petite dimension soit de l’ordre de
750 à 800 pixels. L’image résultante n’est

71
00:05:06,809 --> 00:05:10,639
pas belle, mais il y a dans le menu des filtres
sous “Artistic” quelque chose que j’aime

72
00:05:10,639 --> 00:05:15,080
beaucoup et qui s’appelle “oilify”,
en d’autres termes “peinture à l’huile”.

73
00:05:15,080 --> 00:05:19,349
En gros, les pixels vont se transformer en
taches de peinture, avec un rayon variable

74
00:05:19,349 --> 00:05:24,919
dont la valeur par défaut est 8. Je descends
souvent à 3 quand je veux garder un certain

75
00:05:24,919 --> 00:05:29,860
détail. Ici, j’ai conservé les paramètres
par défaut. Dans le menu des couleurs, je

76
00:05:29,860 --> 00:05:34,460
peux ajuster la teinte et la saturation,.
Comme dans le cas du filtre Powerpoint, je

77
00:05:34,460 --> 00:05:39,979
vais désaturer mon image. Je n’ai plus
qu’à l’exporter comme fichier .jpg ou

78
00:05:39,979 --> 00:05:44,229
.png (attention, avec les versions récentes
de Gimp, “Sauver” écrit l’image dans

79
00:05:44,229 --> 00:05:47,599
un format XCF que seul Gimp connait).

80
00:05:47,599 --> 00:05:52,379
Je n’ai plus qu’à l’importer dans Powerpoint,
ajouter mon texte, ici avec des polices de

81
00:05:52,379 --> 00:05:56,589
caractères qui font un peu “d’époque”
et le tour est joué.

82
00:05:56,589 --> 00:06:00,240
Mais ce genre de transformation facile est
juste une toute petite chose par rapport à

83
00:06:00,240 --> 00:06:04,619
ce que je peux faire avec Gimp. Je parlais
tout à l’heure d’enlever l’arrière-plan,

84
00:06:04,619 --> 00:06:08,610
et il faut d’abord que je vous dise deux
ou trois choses à propos des images et de

85
00:06:08,610 --> 00:06:12,939
Gimp. Première chose, les images que vous
récupérerez seront dans la vaste majorité

86
00:06:12,939 --> 00:06:19,339
des cas des images soit .JPG (les photos,
en général), soit .GIF (dessins et logos),

87
00:06:19,339 --> 00:06:25,110
soit .PNG (un peu tout). Pour enlever le fond,
il faut que le format connaisse la transparence,

88
00:06:25,110 --> 00:06:30,169
ce que le format .JPG ignore. Beaucoup d’effets
intéressants avec Gimp ne sont pas disponibles

89
00:06:30,169 --> 00:06:35,469
avec le format .GIF, qui encode les couleurs
de manière spéciale. Avec Gimp, peu importe

90
00:06:35,469 --> 00:06:40,749
le format d’origine: il peut tout transformer.
En revanche, vous devrez exporter votre image

91
00:06:40,749 --> 00:06:44,899
modifiée au format .PNG quand elle sera terminée
(et si vous sauvegardez une image en cours

92
00:06:44,899 --> 00:06:50,050
de modification, il vaut mieux employer le
format .XCF de Gimp).

93
00:06:50,050 --> 00:06:56,089
Avant de commencer à travailler sur une image,
il faut s’assurer de deux choses. D’abord,

94
00:06:56,089 --> 00:07:01,719
dans le menu Image/Mode, que l’option RGB
est sélectionnée. Ce ne sera pas le cas

95
00:07:01,719 --> 00:07:07,199
si vous avez ouvert un .GIF. Cochez cette
option, sans quoi vous verrez beaucoup d’options

96
00:07:07,199 --> 00:07:14,449
inactives dans les menus. Ensuite, la transparence.
Allez dans le menu “Layer” (qui veut dire

97
00:07:14,449 --> 00:07:18,009
“Couche”, mais on emploie fréquemment
“calque” en français) et allez voir ce

98
00:07:18,009 --> 00:07:22,209
qui concerne la transparence. Si l’option
“Ajouter un canal Alpha” est grisée,

99
00:07:22,209 --> 00:07:28,429
c’est bon, votre image connaît la transparence.
Sinon, sélectionnez cette option. Ce qui

100
00:07:28,429 --> 00:07:31,999
est transparent apparaît dans Gimp comme
un damier de gris.

101
00:07:31,999 --> 00:07:36,069
Maintenant inspectons les outils. Suivant
les versions de Gimp, certaines fenêtres

102
00:07:36,069 --> 00:07:39,679
seront ouvertes au démarrage ou pas. Si elles
ne le sont pas, il faut aller les sélectionner

103
00:07:39,679 --> 00:07:44,709
dans le menu des fenêtres. La première,
quasiment indispensable, est celle qui s’appelle

104
00:07:44,709 --> 00:07:48,219
“Toolbox”, où boîte à outils. Ne vous
inquiétez pas de l’impressionnante quantité

105
00:07:48,219 --> 00:07:51,110
d’outils, personnellement j’utilise pratiquement
toujours les mêmes, qui sont peu nombreux

106
00:07:51,110 --> 00:07:55,999
et assez intuitifs. L’autre fenêtre s’appelle
“layers”, ce que les Français appellent

107
00:07:55,999 --> 00:07:59,749
plutôt “calques”. Vous le verrez bientôt,
certaines transformations demandent à travailler

108
00:07:59,749 --> 00:08:02,749
sur des copies multiples de l’image, que
l’on superpose et transforme séparément.

109
00:08:02,749 --> 00:08:07,649
Finalement, la dernière fenêtre très utile
est celle qui s’appelle “Tool Options”,

110
00:08:07,649 --> 00:08:11,419
“Options Outils”, qui associe à chaque
outil de la boîte à outils des options spécifiques.

111
00:08:11,419 --> 00:08:15,589
En général je ne touche pas trop aux options,
mais cette fenêtre est très utile pour certains

112
00:08:15,589 --> 00:08:19,969
outils comme la gomme, dont on est souvent
amené à modifier la taille.

113
00:08:19,969 --> 00:08:24,289
Pour enlever l’arrière-plan, l’outil
de choix est le lasso. Le lasso permet de

114
00:08:24,289 --> 00:08:29,349
cercler des parties d’une image. Pour l’utiliser,
c’est simple. Tout d’abord, je vous recommenderais

115
00:08:29,349 --> 00:08:33,940
de zoomer sur la partie qui vous intéresse.
Ensuite, soit vous maintenez la souris cliquée

116
00:08:33,940 --> 00:08:38,050
et vous suivez la courbe que vous voulez,
soit, ce que je fais toujours, vous tracez

117
00:08:38,050 --> 00:08:42,819
des segments de droite et ne cliquez que pour
changer de direction. Avec une image aux contours

118
00:08:42,819 --> 00:08:47,050
rectangulaires telle que la machine de Pascal,
c’est l’option qui s’impose. Quand l’image

119
00:08:47,050 --> 00:08:51,990
est presque cerclée, cliquez deux fois et
Gimp bouclera tout seul et indiquera que la

120
00:08:51,990 --> 00:08:56,079
partie encerclée est sélectionnée. Ce n’est
pas elle que l’on veut enlever, mais le

121
00:08:56,079 --> 00:09:01,360
reste. On va donc aller dans le menu ‘select’,
cliquer sur ‘Invert’, puis couper soit

122
00:09:01,360 --> 00:09:05,690
à partir du menu ‘edit’ soit avec les
raccourcis clavier habituels. Quand vous en

123
00:09:05,690 --> 00:09:08,870
êtes là, il y aura au moins des détails
à peaufiner et, si l’image n’est pas

124
00:09:08,870 --> 00:09:12,230
très géométriques, potentiellement encore
un peu de pain sur la planche. Là, c’est

125
00:09:12,230 --> 00:09:16,120
le travail de la gomme. Les options par défaut
sont très bonnes, la seule chose que vous

126
00:09:16,120 --> 00:09:19,740
pouvez avoir à changer est la taille, et
vous avez intérêt à zoomer assez fort sur

127
00:09:19,740 --> 00:09:23,839
la partie qui vous intéresse. Si vous vous
ratez, pas de panique, on peut vraiment tout

128
00:09:23,839 --> 00:09:28,610
annuler avec Gimp. Je me suis raté assez
souvent ... Voilà les principes, la prochaine

129
00:09:28,610 --> 00:09:29,879
fois un exemple pratique.
[Type text]0[Type text]0[Type text]

130
00:09:29,879 --> 00:09:30,379
makingof0600
3