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 la couleur 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".

Tous droits réservés 2011

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 !