Overblog
Suivre ce blog Administration + Créer mon blog
11 juin 2013 2 11 /06 /juin /2013 13:49


Un spécialiste du détourage est aussi un grand spécialiste de la vectorisation ...

Ci-dessous un tutoriel sur la conversion en vectorisation d'un produit grande distribution sous Illustrator CS6. Ce type de vectorisation est très tendance et permet de présenter vos produits avec un maximum d'impact sur les sites de vente en ligne et dans vos catalogues.

 

RubTuto

vectorisation produit packshot n13

Produit grande distribution vectorisé sous Illustrator CS6 - Rendu final



  Rub01

Vectorisez le contour du produit à l’aide de la plume de Illustrator CS6 (P)
Il est possible de s’aider de l’outil « Grille de perspective » (Maj + P) afin d’obtenir une perspective sans défauts de fabrication.

  vectorisation produit packshot n01

Produit grande distribution vectorisé sous Illustrator CS6 - Etape 1


Astuce
300x300panneau 01-copie-1

L’outil « Grille de perspective » n’est disponible qu’à partir de la version CS6 de Adobe Illustrator. Si vous avez une version antérieure, utilisez un cube que vous transformerez en 3D à l’aide de l’outil 3D

« Extrusion et Biseautage » (Onglet Effet > 3D > Extrusion et Biseautage).

300x300panneau 01-copie-1
Pied astuce

montage001


Rub02

Séparez la partie latérale du produit de la partie supérieure avec la plume vectorielle de Illustrator CS6 (P), sélectionnez la ligne créée et la vectorisation de l’étape une,
puis à l’aide de la fenêtre PathFinder
(Ctrl + Maj + F9), utilisez l’outil « Division ».

vectorisation produit packshot n02

Produit grande distribution vectorisé sous Illustrator CS6 - Etape 2


Astuce

300x300panneau 01-copie-1

L’outil « Division » dans Illustrator CS6  permet de segmenter des faces et des lignes vectorisées en fonction des objets qui les traversent.

Les objets qui ont subi l’effet

« Division » se retrouvent groupés.

 

300x300panneau 01-copie-1
Pied astuce

montage003


Rub03

À l’aide de l’outil « Filet » dans Illustrator CS6 (U), créez un maillage sur les formes du produit afin d’insérer des dégradés de couleurs.

vectorisation produit packshot n04

Produit grande distribution vectorisé sous Illustrator CS6 - Etape 3


Astuce
300x300panneau 01-copie-1

 

Les points des filets peuvent être déplacés à l’aide de la flèche blanche de illustrator CS6 (A).

 

 

 

300x300panneau 01-copie-1
Pied astuce

montage004


Rub04

Ajoutez avec la plume de Illustrator CS6 (P) des zones blanches sur le produit pour créer les reflets du plastique. Incorporez un Flou Gaussien (Onglet Effet > Atténuation > Flou Gaussien) différent en fonction de l’étalement voulu.

vectorisation produit packshot n05

Produit grande distribution vectorisé sous Illustrator CS6 - Etape 4


Astuce
300x300panneau 01-copie-1

 

Dans Illustrator CS6, les effets ajoutés aux vectorisations sont éditables à l’aide de la fenêtre Aspect (Maj + F6).

 

 

 

300x300panneau 01-copie-1
Pied astuce

montage006


Rub05

Sélectionnez les points du filet créés précédemment avec la flèche blanche de Illustrator CS6 (A) et assignez leur une couleur selon vos envies.

    vectorisation produit packshot n07

 

Produit grande distribution vectorisé sous Illustrator CS6 - Etape 5


Astuce
300x300panneau 01-copie-1

 

Dans Illustrator CS6, pour mieux simuler l’épaisseur des produits, ajoutez du noir sur les produits ainsi que dans les creux.

 

 

 

300x300panneau 01-copie-1
Pied astuce

            montage07


Rub06

Sélectionnez les vectorisations créées et groupez-les (Ctrl + G). Vectorisez l’ouverture du pack avec la plume de Illustrator CS6(P) et entourez le pack pour affecter un masque aux formes : Sélectionnez les deux vectorisations (le groupe et la forme qui englobent le tout en créant une ouverture devant) et utilisez l’outil « Masque D’écrêtage » de Illustrator CS6
(Objet > Masque D’écrêtage > Créer (Ctrl + 7)).

