Retour à l'index

I- Qu'est-ce que le "détourage" ? :

Ayant trouvé très bien la définition présente dans Wikipédia, je vous la propose :

"Le détourage est une opération consistant à ne retenir d'une illustration qu'une partie.
Il faut pour cela séparer l'objet et le fond, donc délimiter le contour de l'objet. Une fois détourée, l'image présente des contours irréguliers (au lieu d'un contour rectangulaire) correspondant à l'objet que l'on a extrait. La partie inutile est rendue transparente (on peut alors insérer l'objet dans une autre image), ou blanche, ou autre.
Cette technique est aussi utilisée pour retoucher les photos de grande précision afin d'en faire ressortir certains détails, en changer les nuances de couleurs ou en améliorer le focus.

Il existe plusieurs techniques de détourage :
▬ En utilisant les couleurs composant l 'image pour extraire une partie de l'image correspondant à l'objet a détourer
▬ Par lasso, l'outil lasso permet de tracer un contour bitmap à la main, à savoir le contour de l'objet à détourer
▬ Outil plume, l'outil plume permet de définir des points situés à la limite de l'objet à détourer. Chaque point servira pour définir la courbure du contour de l'objet à détourer. Cette technique permet de faire un contour vectoriel plutôt que bitmap en utilisant les courbes."

Ce que l'on obtient après détourage, cet objet ou personne que l'on a isolé, se nomme couramment sur la toile un "render". L'équivalent Français est "tube"... mais avouez que le terme anglophone possède quand même plus de style !
Il existe sur le net plusieurs sites proposant des renders en "libre utilisation". Attention toutefois, ce n'est pas parce que vous avez isolé un élément d'une image que cet élément vous appartient ! Il appartient toujours à l'auteur de l'image de base, donc soit le photographe qui a pris le cliché, soit l'artiste qui a dessiné le personnage.

Voici quelques sites où vous pouvez trouver des renders :
▬ tout d'abord ici :) (dans la partie "téléchargements" vous avez des renders classés par catégorie) et vous pourrez d'ailleurs proposer les votres pour qu'ils soient ajoutés si vous mettez en pratique cette étape !
▬ le site le plus connu est probablement Planet Render, il est en anglais mais propose de nombreux renders, très variés. Faites votre recherche en anglais ! ;)
▬ le site "Renders graphiques" est en quelques sortes son cousin Français, il propose lui aussi de nombreux renders qui sont de qualité variables puique postés par les membres de cette communauté

Pourquoi alors apprendre à détourer lorsque les autres le font à notre place et que l'on peut trouver des renders partout sur la toile ? Et bien tout simplement car vous ne trouverez pas forcément l'image que vous voulez... Toutes les images existentes n'ont pas été détourées, et il sera fréquent que vous ne trouviez pas le render de l'image que vous voulez. Par ailleurs, vous pourrez également n'avoir besoin que d'un objet précis de l'image, autre que l'objet central ou que le personnage. Il faudra là-aussi pouvoir l'isoler.
Ne pas savoir faire de render est donc handicapant à long terme, et vous verrez que vous vous retrouverez souvent bloqué si vous ne savez pas le faire.

II- Comment détourer ? :

Comme vous avez pu le lire dans la définition du début, il existe plusieurs méthodes, et cette méthode ne se fera pas seulement en fonction de votre préférence mais aussi et surtout en fonction de l'image que vous avez à détourer. En effet, selon si le fond est uni ou non, si l'image est sombre ou claire, si le personnage à de fins cheveux au vent ou la boule à Z... la méthode ne devra pas être la même !

La première méthode est pour les fonds unis et différents de la couleur de l'élément à isoler. Attention, elle est rapide mais assez peu "propre". Il reste souvent des pixels du fond autour et il suffit qu'à un endroit les couleurs du fond et de l'élément soient proches pour que tout soit sélectionné avec la gomme magique.

Voici les tutoriels, vous comprendrez mieux :
▬ Premier tutoriel
▬ Second tutoriel

Autre méthode avec le lasso polygonal. C'est une méthode déjà plus propre mais encore un peu approximative. Elle peut néanmoins beaucoup servir car elle est assez rapide !
▬ Détourer avec le lasso

Voici enfin la méthode la plus utilisée : la plume ! Elle fait un peu peur au début cette fameuse plume, mais elle permet de faire des renders très propres au contour net. Elle permet aussi de faire des courbes.
Extraire une image avec la plume
▬ Astuce pour détourer les images sombres

Et si votre personnage a des cheveux fins, le découpage à la plume risque d'être laborieux... Alors voici une méthode rapide pour isoler le personnage sans lui refaire la coupe au passage :
Détourage cheveux (video)
Détourage d'éléments fins
Découper les cheveux facilement

III- Aide à l'intégration du render dans une création :

Dans un premier temps, je juge bon de vous rappeler une information vitale : comment réduire une image sans la déformer. En effet, bien souvent votre render sera trop grand, surtout si vous réalisez des formats signature. Il vous faudra le réduire. Pour cela déplacez votre render sur votre création puis effectuez une transformation de cette manière :
Astuce pour ne pas déformer une image
C'est une information que, normalement, vous devriez déjà posséder et appliquer, mais je la rappelle tout de même.

Afin qu'en mettant votre render sur une création (un fond que vous auriez fait par exemple) il ne paraisse pas juste "posé" et qu'au contraire il ait l'air d'appartenir à la création, voici quelques méthodes simples :
▬ Incruster son render
▬ Le contour progressif

N'oubliez pas aussi que vous avez à votre disposition tout les tutoriels des signatures complètes pour vous exercer.

Exercices d'évaluation

Vous n'êtes pas forcés de faire ces exercices pour passer à l'étape suivante, vous n'êtes pas non plus obligés de tous les faire. Vous pouvez n'en faire qu'un ou deux sans aucun souci. De même, il n'est pas obligatoire de les poster pour les faire évaluer par les autres membres et notamment les plus avancés en graphisme, mais c'est toutefois conseillé.
=> Section où poster

Si vous les postez, n'oubliez pas de mentionner :
- le numéro de l'étape
- le numéro de l'exercice choisi (ou des exercices choisis)
- affichez si nécessaire la ou les images de base utilisées

Exercice 1 : Effectuez deux renders à partir d'images de votre choix et proposez-les dans la section Ressources d'image (en plus de les poster dans la section prévue aux exercices).

Exercice 2 : Réalisez le render d'une image d'un personnage réel comportant des éléments fins (cheveux).

Exercice 3 : Lancez-vous das une commande de kit en utilisant ce que vous avez appris dans cette étape.

Exercice 4 : Essayez de trouver un moyen d'incruster votre render autre que les techniques présentées dans les tutoriels de cette étape.

Etape 5 : Les Fractals & Abstracts Etape 7 : Lumières & Couleurs

Retour à l'index