{"id":4418,"date":"2020-06-30T15:44:27","date_gmt":"2020-06-30T13:44:27","guid":{"rendered":"https:\/\/bibliodos.eu\/practicesheet\/how-to-edit-pictures-for-an-ebook\/"},"modified":"2021-10-18T09:18:04","modified_gmt":"2021-10-18T07:18:04","slug":"comment-retoucher-des-images-pour-un-ebook","status":"publish","type":"practicesheet","link":"https:\/\/bibliodos.eu\/fr\/fichespratiques\/comment-retoucher-des-images-pour-un-ebook\/","title":{"rendered":"Comment retoucher des images pour un ebook\u00a0?"},"content":{"rendered":"\n<p>Une fois que vous avez trouv\u00e9 une illustration, vous voudrez peut-\u00eatre effectuer quelques modifications de base, comme le recadrage, le redimensionnement, le traitement des couleurs et l&rsquo;ajout de texte. Dans cette fiche pratique, nous utiliserons un logiciel libre d&rsquo;\u00e9dition d&rsquo;images appel\u00e9 GIMP.<\/p>\n\n<h2 class=\"wp-block-heading\">Pr\u00e9sentation du logiciel GIMP<\/h2>\n\n<p><p>GIMP est un \u00e9diteur d&rsquo;images open-source, disponible sous Linux, Mac OS et Windows. Rendez-vous sur le <a href=\"https:\/\/www.gimp.org\/downloads\/\">site Internet de GIMP<\/a> pour le t\u00e9l\u00e9charger et l&rsquo;installer. Une fois que vous aurez lu cette fiche pratique, si vous avez besoin d&rsquo;aide suppl\u00e9mentaire sur GIMP, veuillez lire<a href=\"https:\/\/docs.gimp.org\/\"> la documentation officielle<\/a>.<\/p><\/p>\n\n<h3 class=\"wp-block-heading\">Pr\u00e9sentation de l&rsquo;interface<\/h3>\n\n<p>GIMP est personnalisable pour r\u00e9pondre au mieux \u00e0 vos besoins. Vous pouvez voir sur la capture d&rsquo;\u00e9cran ci-dessous \u00e0 quoi ressemble un GIMP fra\u00eechement install\u00e9, et quels sont ses principaux centres d&rsquo;int\u00e9r\u00eat.<\/p>\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/bibliodos.eu\/wp-content\/uploads\/2020\/04\/gui.jpg\" alt=\"\" width=\"770\" height=\"600\"\/><\/figure>\n<ol><li>Vous trouverez la bo\u00eete \u00e0 outils en haut \u00e0 gauche. Plusieurs outils sont disponibles et nous allons en voir quelques-uns dans cette fiche pratique.<\/li><li>Les couleurs sont accessibles par ce module, repr\u00e9sent\u00e9es par deux carr\u00e9s superpos\u00e9s. Le carr\u00e9 de gauche est la couleur de premier plan, et celui de droite est la couleur d&rsquo;arri\u00e8re-plan. Vous pouvez inverser leur position avec les fl\u00e8ches en haut \u00e0 droite. Pour modifier les couleurs, cliquez sur un carr\u00e9 pour acc\u00e9der au s\u00e9lecteur de couleurs.<\/li><li>Cette fen\u00eatre affiche les options de l&rsquo;outil s\u00e9lectionn\u00e9 dans la bo\u00eete \u00e0 outils. Veuillez noter qu&rsquo;il y a plusieurs onglets en haut de la zone des options d&rsquo;outils avec des r\u00f4les sp\u00e9cifiques.<\/li><li>GIMP utilise des calques pour appliquer les modifications ainsi, les informations comme les graphiques, se superposent et peuvent \u00eatre modifi\u00e9s individuellement. Les calques s\u2019affichent dans cette zone \u00e0 l\u2019ouverture d\u2019un fichier. &#13;\n<br\/>La zone grise centrale (avec la t\u00eate GIMP) affiche l&rsquo;image finale.<\/li><\/ol>\n<h3 class=\"wp-block-heading\">Actions principales<\/h3>\n\n<h4 class=\"wp-block-heading\">Ouvrir une image<\/h4>\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"604\" height=\"319\" src=\"https:\/\/bibliodos.eu\/wp-content\/uploads\/2021\/10\/ImageOutil.jpg\" alt=\"\" class=\"wp-image-20065\" srcset=\"https:\/\/bibliodos.eu\/wp-content\/uploads\/2021\/10\/ImageOutil.jpg 604w, https:\/\/bibliodos.eu\/wp-content\/uploads\/2021\/10\/ImageOutil-480x254.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 604px, 100vw\" \/><\/figure>\n<p>Pour ouvrir une image aller dans le menu Fichier &gt; Ouvrir, puis s\u00e9lectionner une image.<\/p>\n\n<p>Vous pouvez maintenant voir votre image dans la zone centrale et dans la fen\u00eatre des calques, \u00e0 droite. <\/p>\n\n<h4 class=\"wp-block-heading\">Ajouter du texte<\/h4>\n\n<p>Pour ajouter du texte, s\u00e9lectionner d&rsquo;abord l&rsquo;outil Texte dans la bo\u00eete \u00e0 outil (menu haut gauche) <img loading=\"lazy\" decoding=\"async\" width=\"45\" height=\"39\" class=\"wp-image-20070\" style=\"width: 45px;\" src=\"https:\/\/bibliodos.eu\/wp-content\/uploads\/2020\/06\/Image1.jpg\" alt=\"\"\/><\/p>\n\n<p>Ensuite, avec l&rsquo;outil <strong>Texte<\/strong>, d\u00e9finir en clic-gliss\u00e9 la zone \u00e0 r\u00e9server au texte. Vous pourrez modifier son emplacement ult\u00e9rieurement.&#13;\n<br\/>Une fois la zone de texte cr\u00e9\u00e9e, taper votre texte et lui attribuer la couleur et\/ou la police de votre choix.&#13;\n<br\/>\u00c0 la fin de votre saisie, utiliser le bouton <strong>Echap <\/strong>ou s\u00e9lectionner un autre outil.&#13;\n<\/p>\n\n<p>Pour d\u00e9placer votre texte, s\u00e9lectionner l\u2019outil de d\u00e9placement <img loading=\"lazy\" decoding=\"async\" width=\"51\" height=\"45\" class=\"wp-image-20074\" style=\"width: 51px;\" src=\"https:\/\/bibliodos.eu\/wp-content\/uploads\/2020\/06\/Image2.jpg\" alt=\"\"\/> pour repositionner le bloc de texte.<\/p>\n\n<h4 class=\"wp-block-heading\">Enregistrer une image<\/h4>\n\n<p>Pour enregistrer une image aller dans le menu Fichier &gt; Exporter.&#13;\n<br\/>Dans la fen\u00eatre d\u2019export, s\u00e9lectionner le dossier dans lequel vous voulez enregistrer votre image. Vous pouvez changer le format de votre fichier en choisissant le menu Type en bas de la fen\u00eatre.&#13;\n<br\/>Enfin, cliquer sur Exporter. Si une fen\u00eatre pop-up s\u2019affiche, reporter vous au paragraphe \u201cOptions d\u2019export\u201d pour plus d&rsquo;informations.<\/p>\n\n<h4 class=\"wp-block-heading\">Options d&rsquo;export<\/h4>\n\n<p>Vous pouvez conserver les options et les cases coch\u00e9es telles qu&rsquo;elles sont param\u00e9tr\u00e9es par d\u00e9faut dans la fen\u00eatre d&rsquo;export, sauf si vous exportez au format JPEG.<\/p>\n\n<p>Il est important de d\u00e9finir le niveau de qualit\u00e9 de votre JPEG en d\u00e9pla\u00e7ant le curseur du menu \u00ab Qualit\u00e9 \u00bb en haut de la fen\u00eatre.<\/p>\n\n<figure class=\"wp-block-image size-full is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/bibliodos.eu\/wp-content\/uploads\/2021\/10\/Image3.jpg\" alt=\"Options d'export\" class=\"wp-image-20038\" width=\"479\" height=\"460\" srcset=\"https:\/\/bibliodos.eu\/wp-content\/uploads\/2021\/10\/Image3.jpg 479w, https:\/\/bibliodos.eu\/wp-content\/uploads\/2021\/10\/Image3-300x288.jpg 300w\" sizes=\"(max-width: 479px) 100vw, 479px\" \/><\/figure>\n<p>Si le curseur est plac\u00e9 \u00e0 100, le fichier sera tr\u00e8s peu compress\u00e9 : les d\u00e9tails de votre image seront conserv\u00e9s ; le fichier produit plus volumineux&#13;\n<br\/>Inversement ; diminuer cette valeur rendra votre fichier moins lourd mais risque de d\u00e9t\u00e9riorer votre image.&#13;\n<br\/>En fonction de vos priorit\u00e9s, faites des tests pour \u00e9valuer le meilleur ratio.&#13;\nNous vous recommandons d\u2019\u00e9viter une qualit\u00e9 de JPEG inf\u00e9rieur \u00e0 80 et en cas de doute de placer le curseur autour de 100.<\/p>\n\n<p>N\u2019exportez jamais un JPEG \u00e0 partir d\u2019un original en JPEG. La compression se ferait \u00e0 partir d\u2019une compression ce qui d\u00e9t\u00e9riorerait in\u00e9vitablement votre image.<\/p>\n\n<h4 class=\"wp-block-heading\">Exporter ou enregistrer ?<\/h4>\n\n<p>Dans le menu Fichier, vous pouvez trouver Enregistrer et Enregistrer sous. Cette option cr\u00e9era un fichier de travail GIMP que vous pourrez utiliser pour enregistrer vos modifications, mais il ne se comportera pas comme une image standard. Cette option est \u00e0 utiliser si vous pr\u00e9voyez de conserver une version de travail de votre image pour effectuer des modifications ult\u00e9rieures.<\/p>\n\n<h2 class=\"wp-block-heading\">Modifier la taille, recadrer, coller<\/h2>\n\n<p>Nous allons maintenant voir comment effectuer quelques modifications de base sur une image afin de changer sa taille (Redimensionnement), de s\u00e9lectionner une partie de l&rsquo;image (Recadrage), et d&rsquo;assembler plusieurs \u00e9l\u00e9ments (Collage). <\/p>\n\n<h3 class=\"wp-block-heading\">Modifier la taille de l&rsquo;image<\/h3>\n\n<p>Dans le menu &gt; Image, plusieurs outils sont \u00e0 votre disposition pour modifier la hauteur et la largeur de votre image.<\/p>\n\n<ul><li>Utiliser l&rsquo;outil Mise \u00e0 l&rsquo;\u00e9chelle (voir la copie d&rsquo;\u00e9cran ci-dessous) pour modifier la hauteur et la largeur de votre image. De cette mani\u00e8re vous pouvez contr\u00f4ler les dimensions du rendu final de l&rsquo;image \u00e0 exporter.<\/li><li>Utiliser l&rsquo;outil Transformer pour faire une rotation de votre image.<\/li><li>Utiliser Taille du Canevas pour modifier la zone d&rsquo;affichage de votre image. Pour plus d\u2019information reportez-vous au paragraphe \u00ab Recadrer \u00bb<\/li><\/ul>\n<figure class=\"wp-block-gallery aligncenter columns-2 wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"201\" height=\"472\" src=\"https:\/\/bibliodos.eu\/wp-content\/uploads\/2021\/10\/Image4.jpg\" alt=\"\" data-id=\"20044\" data-full-url=\"https:\/\/bibliodos.eu\/wp-content\/uploads\/2021\/10\/Image4.jpg\" data-link=\"https:\/\/bibliodos.eu\/practicesheet\/how-to-edit-pictures-for-an-ebook\/image4\/\" class=\"wp-image-20045\" srcset=\"https:\/\/bibliodos.eu\/wp-content\/uploads\/2021\/10\/Image4.jpg 201w, https:\/\/bibliodos.eu\/wp-content\/uploads\/2021\/10\/Image4-128x300.jpg 128w\" sizes=\"(max-width: 201px) 100vw, 201px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"302\" height=\"266\" src=\"https:\/\/bibliodos.eu\/wp-content\/uploads\/2021\/10\/Image5.jpg\" alt=\"\" data-id=\"20048\" data-full-url=\"https:\/\/bibliodos.eu\/wp-content\/uploads\/2021\/10\/Image5.jpg\" data-link=\"https:\/\/bibliodos.eu\/practicesheet\/how-to-edit-pictures-for-an-ebook\/image5\/\" class=\"wp-image-20049\" srcset=\"https:\/\/bibliodos.eu\/wp-content\/uploads\/2021\/10\/Image5.jpg 302w, https:\/\/bibliodos.eu\/wp-content\/uploads\/2021\/10\/Image5-300x264.jpg 300w\" sizes=\"(max-width: 302px) 100vw, 302px\" \/><\/figure><\/li><\/ul><\/figure>\n<h3 class=\"wp-block-heading\">Recadrer<\/h3>\n\n<p>Recadrer consiste \u00e0 couper \u00e0 l&rsquo;int\u00e9rieur de l&rsquo;image pour s\u00e9lectionner une zone. C&rsquo;est utile lorsque vous souhaitez assembler plusieurs parties d&rsquo;images diff\u00e9rentes (voir le paragraphe Collage ci-dessous), ou lorsque vous souhaitez retirer le cadre ou la bordure d\u2019une image.<\/p>\n\n<p>Utiliser l&rsquo;outil de Recadrage <img loading=\"lazy\" decoding=\"async\" width=\"49\" height=\"39\" class=\"wp-image-20061\" style=\"width: 49px;\" src=\"https:\/\/bibliodos.eu\/wp-content\/uploads\/2020\/06\/Image7.jpg\" alt=\"\"\/> pour recadrer votre image.&#13;\n<br\/>Vous pouvez aussi supprimer des zones de l&rsquo;image par la fonction Taille du Canevas du menu Image. &#13;\n<br\/>Nous utiliserons l&rsquo;outil Recadrage pour s\u00e9lectionner une partie de l&rsquo;image dans cette fiche pratique.<\/p>\n\n<p>Comment utiliser l&rsquo;outil de recadrage :<\/p>\n\n<ol type=\"1\"><li>S\u00e9lectionner l&rsquo;outil de recadrage dans la fen\u00eatre des outils en haut \u00e0 gauche<\/li><li>Cliquer-glisser dans la zone de l&rsquo;image qui vous voulez s\u00e9lectionner<\/li><li>Appuyer sur Entr\u00e9e pour recadrer votre image<\/li><\/ol>\n<p>Vous pouvez maintenant exporter votre image recadr\u00e9e.<\/p>\n\n<h3 class=\"wp-block-heading\">Collage<\/h3>\n\n<p>Vous voudrez peut-\u00eatre avoir plusieurs images dans le m\u00eame fichier afin de les organiser sur des calques pour faire un montage.<\/p>\n\n<h4 class=\"wp-block-heading\">Importer plusieurs fichiers dans votre espace de travail<\/h4>\n\n<p>Pour importer plusieurs fichiers dans votre espace de travail, aller dans le menu Fichier &gt; Ouvrir sous forme de calque : les images import\u00e9es cr\u00e9ent des calques que vous pouvez retrouver \u00e0 droite, dans la fen\u00eatre Calques.<\/p>\n\n<h4 class=\"wp-block-heading\">Redimensionner des images dans un collage<\/h4>\n\n<p>Il est probable que vos images soient de tailles diff\u00e9rentes et les importer dans un petit espace de travail (ou \u00ab Canevas \u00bb) peut compliquer leur manipulation. Vous pouvez modifier la taille de l&rsquo;espace de travail dans Image &gt; Taille du Canevas.<\/p>\n\n<p>Vous avez la possibilit\u00e9 d&rsquo;utiliser une autre solution pour r\u00e9duire une image particuli\u00e8rement grande. Pour cela, s\u00e9lectionner le calque de l&rsquo;image et utiliser le Menu Calques &gt; \u00c9chelle du calque.<\/p>\n\n<h2 class=\"wp-block-heading\">Actions avanc\u00e9es<\/h2>\n\n<p>Nous avons vu comment modifier la taille d&rsquo;une image, comment la recadrer et l&rsquo;assembler avec d&rsquo;autres. Nous allons maintenant voir comment modifier une image.<\/p>\n\n<h3 class=\"wp-block-heading\">Fusion des calques<\/h3>\n\n<p>Vous remarquerez que les outils d&rsquo;\u00e9dition ne s&rsquo;appliquent qu&rsquo;\u00e0 un seul calque \u00e0 la fois. Si vous souhaitez modifier les couleurs ou appliquer des courbes et des filtres comme d\u00e9crit ci-dessous \u00e0 l&rsquo;ensemble de l&rsquo;image, les calques doivent \u00eatre fusionn\u00e9s.<br\/>Pour ce faire, cliquer avec le bouton droit sur un calque et s\u00e9lectionner \u00ab\u00a0Fusionner vers le bas\u00a0\u00bb pour fusionner avec le calque en dessous.<\/p>\n\n<h3 class=\"wp-block-heading\">Traitement des couleurs<\/h3>\n\n<p>La plupart des op\u00e9rations sur les couleurs sont accessibles depuis le Menu Couleurs &gt;.<\/p>\n\n<h3 class=\"wp-block-heading\">Le noir et blanc<\/h3>\n\n<p>Pour transformer votre image en noir et blanc, plusieurs options sont disponibles. L&rsquo;une des plus simples est d&rsquo;aller dans Menu Couleurs &gt; D\u00e9saturer &gt; Couleur en gris<\/p>\n\n<h3 class=\"wp-block-heading\">Saturation<\/h3>\n\n<p>Vous pouvez manipuler de nombreux param\u00e8tres avec une courbe, si vous savez d\u00e9j\u00e0 les utiliser (voir paragraphe suivant \u00ab\u00a0Courbes\u00a0\u00bb), sinon, dans le Menu Couleurs &gt; Saturation de la teinte, vous pouvez modifier la teinte et la saturation de votre image. <\/p>\n\n<h2 class=\"wp-block-heading\">Les courbes<\/h2>\n\n<p>es courbes sont des outils puissants que vous pouvez trouver dans Menu Couleurs &gt; Courbes. La forme de la courbe transformera les valeurs d&rsquo;une certaine mani\u00e8re, en changeant le contraste et en effectuant des ajustements de tonalit\u00e9. <\/p>\n\n<h2 class=\"wp-block-heading\">Les filtres<\/h2>\n\n<p>GIMP dispose de plusieurs filtres que vous pouvez trouver dans Menu Filters &gt;. Les filtres sont tr\u00e8s divers et ont beaucoup de fonctionnalit\u00e9s que vous pouvez explorer. L&rsquo;un d&rsquo;eux est Filtres &gt; Flou &gt; Flou gaussien. C&rsquo;est utile si vous voulez flouter une image ou une zone.<\/p>\n","protected":false},"featured_media":3664,"template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/bibliodos.eu\/fr\/wp-json\/wp\/v2\/practicesheet\/4418"}],"collection":[{"href":"https:\/\/bibliodos.eu\/fr\/wp-json\/wp\/v2\/practicesheet"}],"about":[{"href":"https:\/\/bibliodos.eu\/fr\/wp-json\/wp\/v2\/types\/practicesheet"}],"version-history":[{"count":0,"href":"https:\/\/bibliodos.eu\/fr\/wp-json\/wp\/v2\/practicesheet\/4418\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bibliodos.eu\/fr\/wp-json\/wp\/v2\/media\/3664"}],"wp:attachment":[{"href":"https:\/\/bibliodos.eu\/fr\/wp-json\/wp\/v2\/media?parent=4418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}