vectorisation produit packshot n09

Produit grande distribution vectorisé sous Illustrator CS6 - Etape 6


Astuce
300x300panneau 01-copie-1

 

Le masque d’écrêtage de Illustrator CS6 permet d’afficher ou de cacher une forme par rapport à une autre.

 

 

 

300x300panneau 01-copie-1
Pied astuce

montage10-2


Rub07

Dans Illustrator CS6, vectorisez les bouts des deux produits qui seront apparents à l’emplacement du trou de l’emballage du produit. Mettez-les en arrière-plan
(Click droit > Disposition > Arrière-plan). Assignez-leur la couleur de votre choix.

vectorisation produit packshot n07.2

Produit grande distribution vectorisé sous Illustrator CS6 - Etape 7


Astuce
300x300panneau 01-copie-1

Dans Illustrator CS6, il suffit de changer le mode de dessin (Maj + D) pour vectoriser directement en arrière ou avant plan.

 

 

 

 

300x300panneau 01-copie-1
Pied astuce

montage11


vectorisation produit packshot 13

Produit grande distribution vectorisé sous Illustrator CS6 - Rendu final

 

 

Séparateur

 

 

Tous droits réservés detourer.com 2013

 

   detourage-image.jpg

Nous vectorisons chaque année des centaines de produits grande distribution
à partir de photos.

 

 

 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 mai 2013 1 13 /05 /mai /2013 07:50


Voici un petit tutoriel qui décrit les différentes étapes pour coloriser
et habiller graphiquement dans Photoshop un objet détouré.

Rub00Photomontage réalisé sous Photoshop CS6.

 

detourage photomontage packaging photoshop CS6 000Photomontage - Rendu final


Astuce
300x300panneau 01-copie-1

Pour réaliser ce photomontage, il vous faudra le visuel d'un objet détouré sans habillage. Travaillez en haute définition sous Photoshop CS6.

