WEBVTT 00:00:08.299 --> 00:00:08.750 Bonjour, 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 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 00:00:16.750 --> 00:00:21.590 à quelques principes et méthodes sans chercher à être exhaustif. Je pense que vous pourrez 00:00:21.590 --> 00:00:23.529 trouver des informations complémentaires ailleurs. 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 00:00:28.189 --> 00:00:32.509 gâchée par une exécution maladroite. Par exemple, il est classique de commencer un 00:00:32.509 --> 00:00:36.010 cours sur la programmation en brossant un rapide historique où apparaît d’habitude 00:00:36.010 --> 00:00:41.340 la machine à calculer conçue par Blaise Pascal quand il avait 19 ans. Trop souvent, 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 00:00:46.210 --> 00:00:51.100 un peu “notre visite de classe au château de Versailles”. Je ne serais pas choqué 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, 00:00:54.810 --> 00:00:58.290 vous le verrez souvent, en entreprise, en cours, ou dans des conférences. 00:00:58.290 --> 00:01:04.019 Il y a plusieurs solutions possibles pour bien intégrer une photo à une présentation. 00:01:04.019 --> 00:01:08.000 Première solution, l’image plein-écran, dont Garr Reynolds, par exemple, est un chaud 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 00:01:12.890 --> 00:01:17.140 pas obligatoire), parce que le contraste peut être assez mauvais. Dans ce cas, une solution 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 00:01:23.430 --> 00:01:29.299 de cette forme à blanc ou gris clair, de rendre ce remplissage par exemple 50% transparent, 00:01:29.299 --> 00:01:33.890 puis, en jouant sur la position respective des éléments sur la slide, de placer le 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 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 00:01:44.560 --> 00:01:47.220 rectangle perdu au milieu ne rend pas très bien. 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 00:01:51.049 --> 00:01:54.900 de trouver une couleur qui contraste bien avec l’image. Si votre image alterne des 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 00:01:58.740 --> 00:01:59.540 la solution de secours. 00:01:59.540 --> 00:02:04.659 Malheureusement, il arrive que la seule image que l’on trouve sur un sujet soit assez 00:02:04.659 --> 00:02:07.450 petite. Et dans ce cas là, quand on agrandit à la dimension de l’écran, les pixels 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 00:02:11.829 --> 00:02:15.579 image est moins d’environ 700 pixels, et malheureusement j’ai déjà vu des images 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, 00:02:20.250 --> 00:02:25.530 dissimuler ou assumer. Pour dissimuler, si vous utilisez Powerpoint 00:02:25.530 --> 00:02:29.489 le menu image contient à gauche quelque chose qui s’appelle “filtres”. Vous pouvez 00:02:29.489 --> 00:02:33.709 expérimenter avec différents filtres, j’utilise ici par exemple celui qui s’appelle “Line 00:02:33.709 --> 00:02:39.230 Drawing” en anglais, j’imagine que c’est “dessin au trait” en français. Il cache 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 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 00:02:49.890 --> 00:02:54.319 plus grises pour que visuellement l’image recule un peu. On peut discuter le choix du 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 00:02:57.770 --> 00:03:01.489 pas dans Powerpoint mais qui est à mon sens meilleur, mais ce qui est certain c’est 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 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 00:03:10.760 --> 00:03:14.560 suffisamment petite pour que sa résolution soit suffisante, mais donnez lui l’apparence 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 00:03:18.830 --> 00:03:23.160 standard de mise en forme des images. Petite touche supplémentaire, mettez votre image 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 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. 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), 00:03:36.790 --> 00:03:39.890 le plein écran est une solution plaisante mais qui s’accommode mal d’autre information 00:03:39.890 --> 00:03:44.269 que quelques mots. La solution la plus souple est probablement détourer les images, c’est 00:03:44.269 --> 00:03:46.840 à dire enlever l’arrière plan pour ne garder que ce qui nous intéresse vraiment. 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 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, 00:03:59.190 --> 00:04:01.459 par exemple je l’ai utilisé pour enlever le fond gris sur lequel était ce timbre. 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 00:04:05.970 --> 00:04:09.489 aléatoires. Ce sera excellent quand le fond est bien contrasté, mais quand on commence 00:04:09.489 --> 00:04:13.739 à devoir deviner les contours il y a quelques soucis. Par exemple, je ne suis pas parvenu 00:04:13.739 --> 00:04:17.440 à obtenir mieux que cela avec la machine à calculer de Pascal. Vous voyez qu’il 00:04:17.440 --> 00:04:20.470 y a plusieurs points où manifestement le logiciel n’est pas parvenu à détecter 00:04:20.470 --> 00:04:24.249 clairement les contours, et montrer quelque chose d’aussi approximatif est gênant dans 00:04:24.249 --> 00:04:29.309 une présentation. Ce résultat là, je l’ai obtenu à la main. 00:04:29.309 --> 00:04:32.830 L’outil que j’utilise pour traiter les images, c’est Gimp, qui non seulement est 00:04:32.830 --> 00:04:37.259 gratuit mais est un programme fantastique que j’ai utilisé sur Linux, sous Windows 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 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 00:04:45.749 --> 00:04:50.400 cadre d’images de présentation. Par exemple, dissimuler la pixellisation. 00:04:50.400 --> 00:04:55.550 Gimp offre un plus grand choix de filtres que Powerpoint. Tout d’abord, on ouvre la 00:04:55.550 --> 00:05:00.639 petite image, et dans le menu Image/Scale Image on peut la redimensionner pour que sa 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 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 00:05:10.639 --> 00:05:15.080 beaucoup et qui s’appelle “oilify”, en d’autres termes “peinture à l’huile”. 00:05:15.080 --> 00:05:19.349 En gros, les pixels vont se transformer en taches de peinture, avec un rayon variable 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 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 00:05:29.860 --> 00:05:34.460 peux ajuster la teinte et la saturation,. Comme dans le cas du filtre Powerpoint, je 00:05:34.460 --> 00:05:39.979 vais désaturer mon image. Je n’ai plus qu’à l’exporter comme fichier .jpg ou 00:05:39.979 --> 00:05:44.229 .png (attention, avec les versions récentes de Gimp, “Sauver” écrit l’image dans 00:05:44.229 --> 00:05:47.599 un format XCF que seul Gimp connait). 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 00:05:52.379 --> 00:05:56.589 caractères qui font un peu “d’époque” et le tour est joué. 00:05:56.589 --> 00:06:00.240 Mais ce genre de transformation facile est juste une toute petite chose par rapport à 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, 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 00:06:08.610 --> 00:06:12.939 Gimp. Première chose, les images que vous récupérerez seront dans la vaste majorité 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), 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, 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 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 00:06:35.469 --> 00:06:40.749 le format d’origine: il peut tout transformer. En revanche, vous devrez exporter votre image 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 00:06:44.899 --> 00:06:50.050 de modification, il vaut mieux employer le format .XCF de Gimp). 00:06:50.050 --> 00:06:56.089 Avant de commencer à travailler sur une image, il faut s’assurer de deux choses. D’abord, 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 00:07:01.719 --> 00:07:07.199 si vous avez ouvert un .GIF. Cochez cette option, sans quoi vous verrez beaucoup d’options 00:07:07.199 --> 00:07:14.449 inactives dans les menus. Ensuite, la transparence. Allez dans le menu “Layer” (qui veut dire 00:07:14.449 --> 00:07:18.009 “Couche”, mais on emploie fréquemment “calque” en français) et allez voir ce 00:07:18.009 --> 00:07:22.209 qui concerne la transparence. Si l’option “Ajouter un canal Alpha” est grisée, 00:07:22.209 --> 00:07:28.429 c’est bon, votre image connaît la transparence. Sinon, sélectionnez cette option. Ce qui 00:07:28.429 --> 00:07:31.999 est transparent apparaît dans Gimp comme un damier de gris. 00:07:31.999 --> 00:07:36.069 Maintenant inspectons les outils. Suivant les versions de Gimp, certaines fenêtres 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 00:07:39.679 --> 00:07:44.709 dans le menu des fenêtres. La première, quasiment indispensable, est celle qui s’appelle 00:07:44.709 --> 00:07:48.219 “Toolbox”, où boîte à outils. Ne vous inquiétez pas de l’impressionnante quantité 00:07:48.219 --> 00:07:51.110 d’outils, personnellement j’utilise pratiquement toujours les mêmes, qui sont peu nombreux 00:07:51.110 --> 00:07:55.999 et assez intuitifs. L’autre fenêtre s’appelle “layers”, ce que les Français appellent 00:07:55.999 --> 00:07:59.749 plutôt “calques”. Vous le verrez bientôt, certaines transformations demandent à travailler 00:07:59.749 --> 00:08:02.749 sur des copies multiples de l’image, que l’on superpose et transforme séparément. 00:08:02.749 --> 00:08:07.649 Finalement, la dernière fenêtre très utile est celle qui s’appelle “Tool Options”, 00:08:07.649 --> 00:08:11.419 “Options Outils”, qui associe à chaque outil de la boîte à outils des options spécifiques. 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 00:08:15.589 --> 00:08:19.969 outils comme la gomme, dont on est souvent amené à modifier la taille. 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 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 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 00:08:33.940 --> 00:08:38.050 et vous suivez la courbe que vous voulez, soit, ce que je fais toujours, vous tracez 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 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 00:08:47.050 --> 00:08:51.990 est presque cerclée, cliquez deux fois et Gimp bouclera tout seul et indiquera que la 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 00:08:56.079 --> 00:09:01.360 reste. On va donc aller dans le menu ‘select’, cliquer sur ‘Invert’, puis couper soit 00:09:01.360 --> 00:09:05.690 à partir du menu ‘edit’ soit avec les raccourcis clavier habituels. Quand vous en 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 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 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 00:09:16.120 --> 00:09:19.740 pouvez avoir à changer est la taille, et vous avez intérêt à zoomer assez fort sur 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 00:09:23.839 --> 00:09:28.610 annuler avec Gimp. Je me suis raté assez souvent ... Voilà les principes, la prochaine 00:09:28.610 --> 00:09:29.879 fois un exemple pratique. [Type text]0[Type text]0[Type text] 00:09:29.879 --> 00:09:30.379 makingof0600 3