Overblog
Suivre ce blog Administration + Créer mon blog
3 mars 2013 7 03 /03 /mars /2013 10:46


Rub01Photomontage d'un bébé géant dans une ville - Réalisé sous Photoshop CS6.

 

photomontage-photoshopPhotomontage - Rendu final

 

Astuce
300x300panneau 01-copie-1

Pour réaliser ce photomontage, il vous faudra au minimum trois visuels:
Un bébé, une ville et un ciel.

 

Travaillez en haute définition sous Photoshop.

 

300x300panneau 01-copie-1
Pied astuce

photomontage1


Rub02Une fois que les visuels sont détourés, disposez le bébé en arrière-plan.

 

photomontage1Photomontage - Unification des visuels

 

Astuce
300x300panneau 01-copie-1

Pour un détourage sans effet de halo, privilégiez l'outil "Plume" de Photoshop.

Les couches alpha ne sont pas recommandées dans le cas présent.

 

300x300panneau 01-copie-1
Pied astuce

photomontage2


Rub03Une fois le cadrage réalisé, effacez le reflet de l'immeuble.

 

photomontage2Photomontage - Suppression du reflet

 

Astuce
300x300panneau 01-copie-1

Utilisez l'outil "Tampon de duplication".

 

Prenez bien en compte les lignes de perspectives lorsque vous réalisez la duplication de matière.

 

300x300panneau 01-copie-1
Pied astuce

photomontage3


Rub04Placez un ciel saturé de votre choix en arrière-plan.

 

photomontage3Photomontage - Ajout du ciel

 

 

Astuce
300x300panneau 01-copie-1

Vous pouvez dessiner des nuages et réaliser quelques retouches pour le ciel à l'aide d'un outil "Brush" arrondi flou de Photoshop.

 

 

 

300x300panneau 01-copie-1
Pied astuce

photomontage4


Rub05Dessinez le reflet du bébé à l'aide d'un brush arrondi flou.

 

photomontage4Photomontage - Création du reflet

 

Astuce
300x300panneau 01-copie-1

Lorsque le reflet est dessiné, diminuez l'oppacité de 50%.

 

Dans les options de fusion se trouvant dans la fenêtre "Calque ", sélectionnez "Incrustation".

 

300x300panneau 01-copie-1
Pied astuce

photomontage5


Rub06Remplissez un calque vierge de bleu en mode Incrustation.

 

photomontage5Photomontage - Mise en ambiance

 

Astuce
300x300panneau 01-copie-1

Utilisez du bleu pour rester dans un thème neutre et froid.

 

Vous pouvez aussi utiliser des couleurs chaudes comme le rouge, le orange, le jaune, etc. 

 

300x300panneau 01-copie-1
Pied astuce

photomontage6


Rub07Pour cette dernière étape, apportez des retouches sur ce photomontage.

 

photomontage6Photomontage - Finition

 

Astuce
300x300panneau 01-copie-1

Soyez vigilant sur les proportions des éléments lors des dernières retouches.

 

 

 

 

300x300panneau 01-copie-1
Pied astuce

photomontage7


Rub08Rendu final du photomontage.

 

photomontage-photoshopPhotomontage - Retouches et rendu final

 

 

 

Séparateur

 

 

Tous droits réservés detourer.com 2013

 

 

 

 rubriques photomontage detourage photomontage phot-copie-1  rubriques detourage photomontage photoshop CS5 CS6 02  rubriques detourage photomontage photoshop CS5 CS6 03  rubriques detourage photomontage photoshop CS5 CS6 04

 

 

Repost0
13 octobre 2012 6 13 /10 /octobre /2012 14:08
    
Le mise en ambiance d'un meuble de jardin lors d'un shoot photo en extérieur est complexe. Cela implique la location d'un site pour mettre en valeur le mobilier, la gestion du transport des meubles, la mise en place des meubles et le shoot.

La solution du photo-montage peut alors s'avérer séduisante. En effet, incruster du mobilier de jardin dans un décor vendeur à l'aide de Photoshop est rapide. La mise en ambiance est souvent plus réussie car le fond peut-être choisi parmi un large éventail (jardins, terrasses , plages, etc.). Ce didacticiel montre comment insérer dans Photoshop CS6 un meuble de jardin sur un fond "plage paradisiaque".

 

 

 

05 Mise en ambiance canape

Mise en ambiance d'un meuble de jardin par photo-montage dans Photoshop

 

 

ligne

 

 

Etape 01

 

 

Sélectionnez et détourez le meuble de jardin que vous souhaitez mettre en ambiance.


