Formations web et création graphique - Photo produit sur le web : balance et détourage rapide

Fermer



Connexion

Photo produit sur le web : balance et détourage rapide

La balance n'était pas réglée, et de plus vous voulez détourer un produit blanc pour le mettre en ligne sur des fonds de couleurs différentes… Photoshop va travailler super vite.

Optimiser des photo produits pour Internet avec Photoshop

 

Éliminer les mauvaises dominantes de couleurs

La méthode Camera Raw

Dans le réglage des préférences, demandez à Photohop d'ouvrir les JPEG avec Camera Raw.

Si vous avez plusieurs images avec les mêmes défauts, ouvrez-les ensemble. elles apparaissent alors dans la planche contact de gauche.

Choisissez Auto dans le menu Balance des Blancs.

Optimiser des photo produits pour Internet avec Photoshop

Sélectionnez toutes les images à corriger dans la planche contact et cliquez ensuite sur Synchroniser en haut de la planche.

Optimiser des photo produits pour Internet avec Photoshop

Vérifiez que Balance des blancs est bien coché dans la liste des réglages à synchroniser. SI vous voulez, vous pouvez décocher tous les autres réglages, mais ce n'est pas obligatoire si vous n'êtes intervenu que sur la balance.

Optimiser des photo produits pour Internet avec Photoshop

Ouvrez ensuite les images et passez au détourage un peu plus loin.

La méthode Photoshop

Vous pouvez estimer que Camera Raw est un peu approximatif et surtout qu'en bidouillant la balance des blancs vous ne travaillez que sur une évaluation approximative conditionnée par votre vue, la qualité de votre écran etc.

Avec Photoshop, voici comment être précis.

Dupliquez l'arrière plan ou transformez-le en calque (cela vous servira plus tard). Activez le réglage des Niveaux (Ctrl+L sur PC ou Commande+L sur Mac).

Maintenez la touche Alt enfoncée, l'image étant alors toute noire,  et déplacez le curseur de droite vers la gauche jusqu'à apparition des ponts de blanc. C'est ici qu'il faudra opérer. Ce sont les points le plus clairs de l"image.

Attention : si votre produit est marron, cela ne marchera probablement pas, à moins qu'il n'y ait un reflet.

Optimiser des photo produits pour Internet avec Photoshop

Double cliquez sur la pipette de droite (le blanc) pour fixer une valeur de blanc qui ne soit pas nulle. C3 - M2 - J 2 est parfais. Ce blanc sera neutre et ne sera pas équivalent à un trou dans le papier!

Cliquez sur OK pour valider ces valeurs et ensuite vec cette pipette activée, cliquez à l'endroit que vous avez identifié précédemment.

Optimiser des photo produits pour Internet avec Photoshop

L'effet sera immédiat. 0 l'endroit ou vous cliquerez, les valeurs 3-2-2 s'appliqueront et l'image sera automatiquement ré étalonnée. Ci-dessous avant (à droite) - après (à gauche).

Optimiser des photo produits pour Internet avec Photoshop

Détourer sans détruire

Sur fond homogène, c'est facile. Activez la baguette magique et fixez dans la barre des infos une brosse qui ne soit pas trop dure avec une tolérance de 8.

Changez ensuite pour l'outil de sélection rapide et cliquez sur le fond jusqu'à sélection complète.

Optimiser des photo produits pour Internet avec Photoshop

Intervertissez la sélection pour englober uniquement le produit.

Optimiser des photo produits pour Internet avec Photoshop

Cliquez sur Améliorer le contour dans la barre d'options.

Optimiser des photo produits pour Internet avec Photoshop

Contractez la sélection car il vaut mieux être un peu en retrait que d'embarquer du fond avec l'objet. Pour le reste les réglages dépendent de la résolution de l'image. Attention à ne pas trop (voire pas du tout) lisser ou prévoir un contour progressif sur des objets à arrêtes franches.

Optimiser des photo produits pour Internet avec Photoshop

En cliquant sur les pastilles sous les curseurs vous pouvez vérifier l'effet par rapport à différents fonds, dont le blanc.

Optimiser des photo produits pour Internet avec Photoshop

Ne déselectionnez pas, et cliquez simplement sur l'icône de création de masque de fusion en bas de la palette des calques.

Optimiser des photo produits pour Internet avec Photoshop

Vous pouvez supprimer l'arrière plan. Le masque détourera le produt, mais si un jour vous avez besoin de récupérer le fond il sera toujours là.

Optimiser des photo produits pour Internet avec Photoshop

Rognage

L'objet est perdu au milieu de l'image. Pour rapidement recadrer en étant sur d'être au plus près, choisissez Image > Rognage.

Optimiser des photo produits pour Internet avec Photoshop

Laissez PIxels transparents sur les 4 côtés et cliquez sur OK.

Optimiser des photo produits pour Internet avec Photoshop

Enregistrer pour le Web

Fichier > Enregistrer pour le web. Affichez les 4 vignettes pour comparer les formats. En JPEG : pas de détourage. En Gif : un détourage pas terrible et surtout  prévu pour le blanc.

Optez donc sans hésiter pour PNG 24.

Optimiser des photo produits pour Internet avec Photoshop

Et voici le résultat incorporé dans un tableau HTML avec  des cellules de couleurs différentes. Ça marche dans tous les cas.

Optimiser des photo produits pour Internet avec Photoshop

Optimiser des photo produits pour Internet avec Photoshop

Optimiser des photo produits pour Internet avec Photoshop

Optimiser des photo produits pour Internet avec Photoshop

Merci à Jean-Christophe d'avoir posé la question. Si vous avez besoins de packagings ou PLV  fantastiques contactez le de ma part : http://multi-services-carton.com/

Bises