[TUTO][CS2] Détourer une image [PART 1]

http://oxbow151.free.fr/images/tutos/Images%20titre/d%c3%a9tourer%20une%20image%20%5bPART%201%5d.png

Voici la première partie d’un très gros tuto sur le détourage des images. Cliquez sur suite !

Dans ce tuto , nous allons apprendre à détourer une image que ce soit sur un fond complexe ou uni. En effet, c’est le cas dans beaucoup de vos créations, vous voulez absolument le personnage qu’il y a sur une image pour l’incorporer dans votre projet, mais voilà, un maudit fond est présent derrière ce personnage.

Je vous conseille d’abord de vous essayer sur chaque méthode proposée dans ce tutoriel et de suivre les exemples puis d’appliquer le procédé qui vous parait le plus adéquat dans votre cas.

Le tuto peut paraitre très long, mais ne vous y fiez pas, c’est parce que j’aime écrire de longue phrase où l’on ne comprend rien.

——————————

Objectif : Détourer une image proprement

——————————-

.:1:. La baguette magique

Voilà certainement la façon la plus simple et la plus rapide pour détourer une image ! L’outil n’a pas trop de contraintes si ce n’est qu’il fonctionne plus efficacement sur des fonds unis ou dégradés.

Pour vous initier à son utilisation, voici en détail la marche à suivre.

Nous allons d’abord commencer par prendre une image avec un fond pratiquement uni comme un ciel bleu a retiré, par exemple ceci :

http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20D%c3%a9tourer%20une%20image%20%5bPART%201%5d/image1.png

Lancez Adobe Photoshop (n’importe qu’elle version que ce soit et ce sera ainsi pour tout le reste du tuto).

Allez dans l’onglet « Fichier » puis « Ouvrir » et cherchez l’emplacement de l’image précédemment téléchargée puis faites « OK »

Pour détourer la partie de l’image que l’on ne veut plus on aura besoin de l’outil « baguette magique » (4éme outil dans le panneau dédié aux outils) :

http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20D%c3%a9tourer%20une%20image%20%5bPART%201%5d/image%202.png

Maintenant que la baguette magique est sélectionnée, l’icône de votre souris va prendre une nouvelle forme et une barre de configuration de l’outil va s’afficher.

Aussi, dans notre exemple, nous aurons besoin de changer la tolérance, car le ciel que nous voulons retirer possède diverses teintes de bleu (en réglant la tolérance à 0, par exemple, la baguette magique ne prendra en compte que la zone sélectionnée ayant uniquement des pixels de la même couleur). Ici, nous allons régler les paramètres de l’outil de cette façon :

http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20D%c3%a9tourer%20une%20image%20%5bPART%201%5d/image%203.png
(Tolérance à 55 avec les options « Lissé » et « Pixels contigus »)

Maintenant, cliquez n’importe où sur la zone de ciel, vous devriez obtenir ceci :

http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20D%c3%a9tourer%20une%20image%20%5bPART%201%5d/image%204.png

Une sélection s’est donc créée et deux choix s’offrent à vous, soit vous coupez la sélection et à ce moment-là, la couleur d’arrière-plan prendra la place du ciel (l’image sera ainsi prête à être utilisée plus tard) soit vous collez directement l’image de fond dans la sélection.

Solution 1 : Couper la sélection pour un usage ultérieur

Après avoir crée votre sélection, allez dans l’onglet « Edition » puis « Couper » de cette façon, la couleur d’arrière plan remplacera le zone de ciel :

http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20D%c3%a9tourer%20une%20image%20%5bPART%201%5d/image%205.png

La couleur par défaut est le blanc, vous pouvez aisément changer la couleur d’arrière plan, mais ce avant que vous ne coupiez la sélection.

Cliquez sur la petite case blanche en dessous de celle en noir :

http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20D%c3%a9tourer%20une%20image%20%5bPART%201%5d/image%206.png

Une fenêtre va s’afficher où vous pourrez très simplement changer la teinte de la couleur d’arrière-plan : (celle-ci n’a pas d’importance, mais prenez plutôt une teinte claire et différente du blanc ou du noir pour mieux s’y retrouver).

http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20D%c3%a9tourer%20une%20image%20%5bPART%201%5d/image%207.png

Faites « OK », vous pouvez voir comme ceci que la couleur est bien sélectionnée :

http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20D%c3%a9tourer%20une%20image%20%5bPART%201%5d/image%208.png

Pour vous en resservir plus tard, vous n’aurez plus qu’à sélectionner la zone de couleur d’arrière-plan avec la baguette magique et suivre la solution suivante.


Solution 2 : Coller directement l’image de fond dans la sélection

Rien de plus simple ! Une fois votre sélection faite, ouvrez l’image qui vous servira de nouveau fond. Il faut maintenant la copier, pour se faire prenez l’outil « Rectangle de sélection » (1er outil dans le panneau dédié aux outils) :

http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20D%c3%a9tourer%20une%20image%20%5bPART%201%5d/image%209.png

Sélectionnez toute l’image en partant d’un de ses coins (ou CTRL + A) :

http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20D%c3%a9tourer%20une%20image%20%5bPART%201%5d/image%2010.png

Faites ensuite « Edition », « Copier » (ou CTRL + C)

Revenez maintenant à l’autre image où la sélection est toujours présente, faites « Edition », « Coller dedans » :

http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20D%c3%a9tourer%20une%20image%20%5bPART%201%5d/image%2011.png

Ceci créera un nouveau calque et va coller l’image de la même façon qu’un arrière-plan (l’image copiée sera derrière l’image principale).
Quelques réglages sur l’homothétie du nouveau calque ou sur la luminosité de l’image principale et le tour est joué ! (Pour appliquer ces effets, sélectionnez le calque à modifier puis « Image », « Réglages » et choisissez ce qu’il vous plait. Enfin, pour la taille, rotation, etc. ça se passe dans « Edition », « Transformation »)

Ainsi, d’un magnifique ciel bleu :

http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20D%c3%a9tourer%20une%20image%20%5bPART%201%5d/image1.png

On passe à un ciel gris et nuageux :

http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20D%c3%a9tourer%20une%20image%20%5bPART%201%5d/image%2012.png

___

Tuto réalisé par PyroO

___

http://oxbow151.free.fr/images/divers/license.png

A lire sur le même sujet :

  • Bonjour, suite à votre tutoriel sur le détourage, je tenais juste à apporter ma contribution. Depuis peu, une formation vidéo gratuite est disponible à cette adresse :

    http://www.video2brain.com/fr/products-123.htm

    :)

  • Merci pour le lien, c’est tjr bon d’avoir plusieurs possibilités ;)


Me tenir au courant des nouveaux commentaires pour cet article