(Astuce : Il est préférable de détourer le meuble de jardin dans photoshop avec l'outil plume (P) pour obtenir un résultat plus fiable et plus esthétique.)

 1 Mise en ambiance canape

 

detourage-image.jpg

 

ligne

 

Etape 02

 

Choisissez le support sur lequel sera posé le meuble de jardin. Ici, la mise en ambiance s'effectuera avec un plancher modélisé par un logiciel 3D.

 

 

 

 

 

 

 

 

 

 

Sur votre meuble de jardin, tracez ses lignes de fuite. Elles permettront d'arranger le plancher pour un photo-montage réussi.

 

 

 

 

 

 

 

 

 

 

 

En utilisant les outils de déformations de photoshop, modulez l'image du plancher.


(Astuce : Les lattes du plancher doivent s'aligner avec les lignes de fuite tracées précédemment.)

 02 Mise en ambiance canape

 

 

ligne

 

 

 

Etape 03

 

Importez dans photoshop l'image du fond qui sera utilisée pour la mise en situation du meuble de jardin.

Déplacez et transformez le fond afin de permettre son incrustation évidente.


(Astuce : Il est préférable de garder les lignes de fuite du meuble de jardin pour que l'horizon du fond converge vers celles-ci.)

 031 Mise en ambiance canape

 

 

 

032 Mise en ambiance canape

Lignes de fuite du meuble de jardin 

 

 

ligne

 

detourage-image.jpg

 

Etape 04

 

Pour créer l'ombre du meuble de jardin,

Sélectionnez la zone d'ombre avec l'outil lasso (L) en tenant compte de la provenance de la lumière de la scène. Ici, la lumière provient du fond donc l'ombre portée fuira vers le bas.

Remplissez cette zone de noir avec l'outil pot de peinture (G),

Appliquez un blur gaussien et baissez l'opacité.


(Astuce : Un objet crée une ombre portée (celle qu'elle projette sur son support) et une ombre propre (celle qu'elle projette sur elle-même) donc n'oubliez pas de créer l'ombre propre du meuble de jardin.)

 

 

 

 041 Mise en ambiance canape

 

 

 

 

042 Mise en ambiance canape

Ombrage du meuble de jardin 

 

 

ligne

 

detourage-image.jpg

 

Etape 05

 

Pour perfectionner la mise en ambiance du meuble de jardin, il faut que le meuble de jardin soit plus éclairé car il est directement posté sous la lumière du soleil.

Utilisez la courbe d'ajustement de niveau (Ctrl+L) pour éclairer le
meuble de jardin.

 

 

05 Mise en ambiance canapeMise en ambiance d'un meuble de jardin par photo-montage dans Photoshop CS6

 

 

 

 

"PHOTO-MONTAGE D'AMBIANCE pour MEUBLE DE JARDIN" réalisé par Tommy Toussaint 

Tous droits réservés detourer.com 2006/2012

 

 rubriques photomontage detourage photomontage phot-copie-1 rubriques detourage photomontage photoshop CS5 CS6 02 rubriques detourage photomontage photoshop CS5 CS6 03 rubriques detourage photomontage photoshop CS5 CS6 04
Repost0
12 septembre 2012 3 12 /09 /septembre /2012 14:05

 

 

 

Lorsque vous avez des produits, tels que des canapés, à mettre en ambiance, le premier réflexe est de shooter une photo dans un décors de studio. L'alternative est de créer un décors en 3D qui présentera l'avantage de s'adapter à l'angle de shoot du canapé. Par ailleurs, le décors 3D sera réutilisable pour d'autres photo-montages. Ce didacticiel vous montrera comment réaliser la mise en ambiance d'un canapé par photo-montage dans un décors en 3D.

 

 

Ambiance Didacticiel Canape Intro

  Mise en ambiance d'un canapé dans un décors 3D

 

 

ligne

 

 

 

Etape 01

 

 

Sélectionnez le canapé pour lequel vous souhaitez créer la mise en situation.

Astuce : Prenez en compte l'angle et la focale utilisés. Ils seront nécessaires pour parfaire la mise en ambiance. Une photo prise sans ombre permettra une incrustation plus adaptée.

  Ambiance Didacticiel Canape 01

 

detourage-image.jpg

ligne

 

 

Etape 02

 

 

Ouvrez Photoshop, importez l'image du canapé et détourez-la en utilisant la plume (P) pour plus d'efficacité et de précision.
(Astuce : Ne détourez pas les ombres, ils seront créées manuellement selon la provenance de la lumière dans la scène 3D utilisée.)

 

  Ambiance Didacticiel Canape 02

 

 

ligne

 

 

Etape 03 

Modélisez votre intérieur 3D avec un logiciel approprié pour le photo-montage. Un intérieur design et sobre se marie mieux avec la plupart des canapés.
(Astuce : La scène 3D permet de régler la couleur des objets, l'angle utilisé et la direction de la lumière. Ici une grande baie vitrée donnera la possibilité de changer l'extérieur de la scène à volonté pour qu'elle soit en adéquation avec le canapé sélectionné pour la mise en ambiance.)

 

 

Ambiance Didacticiel Canape 03

    Environement 3D pour la mise en ambiance

 

 

ligne

 

 

Etape 04

 

Extrayez le rendu le plus approprié en tenant compte des fuyantes du canapé et alignez-les en fonction de celles des éléments du rendu d'intérieur.  Importez  le canapé dans la scène 3D.

 

 

Ambiance Didacticiel Canape 04

    Réglage des fuyantes du canapé avec l'environnement 3D

 

detourage-image.jpg

ligne

 

 

 

Etape 05

 

 

La mise en situation commence à prendre allure. Maintenant créez les ombres du canapé pour une incrustation plus souple et adaptée.

 

 

 


-Remplissez une sélection rectangulaire en noir avec une petite opacité et utilisez le blur gaussien pour estomper les extrémités.

 

 

 

 


-Sous le canapé, créez une ombre un peu plus foncée. Elle permettra de donner l'information de proximité avec le sol.

 

 

 


-N'oubliez pas les pieds du canapé.

 

 

 


-L'accoudoir gauche du canapé doit créer une ombre sur l'assise.

  Ambiance Didacticiel Canape 05

 

 

 

ligne

 

Etape 06

 

 La dernière étape consiste à importer un fond extérieur qui épouse bien le reste de l'image.
(Astuce : Le sol du fond doit suivre le sol de l'intérieur 3D. Les fuyantes doivent être presque parallèles. Utilisez les outils de saturation et de colorisation de Photoshop pour que le fond s'harmonise avec l'intérieur de la pièce correctement.)

 

 

Ambiance Didacticiel Canape 06

Réglage des fuyantes du fond avec l'environnement 3D

 

 

ligne

 

detourage-image.jpg

 

Ambiance Didacticiel Canape Intro

 

 

"MISE EN AMBIANCE d'un CANAPE par PHOTO-MONTAGE" réalisé par Tommy Toussaint 

Tous droits réservés detourer.com 2006/2012

 

 

Séparateur

TUTORIEL EN VIDEO :
Mise en amabiance d'un canapé sous Photoshop CS6.
 

 

mise en amabiance detourercom demo 001

 

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

 

Séparateur

 

 

Tous droits réservés detourer.com 2013

 

 

 rubriques photomontage detourage photomontage phot-copie-1  rubriques detourage photomontage photoshop CS5 CS6 02  rubriques detourage photomontage photoshop CS5 CS6 03  rubriques detourage photomontage photoshop CS5 CS6 04
Repost0
23 novembre 2011 3 23 /11 /novembre /2011 22:05

La retouche photo des bijoux destinés à un site de vente en ligne maximise l'impact des produits commercialisés. Les photos de bijoux sont difficiles à shooter et présentent souvent des imperfections notamment au niveau des reflets. La retouche photo rapide d'un bijou (sous 1 heure) dans Photoshop permet de corriger les défauts principaux.

Nous illustrons ci-dessous la retouche photo rapide d'une image de bijou assez dégradée à l'origine pour au final obtenir un bijou dont les reflets sont contrôlés.

 

 


 

retouche-photo-bijoux-bague-photoshop-cs3-cs5-pour-site-web

Retouche photo d'un bijou par detourer.com - Tous droits réservés.

 


 

ligne

Description générale de la retouche

-Ouvrez Photoshop CS3, CS4 ou CS5
.
-Ouvrez la photo du bijou à retoucher.
-Réalisez des tracés de détourages des différentes parties du bijou, à savoir un tracé par nature de matériau et par facette. Plus le bijou est complexe, plus le nombre de sous-detourages sera élevé. Ne lésinez pas sur le nombre et la précision des détourages car plus le détourage est réalisé avec soin plus les retouches seront rapides et élégantes. Commencez par la retouche d'une des grandes surfaces du bijou et concentrez vous sur un seul matériau à la fois. Prenons la partie argent de cette bague.
-Transformez le tracé de détourage correspondant en sélection.
-A l'aide du tampon de Photoshop, remplacez toutes les parties de matières peu esthétiques (les mauvais reflets) avec des zones de matières saines à proximité.
-A l'aide de l'outil "doigt" de Photoshop, tirez du centre vers l’extérieur pour propager des zones propres du bijou vers des zones endommagées.
-Enfin à l'aide de l'outil "goutte d'eau" de Photoshop, harmonisez les zones pour gommer les retouches trop brutes. Ne pas abusez de la goutte d'eau car elle tendance à rendre matte le bijou et à atténuer les reflets spéculaires.

detourage-image.jpg

 

ligne

 

 

 

retouche-photo-bijoux-bague-photoshop-cs3-cs5-pour-copie-1

Retouche photo d'un bijou par detourer.com - Tous droits réservés.

 

 


ligne


Passez ensuite sur une autre partie importante du bijou. Prenons l’intérieur "Or" de cette bague. A nouveau, transformez en sélection le tracé de détourage correspondant.
A l'aide du tampon, du doigt et de la goutte d'eau, corrigez tous les défauts du bijou comme les reflets indésirables.

detourage-image.jpg

 

ligne


 

 

 

 

retouche-photo-bijoux-bague-photoshop-cs3-cs5-pour-copie-2

Retouche photo d'un bijou par detourer.com - Tous droits réservés.

 


 

ligne

 

Passez maintenant sur les parties présentant une surface plus faible comme les parties "Or" extérieures de cette bague. L’étroitesse de ces bandes rend les retouches plus fastidieuses, notamment avec le tampon et le doigt de Photoshop car il y a un manque de matière. Veillez aussi à ce que vos sous-détourages coïncident bien avec le détourage argent. Dans le cas contraire, un liseré noirâtre apparaitra. Ne pas hésitez à utiliser les opérations booléennes sur les tracés pour renforcer cette coïncidence.

detourage-image.jpg

 

ligne

 

 


 

retouche-photo-bijoux-bague-photoshop-cs3-cs5-pour-copie-3

Retouche photo d'un bijou par detourer.com - Tous droits réservés.


 

 

 

ligne

La retouche des petits défauts.

 
Il est temps de retoucher les petits défauts. L’absence de matière rend ces retouches délicates. Les surfaces du bijou sont petites et le tampon a peu de marge.

Pour cette raison, il faut se concentrer sur les défauts principaux du bijou et accepter de laisser certains défauts de coté.

 

detourage-image.jpg

ligne



 

 

retouche-photo-bijoux-bague-photoshop-cs3-cs5-pour-copie-4

Retouche photo d'un bijou par detourer.com - Tous droits réservés.

 


 

 

ligne

Les retouches finales.

 
La dernière étapes permet de redonner un peu de réalisme au bijou qui a été chahuté par les différentes retouches. Il s'agit de retrouver ou de recréer des petites zones de reflets noirs qui sont les marques d'un shoot photo de bijoux. Il faut également recréer des reflets spéculaires aux contours tranchés pour redonner l'aspect lisse du bijou dans le cas des bijoux non-brossés.

 

detourage-image.jpg

ligne

 

 

 

retouche-photo-bijoux-bague-photoshop-cs3-cs5-pour-copie-5

Retouche photo d'un bijou par detourer.com - Tous droits réservés.

 


ligne

Conclusion :

Ces retouches sont rapides et conçues pour des photos web. Le but est de mettre rapidement en ligne les photos de vos bijoux tout en assurant un rendu professionnel. L’étape du détourage est importante et conditionne le reste de la retouche. La retouche ci-dessus avoisine 1 H de travail incluant les différents tracés de détourages.

 

detourage-image.jpg

ligne

 

 

 


 

 

 

 

 

 

 

 rubriques photomontage detourage photomontage phot-copie-1  rubriques detourage photomontage photoshop CS5 CS6 02  rubriques detourage photomontage photoshop CS5 CS6 03  rubriques detourage photomontage photoshop CS5 CS6 04
Repost0
20 novembre 2011 7 20 /11 /novembre /2011 17:57

 

 

 

La préparation des photos de bijoux pour un site marchand est essentielle. La retouche sous Photoshop de ces photos permet de gommer toutes les imperfections résultant d'une prise de vue industrielle, notamment les reflets indésirables.

objectif

La retouche permet également d’homogénéiser votre collection et de mettre en valeur vos bijoux par un reflet au sol ou une ombre. 

 

 


retouche-photo-bijoux-bague-photoshop-cs3-cs5 0

ligne

detourage-image.jpg

 

 

 

Voici une méthode RAPIDE pour retoucher les photos de bijoux, vous permettant de mettre en ligne sans délais vos images en limitant le coût et le temps de la retouche.

 

 

ligne


spacer
Retouche photo RAPIDE pour bijou.

 

-Ouvrez Photoshop CS3/CS5.
-Ouvrez la photo du bijou à retoucher.
-Détourez le bijou et placez le sur fond blanc.

 

-Réalisez des tracés de détourage de l’extérieur de la bague, de l’intérieur et des cotés. Appliquez-vous sur le détourage car il permet de bien séparer les zones à retoucher et évite que la retouche d'une partie du bijou vienne corrompre une autre partie.

mouse-detourer-com-10

retouche-photo-bijoux-bague-photoshop-cs3-cs5 030
Image originale endommagée

 ligne

Retouche des reflets

 
-Activez le tracé correspondant (sélection).
-Utilisez l'outil "goutte d'eau" et le "doigt" de Photoshop pour flouter tous les reflets complexes qui apparaissent sur les parties plates du bijou. La goutte d'eau permet de bien gommer les imperfections du bijou mais il ne faut pas en abuser.

 

-Lorsque certaines zones du bijou à retoucher sont trop abîmées, utilisez le tampon de Photoshop

 


 

mouse-detourer-com-1

retouche-photo-bijoux-bague-photoshop-cs3-cs5 031   

 Après retouche photo des surfaces du bijou 

ligne

 

Retouche des bords du bijou.

-En utilisant les tracés un par un, transformez en sélection puis, à l'aide du tampon, gommez les effet de bords noirs qui apparaissent généralement sur les arêtes du bijou.

 

-N'hésitez pas à remplacer des zones noires par des éclats blancs (technique appliquée ici sur le bas du bijou). Utilisez la plume pour délimiter ces zones blanches ou noires.

 


mouse-detourer-com-5

 


  retouche-photo-bijoux-bague-photoshop-cs3-cs5 032
Après retouche photo des bords du bijou

ligne

Retouche des éclats.

-Afin d'accentuer le coté lisse du bijou, retracez ou inventez des zones noires sur le bijou en délimitant franchement ces surfaces.

 

-Ajouter également sur le bijou des zones blanches comme points d'impacts de la lumière.

 

Cette étape est importante pour rehausser le réalisme du bijou, les retouches ayant tendance à donner un aspect artificiel.

Les ombres noires, à priori néfastes, participent fortement au réalisme.
Elles sont incontournables. Les zones noires peuvent prendre plusieurs formes. N'hésitez pas à les inventer

 

 

mouse-detourer-com-11

  retouche-photo-bijoux-bague-photoshop-cs3-cs5 033
Après retouche photo des éclats du bijou

ligne

 

 

Afin de mettre en valeur vos photos de bijoux, la touche finale est capitale. La première option pour mettre en valeur vos bijoux est de rajouter un reflet au sol. Ce reflet doit être très léger et limité en hauteur afin de ne pas trop occuper l'espace utile de l'image.


 

 

 

 

 

 

retouche-photo-bijoux-bague-photoshop-cs3-cs5 061

 


 

 Photo de bijou détouré et retouché avec ajout d'un reflet 

 


 

La deuxième option est d'ajouter une ombre portée distante qui donne une sensation de bijou en lévitation.

 

 

 


 

 

retouche-photo-bijoux-bague-photoshop-cs3-cs5 0622

 

   Photo de bijou détouré et retouché avec ajout d'une ombre

 

 

 

 

Comptez environ 45 minutes pour la préparation d'une photo comprenant le détourage et la retouche photo du bijou. Bien entendu, si le bijou est plus complexe (collier, bracelet, etc.), la retouche peut prendre 50 à 60 minutes sans compter le détourage.

L'important est de trouver une technique qui mette assez rapidement vos bijoux en valeur en optimisant les options de retouche. Il ne s'agit pas de faire de la retouche photo haute qualité mais bien d'optimiser un processus de retouche pour rapidement mettre vos photos en ligne.

 

 


   detourage-image.jpg

 rubriques photomontage detourage photomontage phot-copie-1  rubriques detourage photomontage photoshop CS5 CS6 02  rubriques detourage photomontage photoshop CS5 CS6 03  rubriques detourage photomontage photoshop CS5 CS6 04

 

 

Repost0
28 septembre 2011 3 28 /09 /septembre /2011 23:26


Le tutoriel ci-dessous explique comment réaliser une ombre portée dans Photoshop CS5. Une belle ombre portée requiert tout d'abord une bonne maîtrise de Photoshop. Mais le point le plus important est de bien noircir l'ombre au point de contact entre le sol et l'objet. Si l'ombre portée est réalisée à partir d'un seul dégradé concentrique, l'objet donnera la sensation de flotter au dessus du sol.

Il faut donc superposer plusieurs ombres et augmenter très fortement la densité au point de contact entre le sol et l'objet. Notre tutoriel décrit toutes les étapes permettant de créer dans Photoshop CS5 les différents calques superposés qui forment une ombre portée de haute qualité.

 

ombre-photoshop-CS5

1-L'ombre au point de contact.

A-Effectuez un détourage précis de l'objet à ombrer. Le détourage doit être légèrement à l’intérieur afin d’éviter le liseré qui ne manquerait pas d'apparaître lorsque l'effet "ombre portée" est activé. Mettez l'objet détouré sur fond blanc.


B-Effectuez un tracé assez large de la zone autour du point de contact. Ici il s'agit de l'endroit où la base du récipient touche le sol. Transformez ce tracé en sélection puis colorisez la sélection en noir dans un nouveau calque. Appliquez un masque à ce calque. Utilisez ce masque pour atténuer le bord de cette forme noire afin de lui donner un aspect "ombre".
spacer


ombre-dans-photoshop-CS5 2 
   
 
2-Superposition de la 2 ème ombre.

A-Une fois l'ombre au point de contact réglée, ajoutons une ombre qui couvrira la proximité de l'objet.
Créez un calque derrière l'objet. Dessinez sur ce calque un objet rond de petite taille que vous placez au niveau de la base du récipient. Maintenant ajoutez à cet objet un effet "Ombre portée".

B-Réglez la taille, la distance, l'opacité et l'angle pour obtenir une ombre adéquate. Cette ombre doit être assez dense et restreinte pour bien contraster avec la dernière ombre à réaliser (cette ombre sera décrite à l’étape 3 de ce tutoriel).
 
  ombre-dans-photoshop-CS5 4
N'oubliez pas de cochez l'option "Ombre portée masquée par le calque". Car nous n'utilisons pas l'objet lui-même pour créer l'ombre mais une forme réduite (notre rond) que nous avons positionné astucieusement au niveau de la base.

L'option "Ombre portée masquée par le calque" permet d'augmenter le paramètre taille pour donner un effet diffus sans avoir un problème de découpe dans l'ombre. il est essentiel également de mettre le fond du calque à 0% tout en gardant l'opacité des effets à 100% (haut du menu calque).


ombres-photoshop-parametres-opacite-taille-distance 




3-Superposition de l'ombre diffuse.


Cette ombre est essentielle pour donner à l'ombre globale toute sa dimension et sa présence. Il suffit de dupliquer l'ombre précédente et de régler la taille sur une valeur plus élevée jusqu'à ce que la diffusion vous paraisse suffisante. Cette ombre doit également avoir une opacité plus faible, plus subtile que l'ombre 2.

Note : Evitez tout de même les ombres diffusées de trop grande envergure car elle prennent de la place. Si votre image est destinée à être placée sur un site marchand, une ombre trop importante peut facilement devenir envahissante.

 

  ombre-dans-photoshop-CS5 5
   

4-La partie haute de l'ombre diffuse.


A-L'ombre diffuse, par sa taille, n'est plus localisée sur la partie basse de l'objet, proche du point de contact. Pour y remédier, pixélisez cette ombre en la fusionnant avec un calque sous-jacent

 

B-appliquez un masque sur ce calque. Noircissez la partie haute du masque pour ne laisser passer que la partie basse de l'ombre diffuse. Éventuellement déplacez aussi le calque de l'ombre diffuse vers le bas.

Le masque et le déplacement devraient vous permettre de relocaliser avec succès l'ombre au niveau du point de contact.

 

  ombre-dans-photoshop-CS5 6

detourage-image.jpg

Imaginez maintenant les images des produits de votre site marchand avec une ombre portée de cette qualité. Vos produits ont plus d'impact et plus de présence. Mais surtout vous vous différenciez des autres sites en démontrant le soin que vous portez à la présentation de vos photos et de vos produits. Mettre une ombre sur la photo d'un produit web, c'est l'assurance de capter l’intérêt des visiteurs de votre site marchand.

 

 

 

 


ombre-dans-photoshop-CS5 08

 

Plusieurs types d'ombres portées peuvent être appliqués aux images d'un site marchand.
Voici les principales :


les-ombres-portées-dans-photoshop-1
les-ombres-portées-dans-photoshop-2

DETOURER.COM, LE SERVICE DE DETOURAGE PHOTO HAUTE QUALITE

 

 

detourage-image.jpg

 

 

 

 

 

Tutoriel sur la création d'une ombre portée dans Photoshop CS5.
Tous droits réservés detourer.com

 

 


 rubriques photomontage detourage photomontage phot-copie-1  rubriques detourage photomontage photoshop CS5 CS6 02  rubriques detourage photomontage photoshop CS5 CS6 03  rubriques detourage photomontage photoshop CS5 CS6 04

 

 

Repost0
16 avril 2011 6 16 /04 /avril /2011 13:30



Pour votre site marchand, rien n'est plus efficace qu'une image détourée, mise sur fond blanc au format carré. Vous obtenez ainsi un site propre, bien agencé, quelles que soient les variations de formes et proportions des produits que vous commercialisez.

 

mise-au-format-carré-dans-Photoshop-cs5


Avantage du format carré pour vos images détourées :
-Votre site web parait plus professionnel.
-L'harmonie de vos pages produits est optimisée.
-L'espacement entre les produits et les images sont constants.
-Toutes vos images ont exactement la même taille (ex : 100 x 100 pixels).
-La mise en pages des images par votre graphiste et webmaster est facilitée.


Les + pour maximiser l'impact de vos images web :

ameliorer-images-web-dans-photoshop-CS5

 

 

Ci-dessous un exemple de mise en page après formatage des images au carré.
amettre-images-web-au-format-carre-dans-photoshop-cs5

Images sur fond blanc - Format carré - Marges à 10% - Réalisé dans Photoshop 

 

 


Comment mettre une image au format carré  ?

-Ouvrir Photoshop CS3, CS4 ou CS5
-Ouvrir l'image à formater.
-Détourer le produit.
-Faire une sélection à partir du tracé de détourage. Inverser la sélection.
-Supprimer le fond. Mettre sur fond transparent.
-Trimmer l'image en utilisant les pixels transparents.
-Mettre sur fond blanc en ajoutant un calque fond blanc sous-jacent puis en fusionnant les deux calques.
-CRTL-ALT C pour former le carré en augmentant la taille du petit coté par rapport au grand coté.
Par exemple : l'image trimmée est de 350 pixels de largeur sur 200 pixels de hauteur. Il faut alors porter de 200 à 350 pixels la hauteur.
A ce niveau, le format carré est réalisé avec marge au plus près.
-Si vous souhaitez redimensionner votre image : CTRL-ALT I puis ajuster un coté à 100 pixels par exemple avec conservation des proportions.
Vous obtenez ainsi un image détourée sur fond blanc au format carré de 100 pixels de coté avec marge au plus près (marge 0 pixel).

 

detourage-image.jpg

 

 

Remarque : Vous pouvez mettre vos images au carré dans Photoshop en utilisant des actions ou des scripts Javascript. Une fois codé, ouvrir Photoshop et lancer le script. Toutes les images placées dans un répertoire pré-défini seront automatiquement redimensionnées et mises au carré sur fond blanc en s'appuyant sur le tracé de détourage. Attention : Bien nommer le tracé de détourage avec le même nom pour toutes les images.

 

mouse-detourer-com-5


Plus d'informations sur les scripts PHOTOSHOP en JAVASCRIPT.
http://www.detourer.com/script-javascript-photoshop-js.html

Ou visitez www.ps-scripts.com/bb/, le site forum de référence pour tous les codeurs JAVASCRIPT sous PHOTOSHOP.

 

recadrage-au-format-carré-dans-Photoshop-cs5

 

 

Séparateur

TUTORIEL EN VIDEO :
Recadrer une image au format carré avec Photoshop CS6.
 


recadrage detourercom pack-shot 003

 

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

 

Séparateur

 

 

 

 

 rubriques photomontage detourage photomontage phot-copie-1  rubriques detourage photomontage photoshop CS5 CS6 02  rubriques detourage photomontage photoshop CS5 CS6 03  rubriques detourage photomontage photoshop CS5 CS6 04
Repost0
24 mars 2011 4 24 /03 /mars /2011 11:19

 

Le détourage de vêtements shootés sur cintre requiert une retouche photo afin d'enlever les parties du cintre qui se superposent au vêtement.

 

 

 

11detourage-du-cintre-apres-shoot-vetement
Détourage d'un article vestimentaire shooté sur cintre - Tous droits réservés.

 

 

Les avantages d'un shoot de vêtements sur cintre :
-L'aspect des photos est harmonisé.
-Le shoot est souvent plus facile que pour le shoot de vêtements à plat.
-Les vêtement sont naturellement tendus par leur propre poids.


 

Création d'un col sous Photoshop CS6

VIDEO

Tuto008 Création d'un col sous Photoshop CS6

 

 

 

Gestion du cintre lors du détourage. 2 options.
-Inclure le cintre dans le détourage. Aucune retouche photo à effectuer.
La présence du cintre peut donner un style au shoot et permetre de distinguer votre site par rapport à une autre boutique en ligne.

 

 

detourage-image.jpg


-Ne pas inclure le cintre dans le détourage. L'image n'est plus polluée par la présence du cintre. En revanche, il faut exécuter une retouche photo pour gommer les bouts de cintres et reconstruire la matière cachée.

 

111-detourage-du-cintre-apres-shoot-vetementDétourage et retouche d'un article vestimentaire shooté sur cintre - Tous droits réservés.

 


Conseils :
- Si le cintre est conservé, choisir un cintre esthétique et le conserver d'une saison à l'autre.

- Si le cintre est détouré, utiliser un cintre le plus fin possible pour faciliter la retouche photo.

 

 

copyrights

 

 rubriques photomontage detourage photomontage phot-copie-1  rubriques detourage photomontage photoshop CS5 CS6 02  rubriques detourage photomontage photoshop CS5 CS6 03  rubriques detourage photomontage photoshop CS5 CS6 04
Repost0
15 mars 2011 2 15 /03 /mars /2011 22:56

 

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.

 

desaturation-dune-partie-dune-photo-dans-photoshop-CS4-CS5Dé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 %.

 

detourage-image.jpg

 

 

 

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.

 

mouse-detourer-com-10

 

 

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.

 

detourage-desaturation-photoshop-cs4-cs5

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.

 

detourage-desaturation-photoshop-cs3-cs4-cs5Détourage, désaturation et recolorisation sous PHOTOSHOP CS5 - Tous droits Réservés.

 

 

 

copyrights

 

 rubriques photomontage detourage photomontage phot-copie-1  rubriques detourage photomontage photoshop CS5 CS6 02  rubriques detourage photomontage photoshop CS5 CS6 03  rubriques detourage photomontage photoshop CS5 CS6 04

 

 

Repost0
18 février 2011 5 18 /02 /février /2011 17:25


Rien n'est plus beau qu'un produit détouré, augmenté d'un beau reflet.
Mais un vrai reflet est une retouche photo qui nécessite une certaine maîtrise de Photoshop.

Intéressons-nous aux reflets de packshots alimentaires et notamment aux boites. Si celles-ci sont shootées de face, le reflet est simple à mettre en place. Par contre si la boite est photographiée de 3/4, la construction du reflet se complique.

 

Ajout-d-un-reflet-dans-photoshop-CS3
Avant la création du reflet - Avant détourage.

Ajout-d-un-reflet-dans-photoshop-CS5
Image détourée - Fond blanc - Ajout d'un reflet dans Photoshop CS5


 

Les étapes pour construire un reflet dans Photoshop CS2,CS3 ou CS5 pour des packshots de face (cas le plus simple) :

-Ouvrir Photoshop CS2,CS3 ou CS5. Ouvrir le document à travailler.
-Effectuez le détourage de la boite. Mettez votre produit sur fond blanc.
-Dupliquez le produit détouré dans un calque.
-Effectuez un flip vertical du calque dupliqué. Puis condensez dans le sens vertical (CTRL T).
-Ajoutez un calque de réglage de type gradient pour atténuer le reflet progressivement (les blancs en haut, les noirs en bas).
-Redimensionnez la toile pour que le reflet ne fasse pas plus de 30% de la hauteur du produit.
-Désaturez légèrement le reflet (CTRL U).

 

 

detourage-image.jpg

 

En revanche si votre produit est shooté de 3/4, votre reflet devient complexe. Mais c'est aussi de 3/4 qu'un reflet est le plus esthétique. Une fois le détourage effectué, la duplication d'un calque et son flip dans le sens vertical de l'ensemble de la boite ne fonctionnera plus (voir illustration). Votre reflet est erroné. L'œil ne s'y trompe pas.

 

 

comment-ajouter-un-reflet-dans-photoshop-CS5
Mise au point d'un reflet dans Photoshop CS5 pour un boite photographiée de 3/4

 

 


Pour y remédier, il faut effectuer en plus du détourage globale, des détourages de chaque face de la boite (en l'occurrence deux détourages supplémentaires).
-Allouez deux calques supplémentaires (un par face) à partir des détourages supplémentaires.
-Inversez chaque calque (effectuez sur chacun d'eux le flip vertical)
-Puis, sur chaque calque, venir déformer afin que les points de contacts au sol redeviennent cohérents.  Les bords au sol de l'image d'origine et ceux du reflet doivent se toucher.
-Retoucher éventuellement les frontières entre les parties de telle sorte qu'elles s'épousent proprement.

 


 

mouse-detourer-com-5

 


Pour recréer l'effet "posé sur une épaisseur vitrée", n'oubliez pas d'ajouter un calque "plancher" de couleur sombre entre la boite et son reflet.

 

 

creer-un-reflet-dans-photoshop-cs3-cs4-cs5

Ajout du fond sombre pour reproduire le reflet d'un objet posé sur une épaisseur vitrée.

 

 

 


Un reflet de 3/4 prend 3 à 5 plus de temps à réaliser qu'un reflet de face. Et le problème se complique encore davantage dans le cas de reflets s'appliquant aux bouteilles et autres objets bombés.


C'est une retouche d'une complexité encore supérieure qui s'appuie essentiellement sur un travail long et délicat de déformation. C'est d'ailleurs dans PHOTOSHOP CS3, CS4 et CS5 que les outils de déformations (tel que l'outil WARP) sont suffisamment puissants pour permettre d'exécuter des reflets d'objets bombés.

 

 

copyrights

 

 rubriques photomontage detourage photomontage phot-copie-1  rubriques detourage photomontage photoshop CS5 CS6 02  rubriques detourage photomontage photoshop CS5 CS6 03  rubriques detourage photomontage photoshop CS5 CS6 04
Repost0

Présentation

  • : Le Blog du Détourage Photo
  • Le Blog du Détourage Photo
  • : Points techniques en rapport avec le détourage photo sous Photoshop.
  • Contact

Détourage fond blanc

detourage-photo-societes

Recherche

         detourercom retouche avant apres zone libre 004

Texte Libre

Détourage à la Plume remplacer
JPG Couche Alpha Masque GIF
EPS Fond Blanc Détourer bijoux

mouse-detourer-com-4
Photoshop Fond Transparent enlever
Indesign PSD importer tracé TIF
CS3 Cheveux fond noir PNG Packshot
Détourage rapide Photo montage CS4
Logiciel automatique Photo WEB



Et pour la vectorisation

vectoriser-150
 

A partir d'1 photo,
nous colorisons toute votre gamme.

coloriser-com


 

Pour la vectorisation de logos à l'identique à partir de l'existant.