{"id":4577,"date":"2020-07-09T09:00:18","date_gmt":"2020-07-09T09:00:18","guid":{"rendered":"https:\/\/histoiredebambou.com\/?p=4577"},"modified":"2025-01-05T19:26:42","modified_gmt":"2025-01-05T17:26:42","slug":"detourer-avec-photoshop","status":"publish","type":"post","link":"https:\/\/histoiredebambou.com\/blog\/detourer-avec-photoshop\/","title":{"rendered":"Comment d\u00e9tourer avec Photoshop ?"},"content":{"rendered":"<p style=\"text-align: center;\"><span style=\"font-size: 32px;\"><strong><span style=\"font-family: helvetica, arial, sans-serif;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4587\" src=\"https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/article-detourer-avec-photoshop.png\" alt=\"article-detourer-avec-photoshop\" width=\"1300\" height=\"434\" srcset=\"https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/article-detourer-avec-photoshop.png 1300w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/article-detourer-avec-photoshop-300x100.png 300w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/article-detourer-avec-photoshop-1024x342.png 1024w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/article-detourer-avec-photoshop-768x256.png 768w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/article-detourer-avec-photoshop-900x300.png 900w\" sizes=\"auto, (max-width: 1300px) 100vw, 1300px\" \/><\/span><\/strong><\/span><\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center;\"><span style=\"font-size: 32px;\"><strong><span style=\"font-family: helvetica, arial, sans-serif;\">Comment d\u00e9tourer avec Photoshop ?\u00a0<\/span><\/strong><\/span><\/h2>\n<p><span style=\"font-family: helvetica, arial, sans-serif;\">Dans ce 4\u00e8me tuto graphisme, on parle de d\u00e9tourage ! Nous allons voir comment d\u00e9tourer une image avec le logiciel photoshop. Il existe plusieurs techniques de d\u00e9tourage. Pour ce tutoriel, nous allons apprendre \u00e0 d\u00e9tourer avec l&rsquo;outil Plume.\u00a0<\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif;\">Si ce tuto te plait, n&rsquo;h\u00e9site pas \u00e0 en d\u00e9couvrir d&rsquo;autres sur <span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/histoiredebambou.com\/blog\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>le blog de bambou<\/strong><\/a><\/span> :\u00a0<\/span><\/p>\n<ul>\n<li><span style=\"color: #339966;\"><a style=\"color: #339966;\" href=\"https:\/\/histoiredebambou.com\/tuto-creer-un-masque-decretage\" target=\"_blank\" rel=\"noopener noreferrer\"><strong><span style=\"font-family: helvetica, arial, sans-serif;\">Cr\u00e9er un masque d&rsquo;\u00e9cr\u00eatage avec Illustrator<\/span><\/strong><\/a><\/span><\/li>\n<li><strong><span style=\"color: #339966;\"><a style=\"color: #339966;\" href=\"https:\/\/histoiredebambou.com\/tuto-creer-gif-avec-photoshop\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-family: helvetica, arial, sans-serif;\">Cr\u00e9er un Gif avec Photoshop<\/span><\/a><\/span><\/strong><\/li>\n<li><strong><span style=\"color: #339966;\"><a style=\"color: #339966;\" href=\"https:\/\/histoiredebambou.com\/inverser-une-image-dans-photoshop\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-family: helvetica, arial, sans-serif;\">Inverser une image dans Photoshop<\/span><\/a><\/span><\/strong><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><strong><span style=\"font-family: helvetica, arial, sans-serif;\">Deux techniques pour d\u00e9tourer avec Photoshop<\/span><\/strong><\/h2>\n<p><span style=\"font-family: helvetica, arial, sans-serif;\">Sur Photoshop, il existe plusieurs outils pour d\u00e9tourer une image. Les plus connus sont l&rsquo;outil plume, l&rsquo;outil s\u00e9lection rapide et l&rsquo;outil baguette magique. Cet article se concentrera uniquement sur l&rsquo;outil plume. Nous allons voir comment, point par point, d\u00e9tourer proprement une image dans Photoshop gr\u00e2ce \u00e0 cette fameuse plume. <\/span><span style=\"font-family: helvetica, arial, sans-serif;\">Cet outil est un peu compliqu\u00e9 \u00e0 prendre en main au d\u00e9but, mais devient vraiment utile lorsque l&rsquo;on prend le coup de main. C&rsquo;est parti !\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #339966;\"><strong><span style=\"font-family: helvetica, arial, sans-serif; font-size: 21px;\">1# Charger l&rsquo;image \u00e0 d\u00e9tourer dans photoshop\u00a0<\/span><\/strong><\/span><\/h2>\n<p><span style=\"font-family: helvetica, arial, sans-serif;\">Commencez par <strong>charger votre image dans Photoshop<\/strong>. Pour ce tuto, j&rsquo;ai choisi de d\u00e9tourer cette image de minuteur tomate. Vous l&rsquo;avez reconnu, il s&rsquo;agit bien du minuteur de<strong> l&rsquo;article sur la m\u00e9thode Pomodoro !<\/strong><\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif;\">S\u00e9lectionnez ensuite l&rsquo;outil plume, comme sur l&rsquo;image ci-dessous.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4578\" src=\"https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/1-1.png\" alt=\"d\u00e9tourer-dans-photoshop\" width=\"1319\" height=\"869\" srcset=\"https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/1-1.png 1319w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/1-1-300x198.png 300w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/1-1-1024x675.png 1024w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/1-1-768x506.png 768w\" sizes=\"auto, (max-width: 1319px) 100vw, 1319px\" \/><\/p>\n<h2><span style=\"font-size: 21px;\"><strong><span style=\"font-family: helvetica, arial, sans-serif; color: #339966;\">2# Dessiner les contours de l&rsquo;image avec la plume\u00a0<\/span><\/strong><\/span><\/h2>\n<p><span style=\"font-family: helvetica, arial, sans-serif;\">Vous allez cliquer \u00e0 une des extr\u00e9mit\u00e9s de l&rsquo;image, afin de <strong>placer votre premier point de d\u00e9tourage<\/strong>. Sur l&rsquo;image ci-dessous, vous voyez que mon point est plac\u00e9 <strong>entre deux courbes<\/strong>. L&rsquo;objectif est justement de dessiner facilement les courbes avec la plume. Si vous d\u00e9tourez une image avec des formes arrondies comme celle-ci, ne placez pas votre point au milieu, mais bien \u00e0 une extr\u00e9mit\u00e9 comme je viens de le faire.\u00a0<\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif;\">Ensuite, vous allez<strong> cliquer encore une fois entre les deux courbes suivantes<\/strong>. Laissez cette fois-ci votre curseur appuy\u00e9, afin de fafire appara\u00eetre une courbe entre vos points. Tout en gardant votre souris appuy\u00e9e, vous allez bouger d\u00e9licatement la souris pour vous rendre compte que cela fait bouger la courbe. L&rsquo;objectif est de r\u00e9gler la courbe pour qu&rsquo;elle corresponde aux contours de l&rsquo;image. Vous voyez sur la photo ci-dessous que la courbe a besoin d&rsquo;\u00eatre ajust\u00e9e.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4579\" src=\"https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/2-1.png\" alt=\"d\u00e9tourer-avec-photoshop\" width=\"1289\" height=\"607\" srcset=\"https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/2-1.png 1289w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/2-1-300x141.png 300w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/2-1-1024x482.png 1024w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/2-1-768x362.png 768w\" sizes=\"auto, (max-width: 1289px) 100vw, 1289px\" \/><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif;\">Quand la courbe est correctement plac\u00e9e, elle correspond parfaitement au contour de l&rsquo;objet, comme sur la photo ci-dessous. Vous avez d\u00e9sormais une premi\u00e8re courbe. Maintenant, vous allez <strong>vous d\u00e9barrasser de la partie basse du segment<\/strong>. Pourquoi, me direz-vous ? Parce que si vous ne l&rsquo;enlevez pas, votre prochaine courbe ne sera pas r\u00e9glable correctement. Pour enlever ce morceau de segment, il suffit de <strong>cliquer sur le point central en maintenant la touche ALT appuy\u00e9e<\/strong>.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4580\" src=\"https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/3.png\" alt=\"tomate-dans-photoshop\" width=\"1153\" height=\"387\" srcset=\"https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/3.png 1153w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/3-300x101.png 300w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/3-1024x344.png 1024w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/3-768x258.png 768w\" sizes=\"auto, (max-width: 1153px) 100vw, 1153px\" \/><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif;\">Voyez comme c&rsquo;est simple ! Sur l&rsquo;image ci-dessous, la partie basse du segment a maintenant disparu. Vous allez pouvoir<strong> recommencer l&rsquo;op\u00e9ration en pla\u00e7ant un nouveau point<\/strong> au milieu de la prochaine courbe. Effectuez les m\u00eames r\u00e9glages, supprimez la nouvelle partie basse du segment qui appara\u00eetra, ect&#8230;<\/span><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif;\">Vous allez continuer le m\u00eame proc\u00e9d\u00e9 jusqu&rsquo;\u00e0 ce que le tour de l&rsquo;image soit fait. Votre <strong>dernier point doit rejoindre le premier<\/strong> pour que la s\u00e9lection soit compl\u00e8te.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4581\" src=\"https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/4.png\" alt=\"\u00e9tape-4-d\u00e9tourage\" width=\"1237\" height=\"577\" srcset=\"https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/4.png 1237w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/4-300x140.png 300w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/4-1024x478.png 1024w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/4-768x358.png 768w\" sizes=\"auto, (max-width: 1237px) 100vw, 1237px\" \/><\/p>\n<h2><span style=\"color: #339966; font-size: 21px;\"><strong><span style=\"font-family: helvetica, arial, sans-serif;\">3# Supprimer le fond de l&rsquo;image<\/span><\/strong><\/span><\/h2>\n<p><span style=\"font-family: helvetica, arial, sans-serif;\">Les contours de l&rsquo;image sont termin\u00e9s avec l&rsquo;outil plume. Le trac\u00e9 ne se voit que tr\u00e8s l\u00e9g\u00e8rement sur l&rsquo;image ci-dessous, mais il est bel et bien l\u00e0 ! Vous allez maintenant isoler la partie que vous avez s\u00e9lectionn\u00e9e pour supprimer le fond et ne garder que l&rsquo;image d\u00e9tour\u00e9e. Allez, comme dans l&rsquo;image ci-dessous, dans la partie <strong>\u00ab\u00a0trac\u00e9s\u00a0\u00bb<\/strong> \u00e0 droite du logiciel.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4582\" src=\"https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/5-1.png\" alt=\"d\u00e9tourage\" width=\"1605\" height=\"965\" srcset=\"https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/5-1.png 1605w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/5-1-300x180.png 300w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/5-1-1024x616.png 1024w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/5-1-768x462.png 768w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/5-1-1536x924.png 1536w\" sizes=\"auto, (max-width: 1605px) 100vw, 1605px\" \/><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif;\">Cliquez ensuite sur le tout petit bouton en bas de la page afin de faire vraiment appara\u00eetre les contours de la s\u00e9lection. Vous voyez \u00e0 pr\u00e9sent que les contours que vous avez trac\u00e9s \u00e0 la plume sont<strong> en pointill\u00e9s.\u00a0<\/strong><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4583\" src=\"https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/6-1.png\" alt=\"astuce-detourage\" width=\"1651\" height=\"227\" srcset=\"https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/6-1.png 1651w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/6-1-300x41.png 300w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/6-1-1024x141.png 1024w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/6-1-768x106.png 768w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/6-1-1536x211.png 1536w\" sizes=\"auto, (max-width: 1651px) 100vw, 1651px\" \/><\/p>\n<p><span style=\"font-family: helvetica, arial, sans-serif;\">On y est presque ! Rendez-vous maintenant dans l&rsquo;onglet <strong>S\u00e9lection<\/strong>, puis<strong> intervertir<\/strong>. Vous venez de tout s\u00e9lectionner sauf l&rsquo;objet \u00e0 d\u00e9tourer. Retournez d\u00e9sormais dans la partie <strong>\u00ab\u00a0calque\u00a0\u00bb<\/strong> \u00e0 droite du logiciel.<strong> Cliquez sur un c\u00f4t\u00e9 de votre image<\/strong> et appuyez sur <strong>la touche suppr<\/strong>. Vous venez de<strong> supprimer le fond de l&rsquo;image<\/strong> ! Vous avez termin\u00e9 votre d\u00e9tourage !<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4584\" src=\"https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/7.png\" alt=\"d\u00e9tourage-tuto-graphisme\" width=\"325\" height=\"170\" srcset=\"https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/7.png 325w, https:\/\/histoiredebambou.com\/blog\/wp-content\/uploads\/2020\/07\/7-300x157.png 300w\" sizes=\"auto, (max-width: 325px) 100vw, 325px\" \/><\/p>\n<h2><span style=\"color: #339966; font-size: 21px;\"><strong><span style=\"font-family: helvetica, arial, sans-serif;\">4# Enregistrer l&rsquo;image d\u00e9tour\u00e9e<\/span><\/strong><\/span><\/h2>\n<p><span style=\"font-family: helvetica, arial, sans-serif;\">Pour enregistrer votre image tout en conservant le fond inexistant, choisissez<strong> le format PSD ou bien PNG.<\/strong> Attention au format Jpeg qui vous rajoutera un fond blanc alors que c&rsquo;est ce qu&rsquo;on essaye de supprimer depuis le d\u00e9but de ce tuto !\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>[ap_call_to_action button_text=\u00a0\u00bbContactez-moi\u00a0\u00bb button_url=\u00a0\u00bbhttps:\/\/histoiredebambou.com\/contact\u00a0\u00bb button_align=\u00a0\u00bbcenter\u00a0\u00bb]Optimisez vos contenus web [\/ap_call_to_action]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>COMMENT DETOURER AVEC PHOTOSHOP ?<\/p>\n<p>Dans ce nouveau tuto graphisme, nous allons voir comment d\u00e9tourer avec le logiciel Photoshop, en utilisant l&rsquo;outil baguette magique.<\/p>\n","protected":false},"author":1,"featured_media":4587,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[63,61],"tags":[],"class_list":["post-4577","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-saas-tech","category-strategie-de-contenu"],"_links":{"self":[{"href":"https:\/\/histoiredebambou.com\/blog\/wp-json\/wp\/v2\/posts\/4577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/histoiredebambou.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/histoiredebambou.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/histoiredebambou.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/histoiredebambou.com\/blog\/wp-json\/wp\/v2\/comments?post=4577"}],"version-history":[{"count":4,"href":"https:\/\/histoiredebambou.com\/blog\/wp-json\/wp\/v2\/posts\/4577\/revisions"}],"predecessor-version":[{"id":19446,"href":"https:\/\/histoiredebambou.com\/blog\/wp-json\/wp\/v2\/posts\/4577\/revisions\/19446"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/histoiredebambou.com\/blog\/wp-json\/wp\/v2\/media\/4587"}],"wp:attachment":[{"href":"https:\/\/histoiredebambou.com\/blog\/wp-json\/wp\/v2\/media?parent=4577"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/histoiredebambou.com\/blog\/wp-json\/wp\/v2\/categories?post=4577"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/histoiredebambou.com\/blog\/wp-json\/wp\/v2\/tags?post=4577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}