La désaturation, après détourage d'une partie de la photo dans PHOTOSHOP, est une astuce efficace pour donner de l'impact aux produits que vous commercialisez sur votre site web.

Avantage du détourage partiel + désaturation :

-Le détourage avec désaturation met en valeur l'objet que vous commercialisez (la robe, le tee-shirt, le sac-à-main, etc.)
-Le détourage avec désaturation gomme les imperfections colorimétriques sur le reste de la photo.
-Le détourage avec désaturation homogénéise vos photos en gommant les différences entre les mannequins.
-Le détourage avec désaturation fait ressortir les couleurs du vêtement.

Détourage avec désaturation du mannequin - Realisé dans Photoshop CS5 - Tous droits réservés.
 

Comment procéder pour obtenir un détourage partiel avec désaturation dans Photoshop CS3, CS4 ou CS5 ?
-Ouvrir Photoshop. Ouvrir la photo à désaturer.
-Effectuer un détourage à la plume du vêtement à préserver.
-Sélectionner à partir du tracé de détourage.
-Inverser la sélection.
-(CTRL U) désaturer complètement ou à 90 %.

Remarque : L’opération de désaturation requiert un tracé de détourage de haute qualité afin de ne pas produire un liseré conservant le coloris d'origine.

A partir de l'image détourée et désaturée, les variations colorimétriques sont aisées par déplacement du HUE. La partie désaturée est en effet insensible aux variations de HUE. Par ailleurs l'absence de tonalité des parties désaturées assure une harmonie parfaite quelle que soit la nouvelle couleur du vêtement.

Détourage, désaturation, puis recolorisation sous PHOTOSHOP CS5 - Tous droits Réservés.

Il devient alors facile de proposer de nouveaux coloris sur votre site en ligne sans pour autant avoir le shoot photo correspondant.

Détourage, désaturation et recolorisation sous PHOTOSHOP CS5 - Tous droits Réservés.

Les photos de votre site marchand peuvent être facilement copiées. Ajouter un filigrane à vos images les protège relativement efficacement. Le problème du filigrane est qu'il mord plus ou moins sur les images et peut altérer la lisibilité des produits présentés, ce qui est contre-productif dans le cas d'un site de vente en ligne.

La beauté d'un filigrane réside dans sa capacité à se faire oublier et à être le plus esthétique possible. Néanmoins plus le filigrane est petit et transparent, plus le gommage par retouche photo est possible.

Voici quelques filigranes basiques. D'autres plus élaborés peuvent s'imaginer à partir de ceux-ci en jouant sur la transparence, le format et la position.

Diverses Incrustations de filigranes réalisés dans Photoshop CS5.

Les avantages du filigrane.

-Protège vos photos. Dissuade les pilleurs.

-Si un particulier sauvegarde l'image de votre produit, le filigrane lui rappelle votre marque ou l'adresse de votre site web lorsque celui visionne l'image indépendamment de votre site web. Une image sauvegardée se transforme ainsi en support publicitaire.

-Rend votre site plus professionnel en confirmant au visiteur que vous êtes le propriétaire des images.

-Rend la tâche de concurrents indélicats plus difficiles. Si un concurrent veut utiliser une image filigranée, il devra au préalable effectuer un travail de retouche photo.

-Devient un support publicitaire dans la section Google Image étant donné que certains internautes ouvrent directement l'image et non le site.

-Permet de communiquer par mails avec des grossistes, des clients via des documents attachés, le filigrane rappelant que l'image est votre propriété et doit rester confidentielle.

Filigranes et copyrights réalisés dans Photoshop CS5.

Comment insérer un filigrane dans PHOTOSHOP ?

Voici la procédure pour créer un filigrane "bandeau" dans PHOTOSHOP CS3, CS4 ou CS5.
-Ouvrir Photoshop CS3, CS4 ou CS5.
-Ouvrir le document à filigraner.
-Détourer l'image, redimensionner, placer son contenu sur fond blanc.
-Créer un nouveau calque de premier plan.
-Dessiner un bandeau de couleur noire à la position choisie à partir de l'outil "forme rectangulaire" ou en remplissant une sélection.
-Inscrire le texte au niveau du bandeau.
-Régler la transparence du bandeau et du texte sur 50%.

