<?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>All For Design &#187; Couches</title>
<atom:link href="http://all-for-design.com/tag/couches/feed" rel="self" type="application/rss+xml" />
<link>http://all-for-design.com</link>
<description>Webdesign, Graphisme &#38; inspiration...</description>
<lastBuildDate>Wed, 28 Jul 2010 21:13:41 +0000</lastBuildDate>
<generator>http://wordpress.org/?v=abc</generator>
<language>en</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
	<item>
		<title>Photoshop : Utiliser les couches pour des sélections parfaites</title>
		<link>http://all-for-design.com/tutoriaux/photoshop-utiliser-les-couches-pour-des-selections-parfaites</link>
		<comments>http://all-for-design.com/tutoriaux/photoshop-utiliser-les-couches-pour-des-selections-parfaites#comments</comments>
		<pubDate>Sun, 25 Jan 2009 16:49:02 +0000</pubDate>
		<dc:creator>Aure</dc:creator>
				<category><![CDATA[Tutoriaux]]></category>
		<category><![CDATA[Couches]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutoriel]]></category>

		<guid isPermaLink="false">http://all-for-design.com/?p=248</guid>
		<description><![CDATA[Aujourd&#8217;hui je voudrais vous présenter une solution rapide et efficace pour détourer des objets sur Photoshop. Il est parfois difficile de sélectionner des images que je qualifierai de &#171;&#160;complexes&#160;&#187; comme par exemple des cheveux, des poils, ou tout autres petits détails.
Il existe de nombreuses méthodes pour effectuer ce genre de tâches mais je vais opter [...]]]></description>
			<content:encoded><![CDATA[<p><img class="img-post-title" src="http://all-for-design.com/wp-content/uploads/2009/tuto/tuto-photoshop-logo.jpg" alt="Tutoriel Photoshop-logo" title="All for Design_Tutoriel Photoshop logo" />Aujourd&#8217;hui je voudrais vous présenter une solution rapide et efficace pour détourer des objets sur Photoshop. Il est parfois difficile de sélectionner des images que je qualifierai de &laquo;&nbsp;complexes&nbsp;&raquo; comme par exemple des cheveux, des poils, ou tout autres petits détails.<span id="more-248"></span></p>
<p>Il existe de nombreuses méthodes pour effectuer ce genre de tâches mais je vais opter pour les couches RVB car c&#8217;est, selon moi, la solution la plus rapide et la plus polyvalente dans le sens où on pourra les utiliser pour sélectionner n&#8217;importe quel type d&#8217;objet, dans presque tous les environnements.</p>
<p>Pour illustrer ce petit tutoriel je vais utiliser la photographie d&#8217;une araignée (disponible <a target="_blank" href="http://www.sxc.hu/photo/964417">ici</a>) dont les fins poils pourraient sembler assez laborieux à détourer un à un sans l&#8217;utilisation des couches RVB&#8230;Vous pouvez cliquer sur les images pour les visualiser en taille réelle.</p>
<p style="text-align: center;margin-top:15px;"><a class="thickbox" href="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-1-large.jpg" target="_blank"><img src="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-1.jpg" alt="All for Design -tuto-Couches-etape1" style="width:500px;" /></a></p>
<p>Lorsque vous ouvrez l&#8217;image dans Photoshop, vous êtes par défaut sur la fenêtre &laquo;&nbsp;Calques&nbsp;&raquo;. Vous pouvez constater que le détourage de cet animal n&#8217;est pas forcément aisé même si cela est facilité par le fond blanc. Un zoom important met en évidence de nombreux petits détails (comme les poils des pattes) qu&#8217;il serait difficile de sélectionner avec des outils tels que la baguette magique, la plume ou encore en mode masque. Je vous propose d&#8217;utiliser les couches RVB pour sélectionner notre animal.</p>
<p style="text-align: center;margin-top:15px;"><a class="thickbox" href="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-2-large.jpg" target="_blank"><img src="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-2.jpg" alt="All for Design-tuto-Couches-etape2" style="width:500px;" /></a></p>
<p>Nous allons donc cliquer sur l&#8217;onglet &laquo;&nbsp;Couches&nbsp;&raquo; pour visualiser les couches Rouge, Vert et Bleu composant cette image. Pour ce travail de sélection en utilisant les couches, je vous conseille d&#8217;opter pour leur affichage en niveau de gris plutôt qu&#8217;en couleur. Pour basculer d&#8217;un mode d&#8217;affichage à l&#8217;autre allez dans &laquo;&nbsp;Edition&nbsp;&raquo; > &laquo;&nbsp;Préférences&nbsp;&raquo; > &laquo;&nbsp;Interface&nbsp;&raquo; > &laquo;&nbsp;Afficher les couches en couleur&nbsp;&raquo;, et décochez la case pour afficher les couches en niveau de gris.</p>
<p style="text-align: center;margin-top:15px;"><img src="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/couches-rvb-visu.jpg" alt="Tuto-Couches-etape3" style="width:500px;" /></p>
<p>Lorsqu&#8217;on travaille avec les couches, le but est d&#8217;isoler l&#8217;objet que l&#8217;on souhaite sélectionner en augmentant son contraste avec l&#8217;arrière plan. Dans notre cas, nous allons donc &laquo;&nbsp;remplir&nbsp;&raquo; notre araignée avec la couleur noire, tandis que nous allons rendre l&#8217;arrière plan complètement blanc. Ainsi, le contraste entre l&#8217;animal et la fond sera maximum, la sélection sera donc quasi parfaite. Dans un premier temps, nous allons donc chercher laquelle des 3 couches Rouge, Vert ou Bleu, présente le plus grand contraste entre l&#8217;araignée et le fond. Nous allons donc cliquer successivement sur chacune des 3 couches pour observer le résultat. L&#8217;image ci-dessus représente le rendu en fonction de la couche sélectionnée.</p>
<p style="text-align: center;margin-top:15px;"><a class="thickbox" href="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-4-large.jpg" target="_blank"><img src="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-4.jpg" alt="All for Design-tuto-Couches-etape4" style="width:500px;" /></a></p>
<p>Nous voyons donc que c&#8217;est sur la couche Bleue que le contraste est le plus grand. Pour ne pas détériorer notre image, nous allons travailler sur une copie de cette couche. Pour celà, soit : clic droit sur la couche Bleue : &laquo;&nbsp;Dupliquer la couche&nbsp;&raquo;, soit on fait glisser la couche Bleue sur l&#8217;icone de duplication (à côté de la corbeille). Nous avons donc maintenant une couche &laquo;&nbsp;Bleue Copie&nbsp;&raquo; en bas de la pile de couches.</p>
<p style="text-align: center;margin-top:15px;"><a class="thickbox" href="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-5-large.jpg" target="_blank"><img src="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-5.jpg" alt="All for Design-tuto-Couches-etape5" style="width:500px;" /></a></p>
<p>Rappelez-vous que la finalité de ce travail est d&#8217;obtenir une araignée entièrement noire sur un fond blanc. Pour améliorer encore le contraste, nous allons utiliser une fonction de Photoshop assez peu connue : &laquo;&nbsp;Appliquer une image&nbsp;&raquo;. Le but sera de fusionner la couche &laquo;&nbsp;Bleu copie&nbsp;&raquo; sur elle-même afin d&#8217;augmenter son contraste. Pour appliquer des opérations de fusion sur les couches, une autre solution consiste à passer par la fonction &laquo;&nbsp;Opérations&nbsp;&raquo; de Photoshop (&laquo;&nbsp;Images&nbsp;&raquo; > &laquo;&nbsp;Opérations&nbsp;&raquo;).</p>
<p style="text-align: center;margin-top:15px;"><a class="thickbox" href="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-6-large.jpg" target="_blank"><img src="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-6.jpg" alt="All for Design-tuto-Couches-etape6" style="width:500px;" /></a></p>
<p>Après avoir choisi &laquo;&nbsp;Appliquer une image&nbsp;&raquo; vous devez définir quelle couche fusionner. Pour nous ce sera la couche &laquo;&nbsp;Bleue copie&nbsp;&raquo;. Et vous devez choisir l&#8217;opération à appliquer, cela correspond aux modes de fusion. Nous allons opter pour le mode améliorant au mieux le contraste de l&#8217;animal. Nous choisirons l&#8217;opération &laquo;&nbsp;Produit&nbsp;&raquo; car le résultat (directement visible dans l&#8217;aperçu) semble correct. Vous pouvez maintenant valider en cliquant sur ok. La valeur chromatique de chaque pixel de la couche va donc être multipliée par elle-même. Le résultat sera donc une couche plus foncée. Attention, même si certains modes de fusion permettent un contraste maximum, ils vont engendrer la perte de certains détails de l&#8217;image. Il faudra donc trouver le meilleur compromis entre un contraste élevé et la conservation des détails de l&#8217;image.</p>
<p style="text-align: center;margin-top:15px;"><a class="thickbox" href="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-8-large.jpg" target="_blank"><img src="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-8.jpg" alt="All for Design-tuto-Couches-etape7" style="width:500px;" /></a></p>
<p>Voici à quoi ressemble notre image après produit de la couche &laquo;&nbsp;Bleu copie&nbsp;&raquo; sur elle-même. Il reste encore certains détails à corriger car le contraste n&#8217;est pas parfait. Même s&#8217;il est difficile de s&#8217;en rendre compte sur le screenshot ci-dessus, le fond n&#8217;est pas complètement blanc et certaines parties de l&#8217;animal tirent plus sur le gris foncé que sur le noir.  Nous allons donc utiliser les niveaux pour améliorer le rendu.</p>
<p style="margin: 5px 0pt; width: 100%; text-align: center;"><img src="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-9-large.jpg" alt="All for Design-tuto-Couches-etape8" style="width:500px;" /></p>
<p>Pour faire apparaître les niveaux : &laquo;&nbsp;Image&nbsp;&raquo; > &laquo;&nbsp;Réglages&nbsp;&raquo; > &laquo;&nbsp;Niveaux&nbsp;&raquo; ou Ctrl + L. Pour augmenter le contraste nous allons faire glisser le curseur noir vers la droite et déplacer le curseur blanc vers la gauche. L&#8217;image ci-dessus vous présente le rendu avant-après. Même si ce n&#8217;est pas flagrant sur ce screenshot, cette opération de correction via les niveaux est très efficace lorsque vous utilisez les couches pour sélectionner vos objets.</p>
<p style="text-align: center;margin-top:15px;"><a class="thickbox" href="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-10-large.jpg" target="_blank"><img src="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-10.jpg" alt="All for Design-tuto-Couches-etape9" style="width:500px;" /></a></p>
<p>Après correction via les niveaux, il faudra parfois apporter de petites corrections. Dans notre cas, nous voyons qu&#8217;il reste encore des parties claires sur notre araignée. Pour corriger cela, prenez le pinceau (B), opacité 100%, taille 15px, dureté 100% en mode &laquo;&nbsp;Normal&nbsp;&raquo; et peignez en noir sur les parties blanches. Petite astuce : Pour ne pas détériorer les parties déjà sélectionnées, utilisez le mode &laquo;&nbsp;Lumière tamisée&nbsp;&raquo; pour révéler les parties noires sans abîmer les parties blanches. A l&#8217;inverse, utilisez le mode &laquo;&nbsp;Incrustation&nbsp;&raquo; pour révéler les parties blanches sans modifier les parties noires. Ces 2 modes sont très efficaces lorsque vous devez améliorer le contraste d&#8217;un petit détail de l&#8217;image. On utilisera le pinceau en mode &laquo;&nbsp;Lumière tamisée&nbsp;&raquo; pour noircir un cheveux sur un fond blanc. A l&#8217;inverse on utilisera le mode &laquo;&nbsp;Incrustation&nbsp;&raquo; pour blanchir un fond gris-clair sans détériorer les parties noires de la couche.</p>
<p style="text-align: center;margin-top:15px;"><a class="thickbox" href="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-11-large.jpg" target="_blank"><img src="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-11.jpg" alt="All for Design-tuto-Couches-etape10" style="width:500px;" /></a></p>
<p>Après le passage du pinceau, voici à quoi ressemble notre image. A première vue c&#8217;est bien! Nous avons un contraste quasi parfait. Maintenant, souvenez-vous que lorsque nous travaillons sur les couches, les parties blanches représentent les zones sélectionnées. En l&#8217;état actuel, la sélection se fera donc sur notre contour. Il va donc falloir inverser les couleurs des couches.</p>
<p style="text-align: center;margin-top:15px;"><a class="thickbox" href="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-12-large.jpg" target="_blank"><img src="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-12.jpg" alt="All for Design-tuto-Couches-etape11" style="width:500px;" /></a></p>
<p>Pour inverser les couleurs, utilisez le raccourci &laquo;&nbsp;Ctrl+i&nbsp;&raquo;. Notre araignée passe en blanc sur fond noir.</p>
<p style="text-align: center;margin-top:15px;"><a class="thickbox" href="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-13-large.jpg" target="_blank"><img src="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-13.jpg" alt="All for Design-tuto-Couches-etape12" style="width:500px;" /></a></p>
<p>Avant de récupérer la sélection, vous pouvez corriger les derniers détails mis en évidence par l&#8217;inversion des couleurs. Si vous agissez au milieu d&#8217;une large zone noire ou blanche, utilisez le pinceau(B) en mode normal, opacité 100%. En revanche, si vous devez peindre à la frontière entre une zone noire et une zone blanche, préférez le mode &laquo;&nbsp;lumière tamisée&nbsp;&raquo; ou &laquo;&nbsp;incrustation&nbsp;&raquo; selon si vous peignez une zone noire ou blanche (cf : paragraphe plus haut). Petite astuce : voici 2 raccourcis utiles lorsque le pinceau (B) est sélectionné : Pour avoir le noir comme couleur de premier plan c&#8217;est la touche (D), pour faire basculer le noir en arrière plan et utiliser la couleur blanche en premier plan, c&#8217;est la touche (X).</p>
<p style="text-align: center;margin-top:15px;"><a class="thickbox" href="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-14-large.jpg" target="_blank"><img src="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-14.jpg" alt="All for Design-tuto-Couches-etape13" style="width:500px;" /></a></p>
<p>Maintenant que notre contraste est parfait, nous allons transformer notre couche en sélection en cliquant sur l&#8217;icone représentée par un petit rond en pointillés en bas de la fenêtre de couches. Attention à bien cliquer sur la couche &laquo;&nbsp;Bleu copie&nbsp;&raquo; auparavant afin de l&#8217;activer.</p>
<p style="text-align: center;margin-top:15px;"><a class="thickbox" href="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-15-large.jpg" target="_blank"><img src="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-15.jpg" alt="All for Design-tuto-Couches-etape14" style="width:500px;" /></a></p>
<p>L&#8217;araignée étant à présent sélectionnée, nous allons réactiver la couche RVB, en cliquant dessus. L&#8217;image repasse en couleurs, la sélection est toujours visible.</p>
<p style="text-align: center;margin-top:15px;"><a class="thickbox" href="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-16-large.jpg" target="_blank"><img src="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-16.jpg" alt="All for Design-tuto-Couches-etape15" style="width:500px;" /></a></p>
<p>Afin d&#8217;utiliser cette sélection, il faut revenir sur la fenêtre &laquo;&nbsp;Calques&nbsp;&raquo; (F7).</p>
<p style="text-align: center;margin-top:15px;"><a class="thickbox" href="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-17-large.jpg" target="_blank"><img src="http://all-for-design.com/wp-content/uploads/2009/tuto/couches/tuto-couches-etape-17.jpg" alt="All for Design-tuto-Couches-etape16" style="width:500px;" /></a></p>
<p>Maintenant, utilisez l&#8217;outil de sélection (M), placez-vous à l&#8217;intérieur de la sélection et faite un clic droit : &laquo;&nbsp;Calque par Copier&nbsp;&raquo;. Autre possibilité, placez-vous sur le calque de fond et utilisez le raccourci : Ctrl+J. Cela va copier l&#8217;araignée détourée sur un nouveau calque situé en haut de la pile. Pour mieux visualiser la qualité de la sélection, vous pouvez créer un nouveau calque placé sous l&#8217;araignée détourée et le remplir d&#8217;une couleur vive. J&#8217;ai utilisé du rose pour visualiser le résultat. Petite astuce : Il arrive qu&#8217;il reste une frange de 1px autour de votre sélection. Pour corriger cela, allez dans : &laquo;&nbsp;Calques&nbsp;&raquo; > &laquo;&nbsp;Cache&nbsp;&raquo; > &laquo;&nbsp;Retirer le cache Noir&nbsp;&raquo; ou &laquo;&nbsp;Retirez le cache Blanc&nbsp;&raquo;. Cela aura pour effet de supprimer le surplus noir ou blanc autour de votre objet.</p>
<p><br/></p>
<p>Ce tutoriel est maintenant terminé, le but était de mettre en évidence la puissance des couches RVB pour effectuer des sélections complexes. Si certaines parties ne sont pas assez claires, n&#8217;hésitez pas à m&#8217;envoyer un mail pour toutes explications supplémentaires. Vous pourrez télécharger l&#8217;image utilisée pour le tutoriel sur la banque d&#8217;images &laquo;&nbsp;Stock X-Change&nbsp;&raquo; à cette adresse : <a target="_blank" href="http://www.sxc.hu/photo/964417">http://www.sxc.hu/photo/964417</a>. Les techniques décrites dans l&#8217;article ont été mises en évidence par Scott Kelby, formateur Photoshop aux USA, rédacteur en chef du magazine &laquo;&nbsp;Photoshop user&nbsp;&raquo; et président de la NAPP (National Association of Photoshop Professionals).</p>
<div class="post-end-links">
<p>Quelques liens pour finir :</p>
<ul>
<li><a style="text-decoration: none;" target="_blank" href="http://www.scottkelby.com">Scott Kelby : le site</a>
</li>
<li><a style="text-decoration: none;" target="_blank" href="http://help.adobe.com/fr_FR/Photoshop/11.0/WS6EC2A68B-AE8D-4987-87E2-28272B744445a.html">Aide Photoshop : les couches</a>
</li>
<li><a style="text-decoration: none;" target="_blank" href="http://help.adobe.com/fr_FR/Photoshop/11.0/WSfd1234e1c4b69f30ea53e41001031ab64-77e9a.html">Aide Photoshop : les modes de fusion</a>
</li>
<li><a style="text-decoration: none;" target="_blank" href="http://www.sxc.hu/">Stock XChange : le site</a>
</li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://all-for-design.com/tutoriaux/photoshop-utiliser-les-couches-pour-des-selections-parfaites/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>