<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>SILICATE.NET &#187; retouche</title>
	<atom:link href="http://www.silicate.net/tag/retouche/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.silicate.net</link>
	<description>Informatique, photos, retouche d&#039;images, astuces…</description>
	<lastBuildDate>Sat, 17 Jul 2010 11:08:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Tuto GIMP &#8211; Image à bords flous (transparents)</title>
		<link>http://www.silicate.net/gimp/tutoriels-gimp/tutoriel-gimp-image-bords-transparents/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=tutoriel-gimp-image-bords-transparents</link>
		<comments>http://www.silicate.net/gimp/tutoriels-gimp/tutoriel-gimp-image-bords-transparents/#comments</comments>
		<pubDate>Fri, 12 Feb 2010 09:00:15 +0000</pubDate>
		<dc:creator>yerbouti</dc:creator>
				<category><![CDATA[Tutoriels Gimp]]></category>
		<category><![CDATA[bords flous]]></category>
		<category><![CDATA[contour flou]]></category>
		<category><![CDATA[Gimp]]></category>
		<category><![CDATA[retouche]]></category>
		<category><![CDATA[transparence]]></category>
		<category><![CDATA[tutoriel]]></category>

		<guid isPermaLink="false">http://www.silicate.net/?p=48</guid>
		<description><![CDATA[Rendre flous, (ou plus exactement transparents) les bords d'une photo ou d'une image.]]></description>
			<content:encoded><![CDATA[<div id="resume"><img class="imgGauche" usemap="#map" src="/wp-content/uploads/2009/12/webringGimp.png" alt="logo_webring_gimp_francophone" /></p>
<map name="map"><!-- #$-:Image Map file created by GIMP Imagemap Plugin --><!-- #$-:GIMP Imagemap Plugin by Maurits Rijk --><!-- #$-:Please do not edit lines starting with "#$" --><!-- #$VERSION:1.3 --><!-- #$AUTHOR:raymond LOGO:fred --></p>
<area shape="rect" coords="0,0,108,86" href="http://raymond.ostertag.free.fr/php/webring.php3" alt="lien aléatoire" />
<area shape="rect" coords="0,92,108,109" href="http://raymond.ostertag.free.fr/html/webring.html" alt="liste des sites" /></map>
<p style="margin-top: 0px;">En cliquant sur l’image ci contre, vous accédez au WebRing français de Gimp.</p>
<p>Rendre flous, (ou plus exactement transparents) les bords d&#8217;une photo ou d&#8217;une image.</p>
<p>Article modifié pour être plus &laquo;&nbsp;accessible&nbsp;&raquo;. <img src='http://www.silicate.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
</div>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="ancre1"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#ancre1">Intro</a> &#8211; <a href="#alpha">Canal alpha</a> &#8211; <a href="#masques">Masques (initiation)</a> &#8211; <a href="#masques2">Les bords flous</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h3>Avant propos</h3>
<p>Pour aborder ce didacticiel, il serait utile de connaître le fonctionnement des masques, mais à contrario, cela peut aussi être un bon moyen d&#8217;en comprendre l&#8217;utilité. Le 	 didacticiel est donc accessible même si vous ne pratiquez pas encore les masques.</p>
<p>Pour la matière, je suis allé chercher une image sur le site &laquo;&nbsp;http://www.photo-libre.fr/&nbsp;&raquo; (lien cassé ?). Je place cette image en téléchargement ici en cas de modification du lien d&#8217;origine. <em>(Clic-droit sur la miniature puis enregistrer la cible du lien sous&#8230;)</em><br />
<a href="http://www.silicate.net/wp-content/uploads/2010/01/ronds.jpg"> <img title="Téléchargez l'image des ronds dans l'eau." src="/wp-content/uploads/2010/01/ronds.ico" alt="" /></a></p>
<p><img class="alignright" title="Ronds dans l'eau" src="/wp-content/uploads/2010/01/bordsFlous150.png" alt="" width="150" height="150" /></p>
<h4>But de l&#8217;opération, rendre flous les bords d&#8217;une photo&#8230;</h4>
<p style="text-align: right;">&#8230;pour obtenir ceci :</p>
<p>A y regarder de plus près, les bords ne sont pas flous mais sont simplement affectés d&#8217;une transparence en dégradé.<br />
On ne parlera donc plus de flou mais de transparence.</p>
<h4>Comment rendre transparents les bords d&#8217;une image ?</h4>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="alpha"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#ancre1">Intro</a> &#8211; <a href="#alpha">Canal alpha</a> &#8211; <a href="#masques">Masques (initiation)</a> &#8211; <a href="#masques2">Les bords flous</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h3>Canal Alpha</h3>
<p><img class="alignright" title="Palette d'outils gimp et fenêtre des calques" src="/wp-content/uploads/2010/01/tuto03-01.jpg" alt="" width="200" height="321" /></p>
<p>Qui dit transparence dit canal alpha. Le terme peut sembler barbare aux débutants mais il ne s&#8217;agit que de la transparence. Chaque pixel est plus ou moins rouge, plus ou moins vert, plus ou moins bleu et plus ou moins transparent. C&#8217;est tout !</p>
<p>Certaines images contiennent des informations de transparence (.png par exemple) et d&#8217;autres n&#8217;en contiennent pas (.jpg). Notre image de départ est un jpeg, elle ne contient pas de canal alpha d&#8217;origine et nous allons simplement lui en ajouter un.</p>
<p>Ouvrez dans Gimp l&#8217;image des ronds dans l&#8217;eau.</p>
<p>Ouvrez la fenêtre des calques si ce n&#8217;est déjà fait (CTRL + L) et par clic droit sur l&#8217;unique calque (nommé ici &laquo;&nbsp;Arrière plan&nbsp;&raquo;), faites &laquo;&nbsp;Ajouter un canal alpha&nbsp;&raquo;. Vous constaterez que le titre du calque ne sera plus en caractères gras.</p>
<h3>Enregistrement en xcf</h3>
<p>Puisqu&#8217;on ne le dira jamais assez, j&#8217;ose ici suggérer d&#8217;<strong>enregistrer dès maintenant l&#8217;image en format xcf</strong>, par exemple ronds.xcf.</p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="masques"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#ancre1">Intro</a> &#8211; <a href="#alpha">Canal alpha</a> &#8211; <a href="#masques">Masques (initiation)</a> &#8211; <a href="#masques2">Les bords flous</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h3>Les masques : Introduction</h3>
<p><strong>Attention, tout ce paragraphe ne sert à rien pour l&#8217;image finale et ne sert qu&#8217;à se familiariser avec les masques.</strong></p>
<p>Notre image accepte maintenant les transparences. Vous pouvez désirer un effet de transparence sur fond coloré, blanc, noir, ou même sur un fond transparent, ce qui a l&#8217;avantage de pouvoir placer l&#8217;image n&#8217;importe où. Les images png sont essentiellement de ce type, plus ou moins transparentes sur fond transparent. Cela peut sembler surprenant mais nous allons tenter d&#8217;y voir plus clair (sic).</p>
<p>Ajoutons un nouveau calque et appliquons un dégradé coloré.<br />
<em>(Menu Calques\Nouveau calque, type de remplissage indifférent, puis double clic sur l&#8217;outil &laquo;&nbsp;dégradé&nbsp;&raquo; pour choisir un dégradé coloré &#8211; J&#8217;ai pour cet exemple choisi Carribean blues)</em><br />
Dans la fenêtre des calques, faisons glisser le nouveau calque en bas de la pile.</p>
<p>Dans la fenêtre des calques, clic droit sur le calque initial (arrière plan) et &laquo;&nbsp;Ajouter un masque de calque&nbsp;&raquo;, avec l&#8217;option &laquo;&nbsp;Blanc (opacité complète)&nbsp;&raquo;. Un rectangle blanc apparaît à droite du calque, dans la fenêtre des calques.</p>
<p><img class="alignright" title="Sélection des masques dans la fenêtre des calques" src="/wp-content/uploads/2010/01/masqueSelection.jpg" alt="" width="400" height="139" /></p>
<p>Toujours à titre pédagogique, dans la fenêtre des calques, cliquez alternativement sur l&#8217;image du calque puis sur le rectangle blanc qui lui est juxtaposé afin de bien voir le liseré blanc indiquant qui, du calque ou de son masque est sélectionné. Il n&#8217;est au début pas évident de réaliser que le masque blanc soit encadré de blanc !<br />
A gauche, le masque est sélectionné alors qu&#8217;à droite, c&#8217;est le calque.</p>
<p>Maintenant, alors que le masque est sélectionné, peignez en noir une certaine zone, puis en gris une autre zone et pour finir, repeignez en blanc une zone qui chevauche les deux autres. Vous constaterez que dans la zone noire, le calque laisse passer 100% du calque inférieur, dans la zone grise, il en laisse passer 50 % et dans la zone blanche, il ne laisse plus rien passer.</p>
<ul>
<li>Masque noir implique calque transparent</li>
<li>Masque gris implique calque à moitié transparent</li>
<li>Masque blanc implique calque opaque</li>
</ul>
<p><img class="alignnone" title="Effets du masque" src="/wp-content/uploads/2010/01/masques.jpg" alt="" width="600" height="450" /></p>
<hr class="ghost" />
<img class="alignright" title="Masque visible ou non" src="/wp-content/uploads/2010/01/AltCtrlMasque.jpg" alt="" width="400" height="132" /> Pour finir avec la digression, dans la fenêtre des calques, faites Alt-clic ou CTRL-clic sur le masque, le liseré du masque deviendra rouge ou vert. Rouge lorsque l&#8217;action du masque sera annulée (comme s&#8217;il n&#8217;y avait pas de masque) et vert lorsque le masque sera affiché sans son calque.</p>
<p>Voilà, nous savons tout sur les masques, passons à une application.</p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="masques2"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#ancre1">Intro</a> &#8211; <a href="#alpha">Canal alpha</a> &#8211; <a href="#masques">Masques (initiation)</a> &#8211; <a href="#masques2">Les bords flous</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h3>Les masques : Application</h3>
<p>Nous reprenons l&#8217;image xcf que nous avions enregistrée avant la précédente digression. Nous avons un calque unique, muni de son canal alpha, <em>(ce qui se voit aux caractères fins du titre de ce calque dans la fenêtre des calques)</em>.</p>
<p>Facultatif et provisoire, juste pour mieux comprendre et ne pas confondre le blanc du masque et le blanc de l&#8217;arrière plan, on ajoute un calque d&#8217;une couleur qui tranche avec notre image, que l&#8217;on place en dessous de la pile. On enlèvera ce calque plus tard.</p>
<p><img class="alignleft" title="masque avec flou" src="/wp-content/uploads/2010/02/image-bords-flous-001.jpg" alt="" /></p>
<p>Par simple souci logique, nous renommons le calque de l&#8217;image en &laquo;&nbsp;Ronds&nbsp;&raquo; et le nouveau calque en &laquo;&nbsp;Fond&nbsp;&raquo;. <em>(Pas toujours facile de renommer les calques avec Gimp : double clic sur le titre du calque, modifier puis validez avec la touche &laquo;&nbsp;entrée&nbsp;&raquo;)</em></p>
<p>Sur le calque &laquo;&nbsp;ronds&nbsp;&raquo;, on ajoute un masque : <em>(Depuis la fenêtre des calques (CTRL + L) par clic droit sur le calque concerné on choisit &laquo;&nbsp;Ajouter un masque de calque&#8230;&nbsp;&raquo;)</em></p>
<p>Une fenêtre de dialogue s&#8217;ouvre pour proposer plusieurs options de masque, le plus simple pour la suite, une fois que vous aurez bien compris le principe, serait de prendre un masque noir, mais dans l&#8217;immédiat, pour des raisons de simplicité pédagogique, prenez l&#8217;habitude de toujours choisir le masque blanc.<br />
Alors on prend le masque blanc. <img src='http://www.silicate.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>On clique (simple clic) sur la petite vignette du masque blanc par sécurité, pour s&#8217;assurer que le masque soit bien sélectionné, puis dans l&#8217;image des ronds dans l&#8217;eau, on sélectionne un rectangle. Par un CTRL + I ou par le menu &laquo;&nbsp;Sélection / Inverser&nbsp;&raquo;, on inverse la sélection. <em>(Le bord de l&#8217;image est alors parcouru par ce que l&#8217;on nomme &laquo;&nbsp;Chemin de fourmis&nbsp;&raquo;, qui nous indique que c&#8217;est bien l&#8217;extérieur du précédent rectangle qui est sélectionné.)</em>. Et pour finir, avec l&#8217;outil de remplissage (pot de peinture), on remplit de noir l&#8217;extérieur du rectangle.</p>
<p><img class="alignleft" title="masque avec flou" src="/wp-content/uploads/2010/02/image-bords-flous-002.jpg" alt="" /></p>
<p>Tout ce qui est noir dans le masque correspond dans l&#8217;image à une zone transparente qui laisse voir le fond vert d&#8217;arrière plan.</p>
<p><img class="alignright" title="masque avec flou" src="/wp-content/uploads/2010/02/image-bords-flous-003.jpg" alt="" /></p>
<hr class="ghost" />
<h3>Application du flou</h3>
<p>Par CTRL + MAJ + A on enlève la sélection.</p>
<p>Ici, nous dupliquons le calque &laquo;&nbsp;Ronds&nbsp;&raquo; pour sauvegarder le travail précédent. Nous renommons le nouveau calque en &laquo;&nbsp;Flou&nbsp;&raquo; et enlevons la visibilité du calque &laquo;&nbsp;Ronds&nbsp;&raquo;.</p>
<p>On sélectionne le masque du calque &laquo;&nbsp;Flou&nbsp;&raquo; par un clic sur sa vignette puis par le menu &laquo;&nbsp;Filtres / Flou / Flou gaussien&nbsp;&raquo; on applique à ce masque un flou de rayon 100.</p>
<p>Faites un &laquo;&nbsp;Alt &#8211; Clic&nbsp;&raquo; sur la vignette du masque pour observer l&#8217;état du masque, puis un deuxième &laquo;&nbsp;Alt &#8211; Clic&nbsp;&raquo; pour revenir à l&#8217;affichage normal.</p>
<p>Enlevez la visibilité du calque &laquo;&nbsp;Fond&nbsp;&raquo; et enregistrez l&#8217;image en png, votre image à bords flous (transparents) est prête ! (Le damier visible dans Gimp indique la transparence mais n&#8217;apparaît pas lors de l&#8217;enregistrement en png.)</p>
<p><img class="alignright" title="masque avec flou" src="/wp-content/uploads/2010/02/image-bords-flous-004.jpg" alt="" /></p>
<hr class="ghost" />
<h3>Variante étoilée</h3>
<p>Je ne donne pas ici la méthode de construction d&#8217;une étoile. Il faut utiliser &laquo;&nbsp;Rendu/Figures géométriques&#8230;&nbsp;&raquo; Si cela intéresse quelqu&#8217;un, il n&#8217;y a qu&#8217;à me laisser un commentaire et je ferais un tuto sur le sujet.  <img src='http://www.silicate.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  </p>
<div class="note">L&#8217;utilisation d&#8217;une étoile est ici anecdotique et ne sert qu&#8217;à montrer qu&#8217;on peut tout imaginer dans la forme des masques. Cependant, devant la demande, j&#8217;ai rédigé un autre tutoriel pour expliquer en détail la <a href="http://www.silicate.net/gimp/tutosgimp/tutoriel-gimp-etoile-bords-flous/">fabrication de l&#8217;étoile</a>.</div>
<ul>
<li>Duplication du calque &laquo;&nbsp;Flou&nbsp;&raquo;</li>
<li>Renommage en &laquo;&nbsp;Etoile&nbsp;&raquo;</li>
<li>Suppression du masque (clic-droit supprimer le masque de calque)</li>
<li> Remettre un nouveau masque de calque (Clic-droit ajouter un masque de calque)</li>
<li>Tracer dans le masque une étoile blanche sur fond noir</li>
<li>Après suppression des sélections éventuelles, appliquer un flou assez important sur ce masque</li>
</ul>
<p><img class="alignleft" title="masque avec étoile" src="/wp-content/uploads/2010/01/masque04.jpg" alt="" /><br />
Vue du masque.</p>
<p>Et ci dessous résultat final.</p>
<hr class="ghost" />
<p><img class="alignleft" title="masque avec flou" src="/wp-content/uploads/2010/02/image-bords-flous-005.jpg" alt="" /></p>
<hr class="ghost" />
<p>Ci dessous, on peut juger de l&#8217;intérêt du png sur des pages &laquo;&nbsp;presque&nbsp;&raquo; blanches. A gauche un png, à droite un jpg sur fond blanc.</p>
<p><img class="alignright" title="masque avec flou" src="/wp-content/uploads/2010/02/image-bords-flous-006.jpg" alt="" width="260" /></p>
<p><img class="alignleft" title="étoile à bords flous" src="/wp-content/uploads/2010/01/etoile.png" alt="" width="260" /></p>
<hr class="ghost" />
<h3>Méthode de construction du masque</h3>
<p>Pour ce qui est de la méthode de construction du masque, <strong>une fois le principe compris</strong>, on fait comme on veut :</p>
<ul>
<li>Masque noir et peinture blanche dans la sélection, puis annulation de la sélection (CTRL MAJ A) et application d&#8217;un flou gaussien adéquat.</li>
<li>Masque blanc et peinture noire dans la sélection, annulation de la sélection, inversion des couleurs puis application du flou.</li>
<li>Sans doute est-il plus simple, lors de la création du masque, d&#8217;avoir fait à l&#8217;avance sa sélection et de prendre 	&laquo;&nbsp;Sélection&nbsp;&raquo; dans les options du masque, il ne restera qu&#8217;à enlever la sélection et flouter le masque.</li>
</ul>
<p><strong>Du moment que le masque soit blanc au centre et noir sur le pourtour !</strong></p>
<h3>Méthode rapide de floutage des bords d&#8217;une image</h3>
<p>Choisir une image, l&#8217;ouvrir dans Gimp et créer le masque. Ensuite, faire &laquo;&nbsp;Sélection / Tout sélectionner&nbsp;&raquo; ou CTRL + A, puis &laquo;&nbsp;Sélection / Réduire&#8230;&nbsp;&raquo; (20 pts, 50 pts, 200 pts, c&#8217;est selon le résultat souhaité et il faut faire des essais, ne pas oublier de cocher &laquo;&nbsp;réduire depuis le bord de l&#8217;image&nbsp;&raquo;). On peut adoucir la sélection si on souhaite des coins arrondis. Ensuite, on inverse la sélection et en sélectionnant le masque, on remplit de noir l&#8217;extérieur du rectangle. On termine en floutant le masque, puis on enregistre (comme toujours, d&#8217;abord en xcf puis en png pour garder la transparence.)</p>
<h3>Avertissement : Rayon du flou = diamètre.</h3>
<p>On pourrait logiquement penser qu&#8217;il suffirait de sélectionner un image, de réduire la sélection d&#8217;un certain nombre de points (50 par exemple) puis d&#8217;appliquer un flou d&#8217;un rayon très légerement inférieur (48) pour que le dégradé commence du bord de l&#8217;image sur une épaisseur de deux fois le rayon (96).</p>
<p>Je crois qu&#8217;il y a une erreur dans Gimp (sic!) et que le rayon du flou est en réalité le diamètre. J&#8217;ai vérifié en mesurant avec de forts grossissements de zoom.</p>
<p>En conséquence, en théorie on devrait appliquer un flou gaussien du double de la réduction. En fait, d&#8217;expérience, il faut se garder une petite marge.</p>
<p><img title="Rayon de flou 200" src="/wp-content/uploads/2010/01/200.png" alt="" width="180" /> <img title="Rayon de flou 170" src="/wp-content/uploads/2010/01/170.png" alt="" width="180" /> <img title="Rayon de flou 150" src="/wp-content/uploads/2010/01/150.png" alt="" width="180" /></p>
<hr class="ghost" />Sur ces trois images, la réduction est de 100 et le flou est respectivement, de gauche à droite : 200, 170, 150. Sur les deux premières, on remarque dans le haut de l&#8217;image une assez mauvaise transition entre image et fond.</p>
<p><strong>Rayon du flou sur le masque = 1,5 fois la valeur de la réduction de la sélection.</strong></p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="bas"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#ancre1">Intro</a> &#8211; <a href="#alpha">Canal alpha</a> &#8211; <a href="#masques">Masques (initiation)</a> &#8211; <a href="#masques2">Les bords flous</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<p>Vous pouvez utiliser tout ceci pour mixer des images et créer des bannières, en-têtes de sites, montages photos. (<a href="http://www.silicate.net/gimp/tutosgimp/melanger-des-images/">Voir le tutoriel &laquo;&nbsp;Mélanger des images&nbsp;&raquo;</a>)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.silicate.net/gimp/tutoriels-gimp/tutoriel-gimp-image-bords-transparents/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Tuto GIMP &#8211; Retouche photo d&#039;objet métallique</title>
		<link>http://www.silicate.net/gimp/tutoriels-gimp/tutoriel-gimp-retouche-photo-objet-metallique/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=tutoriel-gimp-retouche-photo-objet-metallique</link>
		<comments>http://www.silicate.net/gimp/tutoriels-gimp/tutoriel-gimp-retouche-photo-objet-metallique/#comments</comments>
		<pubDate>Sat, 02 Jan 2010 17:35:52 +0000</pubDate>
		<dc:creator>yerbouti</dc:creator>
				<category><![CDATA[Tutoriels Gimp]]></category>
		<category><![CDATA[Gimp]]></category>
		<category><![CDATA[objet métallique]]></category>
		<category><![CDATA[perspectives]]></category>
		<category><![CDATA[retouche]]></category>
		<category><![CDATA[tutoriel]]></category>

		<guid isPermaLink="false">http://www.silicate.net/?p=36</guid>
		<description><![CDATA[Les objets métalliques sont souvent difficiles à photographier à cause des reflets...]]></description>
			<content:encoded><![CDATA[<div id="resume">
<p><img class="imgGauche" usemap="#map" src="/wp-content/uploads/2009/12/webringGimp.png" alt="logo_webring_gimp_francophone" /></p>
<map name="map"><!-- #$-:Image Map file created by GIMP Imagemap Plugin --><!-- #$-:GIMP Imagemap Plugin by Maurits Rijk --><!-- #$-:Please do not edit lines starting with "#$" --><!-- #$VERSION:1.3 --><!-- #$AUTHOR:raymond LOGO:fred --></p>
<area shape="rect" coords="0,0,108,86" href="http://raymond.ostertag.free.fr/php/webring.php3" alt="lien aléatoire" />
<area shape="rect" coords="0,92,108,109" href="http://raymond.ostertag.free.fr/html/webring.html" alt="liste des sites" /></map>
<p style="margin-top: 0px;">En cliquant sur l’image ci contre, vous accédez au WebRing français de Gimp.</p>
<p>Photographier des objets métalliques est assez difficile, de nombreux reflets colorés indésirables apparaissent lors de l&#8217;impression alors qu&#8217;on ne les remarque pas lors de la prise de vue.</p>
<p>Pour passer de la photo de gauche à la photo de droite, nous allons donc :</p>
<ul>
<li>Redresser les perspectives ;</li>
<li>Détourer l&#8217;objet ;</li>
<li>Désaturer les parties métalliques tout en renforçant les couleurs ;</li>
<li>Augmenter la netteté ;</li>
<li>Créer une ombre légère ;</li>
<li>Enregistrer en png.</li>
</ul>
</div>
<p><!-- Fin du résumé de la page --></p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="ancre1"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#persp">Perspectives</a> &#8211; <a href="#detoure">Détourage</a> &#8211;  <a href="#desature">Désaturation</a> &#8211; <a href="#couleur">Couleurs</a> &#8211; <a href="#accent">Accentuation</a> &#8211; <a href="#omb">Ombre</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<p><img class="alignleft" title="Moule injection plastique" src="/wp-content/uploads/2009/12/origine.jpg" alt="moule injection plastique" width="275" height="184" /> <img class="alignright" title="Moule injection plastique" src="/wp-content/uploads/2009/12/final.png" alt="moule injection plastique" width="275" height="303" /><br />
<a href="http://www.silicate.net/wp-content/uploads/2009/12/tutoMetalOrigine.jpg">Téléchargez ici l&#8217;image originale</a>.</p>
<h3>Avant propos</h3>
<p>Nous allons utiliser pour ce didacticiel une bonne dizaine de calques que nous allons renommer au fur et à mesure.</p>
<p>Cela pourra sembler fastidieux, mais le but est que les modifications ne soient pas définitives afin de pouvoir à tout moment revenir sur nos pas.</p>
<p>N&#8217;oublions pas que pour dupliquer un calque, à partir de la fenêtre des calques que l&#8217;on affiche par &laquo;&nbsp;CTRL + L&nbsp;&raquo; il faut cliquer sur l&#8217;icône du bas, en forme de double écran, quatrième à partir de la gauche.</p>
<p>Ensuite, pour renommer le calque, après avoir double cliqué sur son titre et modifié le nom, <strong>c&#8217;est la touche &laquo;&nbsp;Entrée&nbsp;&raquo; qui valide la modification</strong>. (Casse-pieds mais bon&#8230;) <img src='http://www.silicate.net/wp-includes/images/smilies/icon_sad.gif' alt=':-(' class='wp-smiley' /> </p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="persp"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#persp">Perspectives</a> &#8211; <a href="#detoure">Détourage</a> &#8211;  <a href="#desature">Désaturation</a> &#8211; <a href="#couleur">Couleurs</a> &#8211; <a href="#accent">Accentuation</a> &#8211; <a href="#omb">Ombre</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h2>Perspectives</h2>
<p>Dans la première étape, nous supprimerons le fond de l&#8217;objet. Privé des lignes de fuites présentes dans les différents objets du fond (murs, tables&#8230;), l&#8217;objet risque alors de paraître déformé ou du moins avec une perpective peu naturelle. Nous allons donc &laquo;&nbsp;Verticaliser les verticales&nbsp;&raquo; (sic!). Attention, cette façon de procéder doit être adaptée à chaque cas, il est parfois utile de laisser malgré tout un petit angle.</p>
<h3>Duplication du calque (Sauvegarde)</h3>
<p>Ouvrons l&#8217;image avec Gimp, enregistrons-la tout de suite en format .xcf, affichons la fenêtre des calques (CRTL + L), dans cette dernière, sur le calque &laquo;&nbsp;Arrière plan&nbsp;&raquo;,  ajoutons par le clic droit un &laquo;&nbsp;Canal Alpha&nbsp;&raquo; puis dupliquons le calque, renommons le  calque ainsi obtenu &laquo;&nbsp;1 Origine&nbsp;&raquo; et masquons le calque &laquo;&nbsp;Arrière plan&nbsp;&raquo; en cliquant sur son oeil. (Nous avons ainsi une sorte de sauvegarde).</p>
<h3>Retaillage</h3>
<p><img src="/wp-content/uploads/2009/12/tuto02-01.jpg" alt="Retaillage de la photo originale" /></p>
<p>Avant toute opération sur l&#8217;image, nous allons la retailler en laissant une marge. L&#8217;empilement des calques augmentera le poids de l&#8217;image, il vaut mieux être économe dès le départ et éviter que les opérations de déformation ou d&#8217;ajustement des couleurs ne s&#8217;appliquent à des zones inutiles.</p>
<p>Un double clic sur l&#8217;outil de retaillage nous conduira à ses options, dans lesquelles nous vérifierons que la proportion de découpe n&#8217;est pas fixée.</p>
<p>Sur l&#8217;image ci-dessus nous avons surligné en rouge le cadre de retaillage.</p>
<p>Une fois fois l&#8217;image retaillée, n&#8217;oublions pas de l&#8217;enregistrer (.xcf).</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-02.jpg" alt="Photo retaillée" /></p>
<h3>Balance des blancs inutile</h3>
<p>Normalement, sur le calque &laquo;&nbsp;1 Origine&nbsp;&raquo;, je commence par vérifier la balance des blancs en contrôlant avec la pipette que dans les zones grises, blanches et noires, la répartition des rouges, verts et bleus soit équilibrée, quitte à compenser avec l&#8217;outil &laquo;&nbsp;Courbes&nbsp;&raquo;, canal par canal.<br />
Cette précaution est inutile ici car il y aura une étape de désaturation complète.</p>
<h3>Repères</h3>
<p>Dupliquons le calque et renommons le nouveau en &laquo;&nbsp;2 Perspective&nbsp;&raquo; avant de masquer la visibilité de &laquo;&nbsp;1 Origine&nbsp;&raquo;.</p>
<p>Avec un &laquo;&nbsp;cliquer-glisser&nbsp;&raquo; sur les règles (au bord de la fenêtre) on place des repères verticaux de chaque côté de la pièce métallique. Attention, comme toujours, si le comportement des repères ne correspond pas à ce qu&#8217;on en attend, c&#8217;est qu&#8217;il y a sans doute un réglage d&#8217;option bancal. Par exemple les options de l&#8217;outil de déplacement (accessibles par double clic sur l&#8217;outil) peuvent empêcher le déplacement des repères.</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-03.png" alt="Placement des repères" /></p>
<h3>Perspectives</h3>
<p>Une fois les repères placés, il est facile, avec l&#8217;outil de perspectives, de redresser les verticales à notre convenance. On clique sur l&#8217;outil &laquo;&nbsp;perspectives&nbsp;&raquo; (entouré de rouge ci-dessus) pour le sélectionner et on clique dans l&#8217;image. On tire alors horizontalement sur les poignées qui sont apparues à chaque angle, on valide dans la fenêtre adéquate en cliquant sur le bouton &laquo;&nbsp;Transformer&nbsp;&raquo; et le tour est joué.</p>
<p>Ceci fait, on enregistre en .xcf, on duplique le calque en cours, nommé &laquo;&nbsp;3 Détourage&nbsp;&raquo; et on désactive la visibilité du précédent.</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-04.png" alt="Les verticales sont redressées" /></p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="detoure"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#persp">Perspectives</a> &#8211; <a href="#detoure">Détourage</a> &#8211;  <a href="#desature">Désaturation</a> &#8211; <a href="#couleur">Couleurs</a> &#8211; <a href="#accent">Accentuation</a> &#8211; <a href="#omb">Ombre</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h2>Détourage</h2>
<p>Pour détouger l&#8217;objet (supprimer tout ce qui est inutile autour), nous allons utiliser principalement l&#8217;outil chemin et dans une moindre mesure le masque rapide, la sélection par couleur et la combinaison de sélections.</p>
<p>Une fois les sélections terminées, nous les enregistrerons dans des canaux afin de pouvoir les retrouver facilement ultérieurement.</p>
<h3>Suppression des repères.</h3>
<p>Avant de commencer le travail de sélection, nous supprimons, ou nous masquons les repères en pointillés bleu qui sont devenus inutiles. Cela se fait avec l&#8217;outil déplacement, on attrape le repère qui devient rouge et on le déplace en dehors de l&#8217;image. Si cela ne fonctionne pas, c&#8217;est que les options de l&#8217;outil déplacement sont mal réglées (Double clic sur l&#8217;outil déplacement) et qu&#8217;il faut alors déplacer le repère avec la touche Majuscule enfoncée.</p>
<p>Sinon, on fait &laquo;&nbsp;Menu Affichage / Afficher les guides&nbsp;&raquo;.</p>
<h3>Outil chemins</h3>
<p>C&#8217;est un outil qui demande un peu de pratique. Ne pas oublier deux ou trois choses :</p>
<ul>
<li>Au cours du tracé, le dernier point doit être sélectionné sinon au clic suivant, on crée un nouveau départ de chemin.</li>
<li>CTRL Clic sur le point de départ pour fermer le chemin</li>
<li>CTRL Clic sur la courbe entre deux points pour créer un point intermédiaire</li>
<li>Cliquer Glisser sur la courbe entre deux points pour déformer la courbe et faire apparaître les poignées de tangence</li>
</ul>
<p>Bon, je ne vais pas refaire la doc qui se trouve ici : <a href="http://docs.gimp.org/fr/gimp-using-paths.html"> Les chemins</a> ou dans la doc interne au chapitre 7-5.</p>
<p>La création du chemin est assez facile sur le pourtour de la pièce. On utilise à outrance l&#8217;outil Zoom et le déplacement de l&#8217;image par le glissé avec barre d&#8217;espace enfoncée. On déplace à volonté les points et les courbes intermédiaires. En revanche, la crémaillère en haut de l&#8217;objet serait fastidieuse à suivre avec les chemins et nous la sélectionnerons plus tard.</p>
<div class="note">Sur l&#8217;image qui suit, pour mieux faire ressortir le tracé du chemin, j&#8217;ai ajouté un calque provisoire blanc avec un effet de transparence. Les chemins (comme les sélections) ne sont pas dépendants des calques et sont stockés dans une zone à part, à laquelle on accède par &laquo;&nbsp;Fenêtre / Fenêtres ancrables / Chemins&nbsp;&raquo;. Tous les chemins tracés sont accessibles par cette fenêtre et sont récupérables même s&#8217;ils ne sont plus affichés.</div>
<p><img src="/wp-content/uploads/2009/12/tuto02-05.jpg" alt="Tracé du chemin" width="550" height="305" /></p>
<p>Sur l&#8217;image ci dessus, on distingue le chemin, avec son point de départ à gauche, les points intermédiaires et le point final actuel (rond vide). Comme j&#8217;ai glissé la souris lors du positionnement du dernier point, deux poignées carrées sont apparues. On voit aussi que le tracé du chemin est très approximatif, ce qui est vraiment sans importance pour l&#8217;instant.</p>
<p>On continue le tour de l&#8217;objet assez rapidement, sans trop nous préoccuper de la précision pour l&#8217;instant, et surtout en évitant la partie dentelée du haut de la pièce que nous sélectionnerons par une autre méthode, on termine par un CTRL clic sur le point de départ afin de fermer le chemin.</p>
<p>Un enregistrement (CTRL + S) ne fait pas de mal de temps en temps <img src='http://www.silicate.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<div class="note">Pour retrouver un chemin qu&#8217;on aurait accidentellement perdu, on ouvre la fenêtre des chemins (Menu Fenêtres / Fenêtres ancrables / Chemins) et on joue sur la visibilité des chemins qui s&#8217;y trouvent. Ensuite, on clique sur le chemin avec l&#8217;outil chemin pour faire apparaître les points d&#8217;édition.</div>
<p><img src="/wp-content/uploads/2009/12/tuto02-06.jpg" alt="Tracé approximatif du chemin" /></p>
<p>Sur cette image (dont le chemin est toujours mis en évidence par ajout d&#8217;un calque blanc à moitié transparent), on voit que la crémaillère du haut n&#8217;est pas tracée et que le chemin est loin d&#8217;être parfait (J&#8217;ai forcé le trait).</p>
<p>Il faut donc maintenant reprendre le chemin avec un zoom très important pour l&#8217;ajuster le plus précisément possible à l&#8217;objet. Pour cela, on peut déplacer les points du chemin, on peut ajouter des points intermédiaires (CTRL clic sur la courbe, entre deux points d &#8216;édition), on peut modifier la direction du chemin en jouant sur les poignées carrées de tangence.</p>
<div class="note">Pour faire apparaître des poignées carrées de tangence lorsqu&#8217;il n&#8217;y en a pas, il suffit de cliquer-glisser sur la courbe à côté du point d&#8217;édition concerné, puis de corriger les inclinaisons des nouvelles poignées qui sont apparues.</div>
<p><img src="/wp-content/uploads/2009/12/tuto02-07.jpg" alt="Correction du chemin" /></p>
<p>Ci dessous, j&#8217;ai fait une erreur volontaire pour illustrer l&#8217;utilisation du masque rapide (voir plus bas).</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-08.jpg" alt="Erreur volontaire" /></p>
<h4>Selection depuis chemin</h4>
<p>Une fois notre chemin bien ajusté, nous allons le transformer en sélection. Dans l&#8217;image, nous faisons &laquo;&nbsp;Clic droit / Sélection / Sélection depuis chemin&nbsp;&raquo; et voici notre chemin parcouru par l&#8217;habituel &laquo;&nbsp;Chemin de fourmis&nbsp;&raquo; typique des sélections.</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-09.jpg" alt="Transformation en sélection" /></p>
<p>Nous allons tout de suite enregistrer cette sélection pour la mettre à l&#8217;abri : &laquo;&nbsp;Clic droit / Sélection / Enregistrer dans un canal&nbsp;&raquo;. La fenêtre des canaux s&#8217;ouvre et montre le nouveau canal ainsi créé. Nous pouvons le nommer &laquo;&nbsp;Pourtour&nbsp;&raquo;.</p>
<p>Piège classique : ne pas oublier de remettre en premier plan la fenêtre des calques puis de sélectionner le calque &laquo;&nbsp;3 Détourage&nbsp;&raquo;&#8230;</p>
<h3>Masque rapide</h3>
<p>Le masque rapide est un autre moyen de sélection très pratique. Nous allons l&#8217;utiliser ici pour corriger rapidement notre sélection volontairement approximative (ci-dessus).</p>
<p>Un clic sur le petit bouton en bas à gauche de la fenêtre d&#8217;image place un masque rouge transparent sur l&#8217;image. Tout deviendra rouge à l&#8217;exception de ce qui était sélectionné. Il suffit alors de modifier l&#8217;étendue de la zone rouge avec un pinceau pour qu&#8217;en appuyant de nouveau sur le bouton en bas à gauche, la sélection soit modifiée à notre convenance. Le pinceau noir peint en rouge, le pinceau blanc enlève le rouge.</p>
<p>On conseille de choisir une brosse aux bords flous, voire un aérographe. et de jouer avec la touche &laquo;&nbsp;X&nbsp;&raquo; qui alterne le noir et le blanc (avant plan et arrière plan de l&#8217;outil couleur).</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-10.jpg" alt="Masque rapide" /></p>
<p>Ci-dessus : Avant ajustement avec le pinceau, ci-dessous : après ajustement avec le pinceau.</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-11.jpg" alt="Corrections dans le masque rapide" /></p>
<p>Ci-dessous : une fois revenu en mode sélection (bouton en bas à gauche) on constate que le défaut de sélection est corrigé. Bien que la partie du haut de l&#8217;objet ne soit pas encore délimitée, nous allons enregistrer cette nouvelle sélection dans un autre canal, sous le nom &laquo;&nbsp;Pourtour2&#8243;.</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-12.jpg" alt="Le pourtour est sélectionné" /></p>
<h3>Sélection par couleur</h3>
<p>La crémaillère est assez contrastée, nous allons sélectionner la zone claire entre les deux zones sombres.</p>
<p>Notre précédente sélection est à l&#8217;abri dans le canal &laquo;&nbsp;Pourtour2&#8243;. Nous revenons dans la fenêtre des calques et sélectionnons le calque &laquo;&nbsp;3 Détourage&nbsp;&raquo;. Nous choisissons l&#8217;outil de sélection par couleur en zones contigües (forme de baguette magique) en réglant le seuil à notre convenance (par un double clic sur l&#8217;outil, commencez par essayer à 15).</p>
<p>Un clic au beau milieu de la zone à sélectionner, puis un ou plusieurs autres tout en maintenant la touche majuscule vont permettre de sélectionner la zone à peu près comme ci-dessous. Rappellons si besoin est que pour une meilleure visibilité des chemins et sélections, nous avons ajouté un masque blanc semi transparent, mais que ce n&#8217;est pas utile pour vous.</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-13.jpg" alt="Sélection par couleur" /></p>
<p>Nous allons terminer la sélection au lasso, en utilisant la touche CTRL pour enlever de la sélection ou la touche MAJ pour en ajouter.</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-14.jpg" alt="Crémaillère sélectionnée" /></p>
<p>Nous enregistrons la nouvelle sélection dans un canal nommé &laquo;&nbsp;Crémaillère&nbsp;&raquo; (Clic droit / Sélection / Enregistrer dans un canal)</p>
<h3>Intersection de sélections</h3>
<p>Ici, c&#8217;est une question de logique. Les sélections peuvent s&#8217;ajouter, se soustraire, s&#8217;intersecter, s&#8217;inverser et avec ces quatre opérations on peut tout faire.<br />
Dans notre cas, nous allons inverser la sélection &laquo;&nbsp;Crémaillère&nbsp;&raquo; en cours (Menu Sélection / Inverser, le chemin de fourmis doit se voir sur le bord de l&#8217;image) puis prendre l&#8217;intersection de cette nouvelle sélection avec celle que nous avions stockée plus tôt sous le nom &laquo;&nbsp;Pourtour2&#8243;. Pour cela, Ouvrir la fenêtre des canaux, puis clic droit sur le canal &laquo;&nbsp;Pourtour2&#8243; &#8211; &laquo;&nbsp;Intersection avec la sélection&nbsp;&raquo;.</p>
<h3>Peaufinage de la sélection</h3>
<p>Avec un zoom très fort et l&#8217;utilisation du &laquo;&nbsp;Barre d&#8217;espace &#8211; Glissé&nbsp;&raquo; nous faisons un dernier tour de la sélection pour voir si quelque chose nous gênerait, que nous corrigerions bien sûr.</p>
<h3>Adoucissement de la sélection</h3>
<p>Nous pouvons maintenant adoucir la sélection, par exemple de 5 pixels, (Voir la <a href="http://docs.gimp.org/fr/gimp-painting.html#id2971074">définition de l&#8217;adoucissement</a> dans la doc) avant de l&#8217;enregistrer dans un nouveau canal. Nous renommerons ce canal &laquo;&nbsp;Détourage&nbsp;&raquo;. Si d&#8217;aventure nous en avions besoin, nous pourrions retrouver facilement cette étape de sélection.</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-15.jpg" alt="Sélection terminée" /></p>
<h3>Détourage</h3>
<p>On inverse la sélection, puis par appui sur la touche &laquo;&nbsp;Suppr&nbsp;&raquo; (delete), nous supprimons tout ce qui se trouve autour de notre objet. Nous voyons apparaître le damier gris. Si tel n&#8217;est pas le cas, c&#8217;est que nous avons probablement oublié d&#8217;ajouter un canal alpha au calque (Clic droit / Ajouter un canal Alpha puis de nouveau suppression).</p>
<p>Ci-dessous : image détourée.</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-16.jpg" alt="Image détourée" /></p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="desature"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#persp">Perspectives</a> &#8211; <a href="#detoure">Détourage</a> &#8211;  <a href="#desature">Désaturation</a> &#8211; <a href="#couleur">Couleurs</a> &#8211; <a href="#accent">Accentuation</a> &#8211; <a href="#omb">Ombre</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h2>Désaturation</h2>
<p>Nous allons désaturer l&#8217;objet, c&#8217;est à dire lui enlever les éventuels reflets colorés, mais comme certaines zones contiennent des couleurs qu&#8217;il est important de conserver, nous allons commencer par mettre de côté pour plus tard une copie du calque &laquo;&nbsp;3 détourage&nbsp;&raquo; renommée &laquo;&nbsp;4 Couleurs&nbsp;&raquo;.</p>
<p>Une fois ce calque &laquo;&nbsp;4 Couleurs&nbsp;&raquo; créé, nous lui enlevons la visibilité.</p>
<p>Nous dupliquons à nouveau le calque &laquo;&nbsp;3 Détourage&nbsp;&raquo; pour créer un calque &laquo;&nbsp;5 Désaturation&nbsp;&raquo;, puis par &laquo;&nbsp;Couleurs/Désaturer&nbsp;&raquo; nous supprimons les traces de couleur. (Ici, je choisis dans la fenêtre qui est apparue la nuance de gris basée sur la luminosité.)</p>
<p>Nous pouvons aussi supprimer la sélection (CTRL MAJ A) ou la masquer (CTRL T).</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-17.jpg" alt="Image désaturée" /></p>
<h3>Amélioration des contrastes</h3>
<p>Dupliquons le calque &laquo;&nbsp;5 Désaturation&nbsp;&raquo; et nommons le nouveau &laquo;&nbsp;6 Négatif superposé&nbsp;&raquo;. Dupliquons à nouveau ce dernier calque, sans le renommer car il va être fusionné rapidement. Puis comme on peut le supposer, on passe le calque &laquo;&nbsp;copie 6 négatif superposé&nbsp;&raquo; en &laquo;&nbsp;Couleurs/inverser&nbsp;&raquo; et nous choisissons le mode de fusion &laquo;&nbsp;Superposer&nbsp;&raquo; avant de faire un &laquo;&nbsp;clic-droit / Fusionner vers le bas&nbsp;&raquo;. Ceci a pour effet d&#8217;assombrir les zones surexposées et d&#8217;éclaircir les zones sous exposées.</p>
<p>Sur le calque &laquo;&nbsp;6 Négatif superposé&nbsp;&raquo;, nous pouvons faire jouer les courbes ou niveaux, j&#8217;ai ici simplement fait un réglage de niveaux automatique</p>
<p>Pour atténuer légèrement l&#8217;effet sans toucher au calque &laquo;&nbsp;5 désaturation&nbsp;&raquo;, j&#8217;ai dupliqué ce dernier, j&#8217;ai placé le calque &laquo;&nbsp;Copie de 5 Désaturation&nbsp;&raquo; au dessus de la pile, avec une transparence de 40% et je l&#8217;ai fusionné vers le bas.</p>
<div class="note">Cela peut sembler compliqué comme méthode, nous aurions pu mettre une transparence au calque &laquo;&nbsp;6 négatif superposé&nbsp;&raquo; puis le fusionner vers le bas, mais cela aurait modifié &laquo;&nbsp;5 Désaturation&nbsp;&raquo; que je tiens à garder intact pour pouvoir recommencer certaines opérations si nécessaire.</div>
<p><img src="/wp-content/uploads/2009/12/tuto02-18.jpg" alt="Négatif superposé" /></p>
<p><img src="/wp-content/uploads/2009/12/tuto02-19.jpg" alt="Négatif superposé" /></p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="couleur"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#persp">Perspectives</a> &#8211; <a href="#detoure">Détourage</a> &#8211;  <a href="#desature">Désaturation</a> &#8211; <a href="#couleur">Couleurs</a> &#8211; <a href="#accent">Accentuation</a> &#8211; <a href="#omb">Ombre</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h2>Traitement des couleurs</h2>
<p>Dupliquons le calque &laquo;&nbsp;4 Couleurs&nbsp;&raquo;, renommons la copie en &laquo;&nbsp;7 Couleurs renforcées&nbsp;&raquo; et plaçons ce dernier au dessus de la pile des calques.</p>
<p>Nous renforçons les couleurs par le menu &laquo;&nbsp;Couleurs / Auto / Renforcer les couleurs&nbsp;&raquo;.</p>
<p>Avec l&#8217;outil de sélection par couleurs, dont le seuil est ajusté selon notre convenance (ici : 20), nous sélectionnons le rouge, en plusieurs passes (à chaque fois : Majuscule clic pour ajouter à la sélection courante), avec du zoom incessant en avant arrière pour vérifier que la sélection n&#8217;aille trop toucher des zones métalliques non concernées (CTRL Z au besoin).</p>
<p>Même chose avec le bleu, avec précaution puisque les parties foncées pourraient se confondre avec le noir.</p>
<p>Une fois cette sélection faite, nous l&#8217;agrandissons d&#8217;un pixel puis nous la réduisons  d&#8217;un pixel. Ainsi, des pixels isolés qui n&#8217;auraient pas été sélectionnés rejoignent&#8217;ils la sélection sans que celle ci ne soit modifiée au final. En outre, comme sur le zoom nous constatons que les couleurs débordent un peu de la sélection, nous allons agrandir celle-ci d&#8217;un pixel.</p>
<div class="note">Bien sûr, on aurait du faire &laquo;&nbsp;Agrandir de deux puis réduire d&#8217;un seul&nbsp;&raquo; mais c&#8217;est pour mieux me faire comprendre !</div>
<p><img src="/wp-content/uploads/2009/12/tuto02-20.jpg" alt="Sélections parasites" /></p>
<p>Ci-dessus, nous constatons quelques accidents de sélection, des pixels noirs de la partie métallique ont été intégrés alors qu&#8217;ils n&#8217;auraient pas dû. Nous allons donc les entourer avec l&#8217;outil lasso, conjointement avec la touche CTRL, pour les déselectionner. Puis nous allons enregistrer cette nouvelle sélection dans un canal nommé &laquo;&nbsp;Rouge et Bleu&nbsp;&raquo;.</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-21.jpg" alt="Sélection au masque rapide" /></p>
<p>Histoire de chipoter, nous allons sélectionner les toutes petites parties jaune à gauche de l&#8217;objet. Le plus simple sera d&#8217;utiliser le masque rapide. Une fois la sélection des zones jaune terminées, nous venons dans la fenêtre des canaux et sur le canal &laquo;&nbsp;Rouge et Bleu&nbsp;&raquo;, nous faisons un clic droit &laquo;&nbsp;Ajouter le canal à la selection&nbsp;&raquo;. Nous avons donc maintenant une selection de l&#8217;ensemble des zones colorées. Nous adoucissons de 3 pixels et enregistrons dans un canal nommé &laquo;&nbsp;Couleurs&nbsp;&raquo;.</p>
<p>Il ne reste plus qu&#8217;a supprimer tout ce qui ne fait pas partie de la sélection &laquo;&nbsp;Couleurs&nbsp;&raquo;. Pour cela, nous inversons la sélection &laquo;&nbsp;Menu sélection / Inverser&nbsp;&raquo; puis à supprimer. Il ne restera plus alors qu&#8217;à remettre l&#8217;affichage du calque &laquo;&nbsp;6 Négatif superposé&nbsp;&raquo; pour avoir une idée du rendu final.</p>
<p>Puisque nous en sommes aux couleurs, nous allons en profiter pour en modifier l&#8217;aspect. Nous sélectionnons le calque &laquo;&nbsp;Couleurs renforcées&nbsp;&raquo; puis affichons la fenêtre de dialogues des courbes pour donner une forme en cloche comme ci-dessous, avant de valider et d&#8217;enregistrer le tout.</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-22.jpg" alt="Renforcement des couleurs" /></p>
<h3>Fusion de calques</h3>
<p>Pour appliquer les derniers effets, nous aurons besoin de fusionner les calques de couleurs et de métal désaturé en un seul calque. Comme nous voulons garder la possibilité de revenir sur toutes les étapes de la construction de l&#8217;image, nous allons duppliquer les calques &laquo;&nbsp;7 Couleurs renforcées&nbsp;&raquo; ET &laquo;&nbsp;6 Négatif superposé&nbsp;&raquo; puis fusionner ces deux copies en un seul calque nommé &laquo;&nbsp;8 Fusion&nbsp;&raquo;. Pour cela, on peut par exemple mettre les deux copies au sommet de la pile de calques et sur le plus haut faire un &laquo;&nbsp;Clic droit &#8211; Fusionner vers le bas&nbsp;&raquo;, avant de le renommer et d&#8217;enregistrer le travail.</p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="accent"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#persp">Perspectives</a> &#8211; <a href="#detoure">Détourage</a> &#8211;  <a href="#desature">Désaturation</a> &#8211; <a href="#couleur">Couleurs</a> &#8211; <a href="#accent">Accentuation</a> &#8211; <a href="#omb">Ombre</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h2>Accentuation</h2>
<h3>GreycStoration</h3>
<p>Il existe beaucoup de techniques d&#8217;accentuation. Ceci n&#8217;en est qu&#8217;une parmi d&#8217;autres. Nous allons commencer par réduire le bruit de l&#8217;image avec GREYCStoration, un plugin Gimp que l&#8217;on trouve ici : <a href="http://cimg.sourceforge.net/greycstoration/">Site officiel GREYCStoration</a>. Vérifions avec le zoom que le grain des surfaces métalliques est réduit. Cela doit occasionner un léger flou que nous allons rectifier ensuite.</p>
<p><span style="color: #ff0000;"><strong>Attention, le processus de GREYCStoration est long et gourmand en ressources, méfiez-vous des plantages, enregistrez votre travail avant !</strong></span></p>
<p>Si vous ne disposez pas du plugin, faites un très léger flou sur les zones trop granulées</p>
<p>Sur l&#8217;image ci dessous, j&#8217;ai ajouté un masque triangulaire pour présenter &laquo;&nbsp;Avec ou Sans GREYCStoration&nbsp;&raquo; <em>(GreyStoration étant utilisé avec ses options par défaut)</em>.</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-23.jpg" alt="Avec ou sans GreyStoration" /></p>
<h3>Filtre passe-haut</h3>
<p>En utilisant un autre plugin, le <a href="http://registry.gimp.org/node/7385">Filtre passe haut</a>, nous allons faire une accentuation. (Si vous n&#8217;avez pas le plugin, vous vous contenterez de renforcer légèrement la netteté par le menu &laquo;&nbsp;Filtres / Améliorations/ Renforcer la netteté&nbsp;&raquo;.</p>
<p>Lors du lancement du plugin, par le menu &laquo;&nbsp;Filtres / Génériques / High Pass Filter&nbsp;&raquo;, un calque gris va être créé, qu&#8217;il faudra basculer en mode fusion de grain. Une fois ceci fait, on constate une amélioration de la netteté, qui peut être encore accentuée par simple duplication de ce dernier calque. Attention cependant aux excès de netteté. Dans notre cas, les zones de couleurs sont vites entourées d&#8217;un halo de couleur complémentaire.</p>
<p>La solution que j&#8217;ai employée ici consiste à accentuer les niveaux sur une copie du calque gris (copie qui sera le 12ème calque et sera donc nommée &laquo;&nbsp;12 Copie&#8230;&nbsp;&raquo;). L&#8217;accentuation des niveaux se fera soit par &laquo;&nbsp;Niveaux automatiques&nbsp;&raquo;, soit en rapprochant les flèches noires et blanches comme sur l&#8217;image ci-dessous.</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-24.jpg" alt="Filtre passe-haut" /></p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="omb"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#persp">Perspectives</a> &#8211; <a href="#detoure">Détourage</a> &#8211;  <a href="#desature">Désaturation</a> &#8211; <a href="#couleur">Couleurs</a> &#8211; <a href="#accent">Accentuation</a> &#8211; <a href="#omb">Ombre</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h2>Ombre</h2>
<p>Il ne reste plus qu&#8217;à fabriquer une ombre. Cette ombre ne devra être visible qu&#8217;en bas de la pièce, sans concerner les deux cylindres.</p>
<p>On part du calque &laquo;&nbsp;8 fusion&nbsp;&raquo; que l&#8217;on duplique en un nouveau calque nommé &laquo;&nbsp;13 Ombre&nbsp;&raquo;. On enlève toutes les visibilités des autres calques et on sélectionne &laquo;&nbsp;Clic droit / Alpha vers sélection&nbsp;&raquo; avant de remplir de noir toute la sélection obtenue.</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-25.jpg" alt="Ombre" /></p>
<p>Ensuite, on supprime la partie haute de la forme ainsi que les deux cylindres du bas. (Rappelons que le lasso permet de tracer des lignes droites lors de la sélection, qui seront fort utiles por la suppression des cylindres.)</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-26.jpg" alt="Ombre rognée" /></p>
<p>Un peu de flou gaussien (réglage 100) puis on remet les visibilité des calques 10 et 12 et on ajoute un calque blanc positionné en dessous de l&#8217;ombre pour la mettre en valeur et le tour est joué.</p>
<p>Pour finir : enregistrement en XCF, puis suppression du calque blanc et redimensionnement avanc d&#8217;enregistrer en .png, et c&#8217;est fini !</p>
<p><img src="/wp-content/uploads/2009/12/tuto02-27.jpg" alt="Image finale" /></p>
<div class="note">L&#8217;image ci-dessus montre le .xcf et non le .png. Pour ce dernier, puisqu&#8217;on a supprimé le calque blanc, montrerait le damier tout autour de l&#8217;objet.</div>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="bas"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#persp">Perspectives</a> &#8211; <a href="#detoure">Détourage</a> &#8211;  <a href="#desature">Désaturation</a> &#8211; <a href="#couleur">Couleurs</a> &#8211; <a href="#accent">Accentuation</a> &#8211; <a href="#omb">Ombre</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.silicate.net/gimp/tutoriels-gimp/tutoriel-gimp-retouche-photo-objet-metallique/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tuto GIMP &#8211; Suppression d’un poteau</title>
		<link>http://www.silicate.net/gimp/tutoriels-gimp/tutoriel-gimp-suppression-d%e2%80%99un-poteau/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=tutoriel-gimp-suppression-d%25e2%2580%2599un-poteau</link>
		<comments>http://www.silicate.net/gimp/tutoriels-gimp/tutoriel-gimp-suppression-d%e2%80%99un-poteau/#comments</comments>
		<pubDate>Sat, 02 Jan 2010 13:25:43 +0000</pubDate>
		<dc:creator>yerbouti</dc:creator>
				<category><![CDATA[Tutoriels Gimp]]></category>
		<category><![CDATA[Gimp]]></category>
		<category><![CDATA[Photo]]></category>
		<category><![CDATA[Pluneret]]></category>
		<category><![CDATA[poteau]]></category>
		<category><![CDATA[retouche]]></category>
		<category><![CDATA[Sainte Avoye]]></category>
		<category><![CDATA[tutoriel]]></category>

		<guid isPermaLink="false">http://www.silicate.net/?p=27</guid>
		<description><![CDATA[Gimp : comment effacer un poteau gênant...]]></description>
			<content:encoded><![CDATA[<div id="resume">
<p><img class="imgGauche" usemap="#map" src="/wp-content/uploads/2009/12/webringGimp.png" alt="logo_webring_gimp_francophone" /></p>
<map name="map"><!-- #$-:Image Map file created by GIMP Imagemap Plugin --><!-- #$-:GIMP Imagemap Plugin by Maurits Rijk --><!-- #$-:Please do not edit lines starting with "#$" --><!-- #$VERSION:1.3 --><!-- #$AUTHOR:raymond LOGO:fred --><br />
<area shape="rect" coords="0,0,108,86" alt="lien aléatoire" href="http://raymond.ostertag.free.fr/php/webring.php3">
<area shape="rect" coords="0,92,108,109" alt="liste des sites" href="http://raymond.ostertag.free.fr/html/webring.html"></map>
<p style="margin-top: -20px;">En cliquant sur l’image ci contre, vous accédez au WebRing français de Gimp.</p>
<p>La chapelle Sainte Avoye à Pluneret (Morbihan) est difficile à photographier car elle est entourée d’habitations très rapprochées. Une des seules vues possibles est rendue délicate par la présence d’un poteau téléphonique.</p>
<p>Pour passer de la photo de gauche à la photo de droite, nous allons donc :</p>
<ul>
<li>Effacer le poteau</li>
<li>Redresser l’image</li>
<li>Améliorer les contrastes</li>
<li>Modifier la position de certains éléments</li>
<li>Recadrer l’image</li>
</ul>
</div>
<p><img class="imgGauche alignnone" title="tutoSteAvoye01" src="/wp-content/uploads/2009/12/tutoSteAvoye01.jpg" alt="Chapelle sainte Avoye (Pluneret) avec poteau" width="275" height="206" /><img class="imgGauche alignnone" src="/wp-content/uploads/2009/12/final.jpg" alt="Chapelle Sainte Avoye (Pluneret Morbihan)" width="275" height="206" /><br />
Pour mieux tester, vous pouvez télécharger la <a title="Chapelle Sainte Avoye" href="http://www.silicate.net/wp-content/uploads/2009/12/p20080210_131154a1.jpg">photo originale</a> ou la <a title="Chapelle Sainte Avoye" href="http://www.silicate.net/wp-content/uploads/2009/12/p20080210_131154.jpg">photo finale</a> en grandes dimensions.</p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="ancre1"></a><a href="#haut"><img class="imgHaut" title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#ancre1">Effacement du poteau</a> &#8211; <a href="#ancre2">Rotation</a> &#8211; <a href="#ancre3">Selection</a> &#8211; <a href="#ancre4">Contrastes</a> &#8211; <a href="#ancre5">Découpage</a> &#8211; <a href="#ancre6">Modifications</a> &#8211; <a href="#bas"><img class="imgHaut" title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h2>Effacement du poteau</h2>
<p><img class="alignright" title="calques dans Gimp" src="/wp-content/uploads/2009/12/calques1.jpg" alt="calques dans Gimp" width="193" height="195" /></p>
<h3>Lancement de Gimp</h3>
<p>Avant tout, et comme toujours, nous commençons par dupliquer le calque initial et enregistrer l’image en xcf : Dans la boîte de dialogue « Calques » (CTRL + L), duplication du calque « Arrière plan », désactivation de son affichage en cliquant sur l’oeil et changement de nom du nouveau calque (« Effacement poteau »).</p>
<h3>Effacement du poteau</h3>
<p>Utilisation de l’outil clone. Je n’entre pas trop dans les détails, c’est un des outils qu’on aborde le plus vite, tant son effet est spectaculaire.<br />
Choisir une brosse à bords flous, faire un Ctrl+Clic sur une zone à reproduire et peindre ensuite au dessus de la zone à corriger.<br />
Attention, comme nous le verrons plus tard, la suppression des câbles sur fond de ciel uni est moins aisée qu’il n’y parait.</p>
<ul>
<li>Prendre des brosses aux bords flous</li>
<li>En varier en permanence la taille</li>
<li>Jouer avec les facteurs de zoom de l’image</li>
<li>Prendre tout le temps nécessaire à l’opération.</li>
</ul>
<p>Si nécessaire, voici un peu de <a href="http://docs.gimp.org/fr/gimp-tool-clone.html">documentation sur l&#8217;outil clone</a>.</p>
<p><a href="http://www.silicate.net/wp-content/uploads/2009/12/tutoSteAvoye02.jpg"><img class="alignnone size-full wp-image-129" title="tutoSteAvoye02" src="/wp-content/uploads/2009/12/tutoSteAvoye02.jpg" alt="Chapelle Sainte Avoye (Pluneret Morbihan)" width="500" height="375" /></a></p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="ancre2"></a><a href="#haut"><img class="imgHaut" title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#ancre1">Effacement du poteau</a> &#8211; <a href="#ancre2">Rotation</a> &#8211; <a href="#ancre3">Selection</a> &#8211; <a href="#ancre4">Contrastes</a> &#8211; <a href="#ancre5">Découpage</a> &#8211; <a href="#ancre6">Modifications</a> &#8211; <a href="#bas"><img class="imgHaut" title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h2>Rotation de l’image</h2>
<p>Dupliquer le calque et enlever la visibilité du précédent. (Nommer le nouveau calque « Rotation »)<img class="alignright" title="Chapelle Sainte Avoye (avec repères)" src="/wp-content/uploads/2009/12/tutoSteAvoye03.jpg" alt="Chapelle Sainte Avoye (avec repères)" width="275" height="210" /></p>
<h3>Utilisation des repères</h3>
<p>Promener des guides pour vérifier si la photo est droite. (Par un clic enfoncé sur une règle, on tire le repère sur la photo.) On constate ici une nette inclinaison vers la gauche.</p>
<h3>Rotation</h3>
<p>Pour redresser l’image, on duplique à nouveau le calque afin qu’après rotation les vides soient remplis de matière. (On a donc maintenant, comme sur l’image ci-dessous, quatre calques dont deux visibles.)<img class="alignleft" title="calques dans Gimp" src="/wp-content/uploads/2009/12/calques2.jpg" alt="calques dans Gimp" width="193" height="216" /></p>
<p>Une fois l’outil rotation sélectionné, on clique une fois dans l’image. Apparaît alors une croix entourée d’un cercle qui sera le centre de rotation.                          (On peut faire glisser ce centre de rotation à un endroit plus propice si nécessaire, ici j’ai choisi de le mettre dans le coin supérieur gauche puisque cela ne me gênait pas de perdre des détails de la partie inférieure gauche.)</p>
<p>On applique ensuite la rotation désirée par simple glissé de souris.</p>
<p>On voit apparaître une partie du calque original sous le calque pivoté. (Remarquez la maison sur la droite.)</p>
<p>Une fois la rotation appliquée, on réunit les deux calques visibles en un seul (Dans la boîte de dialogue de calques, Clic droit/Fusionner les calques visibles, puis option « rogner à la taille de l’image »)</p>
<p><img title="Chapelle Sainte Avoye (Rotation)" src="/wp-content/uploads/2009/12/tutoSteAvoye04.jpg" alt="Chapelle Sainte Avoye (Rotation)" /></p>
<p>Il ne reste plus qu’à refaire les bords à sa convenance à l’aide de l’outil clône.</p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="ancre3"></a><a href="#haut"><img class="imgHaut" title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#ancre1">Effacement du poteau</a> &#8211; <a href="#ancre2">Rotation</a> &#8211; <a href="#ancre3">Selection</a> &#8211; <a href="#ancre4">Contrastes</a> &#8211; <a href="#ancre5">Découpage</a> &#8211; <a href="#ancre6">Modifications</a> &#8211; <a href="#bas"><img class="imgHaut" title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h2>Sélection du ciel</h2>
<p><img class="alignleft" title="Chapelle Sainte Avoye (Sélection)" src="/wp-content/uploads/2009/12/tutoSteAvoye05.jpg" alt="Chapelle Sainte Avoye (Sélection)" width="350" height="268" /> Il y a de multiples façons de sélectionner les éléments d’une photo. Je choisis ici la sélection par couleurs similaires qui permettra de sélectionner le bleu du ciel au travers des feuillages.</p>
<p>On peut régler le seuil de sélection par un double clic sur l’outil dans la boîte d’outils (Pour cet exemple, mon seuil est réglé à 15, mais cela dépend des situations).</p>
<p>Un premier clic au milieu du ciel puis par Maj Clic, on parcourt les différents endroits jusqu’à sélection totale du ciel.</p>
<p><img class="alignright" title="Chapelle Sainte Avoye (Sélection)" src="/wp-content/uploads/2009/12/tutoSteAvoye06.jpg" alt="Chapelle Sainte Avoye (Sélection)" width="350" height="267" /></p>
<p>Inévitablement la sélection déborde un peu, par exemple sur des endroits bleutés de la toiture. On corrige cela avec le zoom et l’outil lasso utilisé conjointement avec la touche CTRL (pour enlever) ou MAJ (pour ajouter).</p>
<p>Une fois satisfait de la sélection, on l’<strong>enregistre dans un canal</strong> (Clic droit sur l’image, Sélection/Enregistrer dans un canal)</p>
<p><img class="alignleft" title="Gimp Canaux" src="/wp-content/uploads/2009/12/canalCiel.jpg" alt="Gimp Canaux" width="200" height="227" /></p>
<p>La boîte de dialogue des canaux s’ouvre et on renomme le canal qui vient d’être créé (Ciel).</p>
<p><span style="text-decoration: underline;">Attention, avant toute nouvelle opération, il faut revenir dans la boîte de calques (par CTRL+L) et cliquer sur un calque. Autrement, les opérations ne s’appliqueront qu’au canal précédemment créé. C’est un piège classique : rien de ce qu’on fait n’apparaît à l’image, les outils semblent inopérants, et cependant toutes les actions qui semblent vaines déforment notre précédente sélection sans qu’on s’en aperçoive puisque le canal en question est masqué.</span></p>
<p>Je le marque donc en gros : <span style="color: #ff0000;"><strong>Après avoir enregistré sa sélection dans un canal, on sélectionne à nouveau le calque de travail. (CTRL+L si nécessaire)</strong></span></p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="ancre4"></a><a href="#haut"><img class="imgHaut" title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#ancre1">Effacement du poteau</a> &#8211; <a href="#ancre2">Rotation</a> &#8211; <a href="#ancre3">Selection</a> &#8211; <a href="#ancre4">Contrastes</a> &#8211; <a href="#ancre5">Découpage</a> &#8211; <a href="#ancre6">Modifications</a> &#8211; <a href="#bas"><img class="imgHaut" title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h2>Réglages des contrastes</h2>
<p><img class="alignright" title="Gimp Courbes" src="/wp-content/uploads/2009/12/courbes1.jpg" alt="Gimp Courbes" width="220" height="306" /></p>
<p>Nous allons maintenant régler les couleurs du ciel :</p>
<p>Création d’un nouveau calque nommé « ciel ».</p>
<p>Normalement, la sélection devrait encore être active, mais dans le cas contraire, on la récupère par la boîte de dialogue des canaux : Clic droit/Canal vers sélection sur le canal « Ciel » Puis resélection du calque « Ciel »</p>
<p>Dans un premier temps, tenter une exagération du contraste du ciel, sans valider. Pour cela, Clic droit dans l’image/Couleurs/Courbes » puis déformation de la courbe comme sur la figure de droite.</p>
<p><strong>Attention, ne pas valider la courbe</strong></p>
<p>Ce réglage met en évidence des défaut dus à la suppression des câbles. Ces défauts n’apparaissent pas forcément sur l’écran mais pourraient apparaître lors d’impressions sur papier de qualité ou sur tirage photo. Nous allons donc réaliser un flou gaussien sélectif qui floutera les zones quasi identiques. Le flou gaussien sélectif est une opération longue et gourmande en ressources, pensez à sauvegarder votre document auparavant.</p>
<p>Ci-dessous des vues de détail, avant et après flou gaussien sélectif.</p>
<p><img title="Gimp accentuation du ciel" src="/wp-content/uploads/2009/12/tutoSteAvoye08.jpg" alt="Gimp accentuation du ciel" /> <img title="Gimp accentuation du ciel et flou" src="/wp-content/uploads/2009/12/tutoSteAvoye09.jpg" alt="Gimp accentuation du ciel et flou" /></p>
<h3>Réglage du flou</h3>
<p>Avant application du flou, annulez le réglage de courbe qui ne servait qu’à mettre en évidence les défauts du ciel</p>
<p>Les réglages de flou sont toujours exprimés en valeurs absolues, je préfère pour ma part les fixer en pourcentages de la taille totale de l’image. Pour notre opération en cours, j’ai choisi 2 % de la largeur soit 50 pour largeur 2500 points.</p>
<h3>Contraste du ciel</h3>
<p>Ensuite, j’ai choisi ici de forcer un peu le bleu, en jouant sur le contraste du canal bleu. Clic droit dans l’image/Couleurs/courbes. Puis une fois l’outil Courbes affiché, choisir le canal bleu et ajuster la courbe à sa convenance.</p>
<p>Dans notre cas, la sélection comporte une zone de feuillage, il convient donc de ne pas  exagérer les modifications car cela pourrait se voir autour des branchages.</p>
<p><img title="Gimp Courbes Canal Bleu" src="/wp-content/uploads/2009/12/tutoSteAvoye10.jpg" alt="Gimp Courbes Canal Bleu" /></p>
<p>Une astuce : Le raccourci CTRL + T permet de masquer la sélection sans la supprimer. Ainsi, on peut souvent mieux juger du résultat.</p>
<h3>Réglages des pierres.</h3>
<p>Comme toujours, par prudence, nous dupliquons le calque et nous renommons le dernier créé (Pierres).</p>
<p>J’insiste ici sur le fait que les réglages du ciel et du contraste des murs sont issus de deux opérations différentes. Ce n’est pas toujours nécessaire,          mais ici je ressent le besoin de rehausser le bleu du ciel sans modifier l’équilibre des couleurs des pierres, pour lesquelles je n’envisage qu’un simple réglage          de contraste.</p>
<p>En inversant la sélection (Clic-droit/sélection/inverser la sélection), il est possible de modifier le contraste des murs de la chapelle par les outils habituels de courbes ou de  niveaux.</p>
<p>Voyez ci-dessous une image coupée en diagonale qui montre l’avant et l’après corrections.</p>
<p><img title="Ste Avoye Avant et après corrections" src="/wp-content/uploads/2009/12/tutoSteAvoye11.jpg" alt="Ste Avoye Avant et après corrections" /></p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="ancre5"></a><a href="#haut"><img class="imgHaut" title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#ancre1">Effacement du poteau</a> &#8211; <a href="#ancre2">Rotation</a> &#8211; <a href="#ancre3">Selection</a> &#8211; <a href="#ancre4">Contrastes</a> &#8211; <a href="#ancre5">Découpage</a> &#8211; <a href="#ancre6">Modifications</a> &#8211; <a href="#bas"><img class="imgHaut" title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h2>Découpage</h2>
<p>Pour la composition finale, nous allons découper  l’image en centrant sur la chapelle.</p>
<p><strong>Avant toute découpe, on sauvegarde par précaution sous un autre nom</strong>. La découpe agira en effet sur l’ensemble des calques.</p>
<p><img class="alignright" title="Chapelle Sainte Avoye" src="/wp-content/uploads/2009/12/tutoSteAvoye12.jpg" alt="Chapelle Sainte Avoye" width="350" height="262" /></p>
<p>A propos de découpage, un double clic sur l’outil apporte la possibilité de conserver les proportions d’origine, ce qui peut être fort utiles si comme moi          vous faites tirer vos photos sur le net. Vous avez aussi la possibilité de mettre en évidence certains repères, comme ceux de la règle des tiers, fort utiles pour améliorer les compositions.</p>
<p>Le résultat obtenu manque selon moi de premier plan, nous allons donc récupérer notre fichier de sauvegarde et modifier un peu l’image avant découpe.</p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="ancre6"></a><a href="#haut"><img class="imgHaut" title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#ancre1">Effacement du poteau</a> &#8211; <a href="#ancre2">Rotation</a> &#8211; <a href="#ancre3">Selection</a> &#8211; <a href="#ancre4">Contrastes</a> &#8211; <a href="#ancre5">Découpage</a> &#8211; <a href="#ancre6">Modifications</a> &#8211; <a href="#bas"><img class="imgHaut" title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h2>Modifications</h2>
<p>Nous allons déplacer le feuillage du coin supérieur gauche et le mur de pierre du côté droit pour les faire apparaître sur la photo découpée.</p>
<h3>Le feuillage :</h3>
<p>Comme toujours, et c’est devenu une habitude, nous dupliquons et renommons le calque.</p>
<p>Nous réalisons au lasso une sélection englobant la partie du feuillage qui nous intéresse <em>(Si la sélection n’apparaît pas, c’est sans doute que l’affichage des sélections est désactivé (CTRL + T))</em> et nous allons enlever de cette sélection tout le ciel en arrière plan. Pour cela, dans la boite de dialogue des canaux, nous faisons clic droit sur le canal ciel, « soustraire de la sélection ».</p>
<p><img class="alignright" title="Feuillage" src="/wp-content/uploads/2009/12/tutoSteAvoye14.jpg" alt="Feuillage" width="250" height="154" /></p>
<p>Nous retournons ensuite dans le calque Feuillage et inversons la sélection. Tout ce qui n’est pas feuillage est sélectionné. La touche Suppr videra le calque          de tout son contenu à l’exception du feuillage.</p>
<p><img class="alignleft" title="Déplacement du feuillage" src="/wp-content/uploads/2009/12/tutoSteAvoye15.jpg" alt="Déplacement du feuillage" width="300" height="242" /></p>
<h3>Déplacement du calque :</h3>
<p>Nous activons la visibilité du calque inférieur (Pierres) (Oeil) puis avec l’outil de déplacement, et alors que le <strong>calque feuillage est bien sélectionné</strong>, nous déplaçons ce dernier à notre convenance. Attention, l’option de l’outil de déplacement (double-clic sur l’outil) doit être réglée à « Déplacer le calque actif ».</p>
<h3>Mur de pierres.</h3>
<p>Nous allons pratiquer la même opération sur le mur de pierres, mais cette fois nous utiliserons l’outil « Ciseaux intelligents ».</p>
<p><img class="alignright" title="Déplacement du mur de pierres" src="/wp-content/uploads/2009/12/tutoSteAvoye16.jpg" alt="Déplacement du mur de pierres" width="300" height="241" /></p>
<ul>
<li>Duplication du calque « Pierres » pour créer un calque « Pignon ».</li>
<li>Sélection du pignon avec les ciseaux intelligents</li>
<li>Peaufinage de la sélection avec le zoom et le lasso  (ou le masque rapide)</li>
<li>Inversion de la sélection</li>
<li>Suppression de tout le calque sauf le pignon.</li>
<li>Floutage léger des bords de la sélection si nécessaire</li>
<li>Déplacement du pignon.</li>
<li>Découpage qui cette fois nous convient.</li>
</ul>
<p><img class="alignleft" title="Rognage" src="/wp-content/uploads/2009/12/tutoSteAvoye17.jpg" alt="Rognage" width="350" height="262" /> <img title="Calques visibles" src="/wp-content/uploads/2009/12/calques3.jpg" alt="Calques visibles" /></p>
<p><img title="Chapelle Sainte Avoye" src="/wp-content/uploads/2009/12/final2.jpg" alt="Chapelle Sainte Avoye" /></p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="bas"></a><a href="#haut"><img class="imgHaut" title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#ancre1">Effacement du poteau</a> &#8211; <a href="#ancre2">Rotation</a> &#8211; <a href="#ancre3">Selection</a> &#8211; <a href="#ancre4">Contrastes</a> &#8211; <a href="#ancre5">Découpage</a> &#8211; <a href="#ancre6">Modifications</a> &#8211; <a href="#bas"><img class="imgHaut" title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.silicate.net/gimp/tutoriels-gimp/tutoriel-gimp-suppression-d%e2%80%99un-poteau/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