Le positionnement du filigrane est parfois réalisé automatiquement dans certains cas à travers des actions ou des scripts PHOTOSHOP. L'automatisation de l'incrustation du filigrane n'est pas toujours possible notamment si les tailles d'images varient ou si le filigrane doit être apposé judicieusement pour ne pas cacher malencontreusement une partie essentielle du produit présenté.

N'oubliez pas de régler également les paramètres DESCRIPTION , IPTC, etc.
Les paramètres DESCRIPTION et IPTC permettent d’insérer des méta-données textuelles dans les fichiers telles que le propriétaire de l'image. Bien que ces paramètres peuvent être écrasés, les données DESCRIPTION et IPTC sont des options supplémentaires pour renforcer la propriété sur une image.

Pour régler les paramètres DESCRIPTION et IPTC dans PHOTOSHOP CS3, CS4 ou CS5.
-Ouvrir PHOTOSHOP CS3, CS4 ou CS5.
-Ouvrir l'image à filigraner.
-Menu fichier -> fichier info.
-Dans l'onglet "DESCRIPTION", renseigner les champs "titre du document", "auteur", "description", "mots clefs", "copyright info URL".
-Reproduire l’opération dans l'onglet "IPTC".

Voir aussi notre autre article sur les filigranes.
FILIGRANES sous PHOTOSHOP sur une image détourée

Une fois détourées, vos images peuvent accueillir un fond blanc ou de couleur. Une autre solution est d'ajouter un fond spécialement créé pour votre gamme de produits qui personnalisera vos images et votre site marchand de manière spectaculaire.

Incrustation d'un fond dans Photoshop - Tous droits réservés.

Pourquoi mettre vos images sur un fond spécial ?

-Votre identité visuelle est renforcée.
-Vous vous distinguez des autres sites web.
-Vos images sont marquées de votre fond. Elles seront difficilement utilisables à votre insu sur un autre site web.
-Le fond répond à votre charte graphique et s'harmonise avec les couleurs et le style de votre site web.

Procédure pour ajouter un fond à une image (compatible avec PHOTOSHOP CS3, CS4, CS5).

-Ouvrir Photoshop. Ouvrir la photo de votre produit.
-Transformer l'image en un calque indépendant.
-Exécuter un tracé de détourage.
-Sélectionner le tracé.
-Transformer le tracé en sélection

-Inverser la sélection et supprimer pour obtenir un fond transparent.
-Redimensionner le canvas à la taille du fond à importer.
-Menu fichier -> placer pour ouvrir votre fond dans le même document.
-Faire un déplacement pour ajuster la position de votre fond.
-Mettre le fond derrière le calque de votre produit détouré.

Fond incrusté dans Photoshop - Tous droits réservés.

Conseils pour un fond réussi.

-Testez vos images avec fond sur votre site web pour vous assurer qu'il est en accord avec votre charte graphique
-Créez un fond dont les ornements sont positionnés sur les bords, le centre étant réservé à votre produit.
-Testez votre fond avec des objets qui occupent l'espace de votre image différemment.
-Testez votre fond sur des images de différentes tailles, du zoom à la vignette.
-N'hésitez pas à utiliser les services d'un graphiste pour réaliser votre fond. Un fond est créé une seule fois. Ensuite il est incrusté sur toutes vos images. Il est important qu'il soit réussi !

Pour la préparation des images de sites marchands, le détourage est incontournable. Mais au-delà du détourage, il existe également d'autres astuces qui permettent de mettre en valeur vos produits et de vous distinguer de la concurrence.

Détourage avec effet "découpe" - Réalisé dans Photoshop - Tous droits réservés.