(Ci-contre, l'objet détouré sur fond blanc avant transformation).


300x300panneau 01-copie-1
Pied astuce

 

photomontage cadrage photoshop 001

 


 


Rub01Photomontage réalisé sous Photoshop CS6.

 

detourage photomontage packaging photoshop CS6 001Photomontage réalisé sous Photoshop


Astuce
300x300panneau 01-copie-1

Appliquez à l'objet détouré, une couleur de base de votre choix en passant par les réglages de couleurs. Vous pouvez également travailler les reflets ou renforcer les ombres sous Photoshop.


300x300panneau 01-copie-1
Pied astuce

photomontage cadrage photoshop 001


 


Rub02Photomontage réalisé sous Photoshop CS6.

 

detourage photomontage packaging photoshop CS6 002Photomontage réalisé sous Photoshop


Astuce
300x300panneau 01-copie-1

Commencez ensuite à habiller cet objet détouré avec des éléments graphiques. N'oubliez pas de laisser un espace au centre de l'objet détouré afin d'offir une meilleur lisibilité à votre texte ou logo. N'hésitez pas à varier les opacités sous Photoshop.

300x300panneau 01-copie-1
Pied astuce

photomontage cadrage photoshop 002


 


Rub03Photomontage réalisé sous Photoshop CS6.

 

detourage photomontage packaging photoshop CS6 003Photomontage réalisé sous Photoshop


Astuce
300x300panneau 01-copie-1

Continuez à placer des éléments graphiques en variant les effets.

Utilisez les options d'opacité, les outils de Transformation, de Déformation de Photoshop pour rendre vos éléments graphiques plus dynamiques.

300x300panneau 01-copie-1
Pied astuce

photomontage cadrage photoshop 003


 


Rub04Photomontage réalisé sous Photoshop CS6.

 

detourage photomontage packaging photoshop CS6 004Photomontage réalisé sous Photoshop


Astuce
300x300panneau 01-copie-1

Lorsque les éléments graphiques sont bien placés, importez votre texte et/ou logo et placez-les au centre de l'objet détouré. Puis utilisez l'option " Permuter les modes de Transformation libres et de Déformation " de Photoshop.

 

300x300panneau 01-copie-1
Pied astuce

photomontage cadrage photoshop 004


 


Rub05Photomontage réalisé sous Photoshop CS6.

 

detourage photomontage packaging photoshop CS6 005Photomontage réalisé sous Photoshop


Astuce
300x300panneau 01-copie-1

Toujours dans le menu, choisissez l'option de Déformation suivante : Arc

 

 

 


300x300panneau 01-copie-1
Pied astuce

photomontage cadrage photoshop 005


 


Rub06Photomontage réalisé sous Photoshop CS6.

 

detourage photomontage packaging photoshop CS6 006Photomontage réalisé sous Photoshop


Astuce
300x300panneau 01-copie-1

Définissez la déformation verticale comme dans l'exemple ci-contre.

 

 

 

 


300x300panneau 01-copie-1
Pied astuce

photomontage cadrage photoshop 006


 


Rub07Photomontage réalisé sous Photoshop CS6.

 

detourage photomontage packaging photoshop CS6 007Photomontage réalisé sous Photoshop


Astuce
300x300panneau 01-copie-1

Lorsque le texte ou le logo sont bien cadrés, créez un nouveau calque que vous placerez au dessus du calque logo / texte. Repassez certains éléments visuels pour améliorer la lisibilité de celui-ci.


300x300panneau 01-copie-1
Pied astuce

photomontage cadrage photoshop 007


 


Rub08Photomontage réalisé sous Photoshop CS6.

 

detourage photomontage packaging photoshop CS6 008Photomontage réalisé sous Photoshop


Astuce
300x300panneau 01-copie-1

Pour terminer ce tutoriel, vous pouvez créer dans Photoshop une base à cet objet détouré en incorporant une ombre.

 

 


300x300panneau 01-copie-1
Pied astuce

photomontage cadrage photoshop 008


 


Rub09Photomontage réalisé sous Photoshop CS6.

 

detourage photomontage packaging photoshop CS6 000Photomontage - Rendu final


Astuce
300x300panneau 01-copie-1

Vous pouvez travailler un arrière-plan dans Photoshop afin de mettre le produit en valeur.
N'oubliez pas que l'objet détouré doit se détacher de l'arrière-plan. Veillez donc à ce qu'il reste plus lisible que l'arrière-plan.


300x300panneau 01-copie-1
Pied astuce

photomontage cadrage photoshop 009

 

Séparateur

TUTORIEL EN VIDEO :
Appliquer un logo sur un produit pack-shot avec Photoshop CS6.
 

 

application logo detourercom 002

 

Séparateur

   

Tous droits réservés detourer.com 2013

 

 

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
3 avril 2013 3 03 /04 /avril /2013 15:06

 

Séparateur

  Voici une série de filigranes créés sous Photoshop CS6.
  Ces filigranes sont ajoutés à un objet préalablement détouré sous Photoshop.
Un léger reflet au sol a également été réalisé sous Photoshop.

Les filigranes permettent notamment de protéger vos images en ligne.
Les filigranes proposés ci-dessous illustrent quelques possibilités.

Lequel préférez-vous ?

 

Séparateur

 

 

FILIGRANE AERO 

Filigrane-sous-photoshop-sur-une-image-détourée-1AERO - Filigrane réalisé sous Photoshop CS6 par detourer.com  Séparateur

 

 

FILIGRANE ANGLE

Filigrane-sous-photoshop-sur-une-image-détourée-2ANGLE - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

 

FILIGRANE CONSTRUCTION

Filigrane-sous-photoshop-sur-une-image-détourée-3CONSTRUCTION - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

 

FILIGRANE CONTOUR

Filigrane-sous-photoshop-sur-une-image-détourée-4CONTOUR - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

 

FILIGRANE CUTY

Filigrane-sous-photoshop-sur-une-image-détourée-5CUTY - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

 

FILIGRANE DAMIER

Filigrane-sous-photoshop-sur-une-image-détourée-6DAMIER - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

 

FILIGRANE ECOLIER

Filigrane-sous-photoshop-sur-une-image-détourée-7ECOLIER - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

 

FILIGRANE FANCY

Filigrane-sous-photoshop-sur-une-image-détourée-8FANCY - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

 

FILIGRANE FANCYVAGUE

Filigrane-sous-photoshop-sur-une-image-détourée-9FANCYVAGUE - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

 

FILIGRANE FANTASIA

Filigrane-sous-photoshop-sur-une-image-détourée-10FANTASIA - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

 

FILIGRANE FONDU

Filigrane-sous-photoshop-sur-une-image-détourée-11FONDU - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

 

FILIGRANE JEDEMO

Filigrane-sous-photoshop-sur-une-image-détourée-12JEDEMO - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

 

FILIGRANE MARKER

Filigrane-sous-photoshop-sur-une-image-détourée-13MARKER - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

 

FILIGRANE MOUSE

Filigrane-sous-photoshop-sur-une-image-détourée-14MOUSE - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

 

FILIGRANE RAIN

Filigrane-sous-photoshop-sur-une-image-détourée-15RAIN - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

 

FILIGRANE RUBAN

Filigrane-sous-photoshop-sur-une-image-détourée-16RUBAN - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

 

FILIGRANE SLIDE

Filigrane-sous-photoshop-sur-une-image-détourée-17SLIDE - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

 

FILIGRANE SPEEDFANCY

Filigrane-sous-photoshop-sur-une-image-détourée-18SPEEDFANCY - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

 

FILIGRANE TACHE

Filigrane-sous-photoshop-sur-une-image-détourée-19TACHE - Filigrane réalisé sous Photoshop CS6 par detourer.com

Séparateur

 

  detourer.com inclue sur demande la prestation des filigranes à son offre de détourage.
Pour plus d'informations sur le détourage ou les filigranes,
nous vous invitons à vous rendre sur notre site.
detourer.com 

 

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
2 avril 2013 2 02 /04 /avril /2013 14:47

 

Séparateur

 

Voici une série d'ombres réalisées sous Photoshop CS6.
Les ombres sont ajoutées à un objet préalablement détouré sous Photoshop.
Les différentes variantes d'ombres proposées ci-dessous illustrent quelques possibilités.

Laquelle préférez-vous ?

Séparateur

 

  OMBRE CLASSIQUE      

ombre detourage retouche photoshop CS5 CS6 009

CLASSIQUE - Ombre réalisée par detourer.com sous Photoshop CS6

Séparateur

 

 

OMBRE REFLECT 

ombre detourage retouche photoshop CS5 CS6 001

REFLECT - Ombre réalisée par detourer.com sous Photoshop CS6Séparateur

 

 

OMBRE LEVITATION

ombre detourage retouche photoshop CS5 CS6 003

LEVITATION - Ombre réalisée par detourer.com sous Photoshop CS6   Séparateur

 

 

OMBRE SEMIPOSE 

ombre detourage retouche photoshop CS5 CS6 004

SEMIPOSE - Ombre réalisée par detourer.com sous Photoshop CS6   Séparateur

 

 

OMBRE DEZEUR 

ombre detourage retouche photoshop CS5 CS6 002

DEZEUR - Ombre réalisée par detourer.com sous Photoshop CS6   Séparateur

 

 

OMBRE MURAL 

ombre detourage retouche photoshop CS5 CS6 005

MURAL - Ombre réalisée par detourer.com  Séparateur

 

 

OMBRE CONTREJOUR 

ombre detourage retouche photoshop CS5 CS6 007

CONTREJOUR- Ombre réalisée par detourer.com sous Photoshop CS6   Séparateur

 

 

OMBRE TWINS 

ombre detourage retouche photoshop CS5 CS6 006

TWINS - Ombre réalisée par detourer.com sous Photoshop CS6   

 

Séparateur

TUTORIEL EN VIDEO :
Création d'une ombre sous Photoshop CS6.
 

 

ombre detourercom photoshop

 

 

Pour plus d'informations sur les ombres et le détourage, rendez-vous sur :
detourer.com

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
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
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

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.