Ci-dessus nous vous présentons l'effet Scrapbooking qui donne la sensation que l'image a été découpée dans un magazine. L'intérêt de cette technique est l'on donne rapidement du relief à l'image tout simplement à partir du tracé de détourage. Le produit a plus d'impact. L'image semble plus travaillée. Le site web qui en use gagne en crédibilité.

La préparation d'une image détourée en effet Scrapbooking est simple car elle s'appuie sur le tracé de détourage. Une fois l'image détourée, seulement quelques étapes dans Photoshop sont nécessaires pour obtenir l'effet souhaité.

Cet effet se prête bien aux objets de faible épaisseur. Il est donc particulièrement adapté aux vêtements shootés à plat.
Voici comment procéder :

-Ouvrir dans Photoshop l'image du vêtement à traiter.
-Effectuer un tracé de détourage dans Photoshop.
-Effectuer une sélection partir du tracé de détourage.
-Supprimer le fond.
-Créer un nouveau calque-masque "solid Color" blanc.
-Effectuer à nouveau une sélection à partir du tracé de détourage.
-Puis Menu Sélectionner -> Modifier -> Agrandir pour élargir la sélection.
-Puis Menu Sélectionner -> Modifier -> Smooth pour rendre les contours plus doux.
-Inverser la sélection.
-Cliquer sur la partie masque du calque-masque.
-Remplir le masque de noir au niveau de la partie extérieure à l'objet en utilisant la sélection élargie.
-Régler l'opacité du calque-masque sur 0%.
-Créer une ombre sur ce calque-masque pour donner du relief à l'effet "découpé".

L'effet "découpé-dans-un catalogue" est très esthétique. Cependant il faut vraiment effectuer un Smooth de la sélection pour rendre propre et élégante la sélection élargie. Eventuellement répéter le smooth avec plusieurs radius afin de choisir celui qui convient le mieux et qui apporte une belle rondeur au tracé sans pour autant rogner les angles.

Il existe deux approches pour préparer des images avec ombre. La première consiste à détourer l'objet puis à reconstruire l'ombre; Plusieurs méthodes dans Photoshop permettent de recréer une ombre. La deuxième approche consiste à inclure l'ombre dans le tracé ou le masque de détourage.

Détourage photo d'une chaussure avec conservation de l'ombre originale

La conservation de l'ombre dans le tracé ou le masque présente certains avantages :

-L'ombre est plus réaliste à juste titre.
-La préparation de l'image est souvent plus rapide étant donné que certaines ombres sont très difficiles à reconstruire. L'ombre d'une chaise par exemple est très délicate car le porté 3D des pieds avec conservation des points d'ancrage est fastidieux. L'ombre d'un vêtement à plat est en revanche très facile à reconstruire dans Photoshop.

La conservation d'une ombre est particulièrement appropriée dans le cadre de packshots de chaussures car l'ombre participe fortement à la lecture et la mise en valeur de l'objet. L'illustration ci-dessus montre une chaussure détourée avec conservation de l'ombre originale.

La difficulté lors de la conservation des ombres originales :
-Il faut positionner le tracé suffisamment à l'extérieur de l'ombre pour éviter le coté "tranché" du détourage.
-Les images doivent être shootées sur fond blanc. Le fond final doit être blanc.
-Une retouche est généralement nécessaire pour assurer une fusion parfaite avec le fond et donner l'effet de fondu.

Il est possible de travailler la transparence avant la mise sur fond blanc en produisant un masque de feathering plus diffus au niveau de l'ombre et plus court sur le reste de la chaussure. Les images ainsi travaillées peuvent être rendu en TIF avec masque de fusion ou couche alpha, ou encore PNG sur fond transparent avec un aliasing plus travaillé au niveau de la zone d'ombre.

TUTORIEL EN VIDEO :
Détourer des chaussures avec ombre originale sous Photoshop CS6. 

N'hésitez pas à vous rendre sur detourer.com pour accéder aux services en ligne.

Tous droits réservés detourer.com 2013