Overblog Suivre ce blog
Administration Créer mon blog
25 septembre 2013 3 25 /09 /septembre /2013 07:55

 

Création d'une ombre simple dans Photoshop CS6

Tuto001 Création d'une ombre sous Photoshop CS6

 

Pack-shot vêtement - Ajout d'un mannequin vectorisé sous Photoshop CS6

Tuto002 Pack-shot vêtement - Ajout d'un mannequin vectoris

   

Image mise au format carré avec marges à 10% dans Photoshop CS6

 

 

 

Tuto003 Image mise au format carré avec marges de 10%

 

Colorisation sélective de la couleur principale d'un vêtement sous Photoshop CS6

Tuto004 Colorisation sélective de la couleur principale d'

 

Création d'un reflet sous Photoshop CS6

Tuto005 Création d'un reflet sous Photoshop

 

Création d'un reflet sous Photoshop CS6

Tuto006 Création d'un reflet sous Photoshop CS6

 

Mise en amabiance d'un produit détouré sous Photoshop CS6

Tuto007 Mise en amabiance d'un produit détouré sous Photo

 

Création d'un col sous Photoshop CS6

Tuto008 Création d'un col sous Photoshop CS6

 

Importer un logo dans une image sous Photoshop CS6

Tuto009 Importer un logo dans une image sous Photoshop

 

Mise en amabiance d'un meuble dans un décor sous Photoshop CS6

Tuto010 Mise en amabiance d'un meuble dans un décor sous P

 

Rendre un fond flou avec Photoshop CS6

Tuto011 Rendre un fond flou avec Photoshop CS6

 

Maximiser l'impact d'un pack-shot en ajoutant fond, ombre et filigrane

Tuto012 Maximiser l'impact d'un pack-shot en ajoutant fond,

 

Détourage d'un produit pack-shot sous Photoshop CS6

Tuto013 Détourage d'un produit pack-shot sous Photoshop CS

 

Enregistrer une image en PNG sous Photoshop CS6

Tuto014 Enregistrer une image en PNG sous Photoshop CS6

 

Importation d'un logo sur un produit avec Photoshop CS6

Tuto015 Importation d'un logo sur un produit avec Photoshop

 

Détourage d'un produit avec ombre sous Photoshop

Tuto016 Détourage d'un produit avec ombre sous Photoshop

 

 

 

 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
Repost 0
Published by DétouragePhotoPro - dans Détourage
commenter cet article
3 septembre 2013 2 03 /09 /septembre /2013 08:51

 

  A partir d'un tracé de détourage, il est possible de flouter un fond.
Ce petit tutoriel sous Photoshop CS6 explique la marche à suivre.

 

Rub00

Rendre un fond flou avec Photoshop CS6.

detourage photomontage flou gaussien photoshop CS6 avap 01
 

  Rendre un fond flou avec Photoshop CS6 - Rendu final.

 

 

Rub01

Rendre un fond flou avec Photoshop CS6.

Objectif : Détourage du mannequin avec l'outil plume.

 

detourage photomontage flou gaussien photoshop CS6 00
 

Retouche réalisée sous Photoshop CS6.


Action
300x300panneau 01-copie-1

Utilisez l'outil plume de détourage de Photoshop CS6 et détourez proprement le mannequin.

Détourez les cheveux du mannequin rapidement car ceux-ci seront floutés lors de l'opération suivante.


300x300panneau 01-copie-1
Pied astuce

detourage photoshop flou photomontage 01


 

Rub02

Rendre un fond flou avec Photoshop CS6.

Objectif : Intervertir une image dans Photoshop.

 

detourage photomontage flou gaussien photoshop CS6 02
 

Retouche réalisée sous Photoshop CS6.


Action
300x300panneau 01-copie-1

Lorsque le détourage avec l'outil plume de Photoshop est réalisé puis le tracé converti en sélection, faites un clic droit > Intervertir (exemple ci-contre).

 

 


300x300panneau 01-copie-1
Pied astuce

detourage photoshop flou photomontage 03

 


 

Rub03

Rendre un fond flou avec Photoshop CS6.

Objectif : Rendre flou avec un filtre Photoshop.

 

detourage photomontage flou gaussien photoshop CS6 03
 

Retouche réalisée sous Photoshop CS6.


Action
300x300panneau 01-copie-1

Pour terminer avec ce tutoriel, lorsque la sélection est intervertie, allez dans le menu Photoshop > Filtre > Atténuation > Flou gaussien.

Ajustez le rayon comme dans l'exemple ci-contre.


300x300panneau 01-copie-1
Pied astuce

detourage photoshop flou photomontage 04

 

Séparateur

detourage photomontage flou gaussien photoshop CS6 avap 01

Rendre un fond flou avec Photoshop CS6 - Rendu final.


 

Séparateur

TUTORIEL EN VIDEO :
Rendre un fond flou avec Photoshop CS6.
 


rendu fond flou detourercom 005

 

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
Repost 0
Published by DétouragePhotoPro - dans Détourage
commenter cet article
12 juin 2013 3 12 /06 /juin /2013 12:24

 

Ci-dessous un tutoriel expliquant comment créer une ombre simple sous Photoshop CS6.
Ce tutoriel comprend notamment la création de la partie pleine de l'ombre puis le rendu gaussien qui permet d'augmenter le réalisme et l’esthétisme de l'ombre. 

Rub00

Création d'une ombre sous Photoshop CS6.


ombre détourage photoshop CS6 004

Création réalisée sous Photoshop CS6 - Rendu final.

 

Rub01

Création d'une ombre sous Photoshop CS6.

Objectif : Sélection de la base du produit.

 

ombre détourage photoshop CS6 01

Création réalisée sous Photoshop CS6.

 


Action
300x300panneau 01-copie-1

Pour réaliser l'ombre d'un produit détouré, sélectionnez la base de celui-ci à l'aide de l'outil de sélection circulaire.

 



300x300panneau 01-copie-1
Pied astuce

detourage photoshop photomontage2


Rub02

Création d'une ombre sous Photoshop CS6. 

Objectif : Remplissage de l'ombre. 

 

ombre détourage photoshop CS6 002

 

Création réalisée sous Photoshop CS6.

 

 


Action
300x300panneau 01-copie-1

Remplacez la sélection de noir à l'aide de l'outil pot de peinture.
Déplacez le calque " Ombre " dans la fenêtre des calques de Photoshop afin de le travailler avec plus de souplesse. Diminuez l'opacité à 90% pour ne pas avoir une ombre trop dense.

300x300panneau 01-copie-1
Pied astuce

detourage photoshop photomontage3


Rub03

Création d'une ombre sous Photoshop CS6. 

Objectif : Atténuation de l'ombre et création du flou gaussien.

 

ombre détourage photoshop CS6 003

Création réalisée sous Photoshop CS6.

 


Action
300x300panneau 01-copie-1

Dans la barre de menu en haut dans Photoshop, allez dans Filtre > Atténuation > Flou Gaussien, pour optimiser le contour de l'ombre.

 

 


300x300panneau 01-copie-1
Pied astuce

detourage photoshop photomontage1


Rub04

Création d'une ombre sous Photoshop CS6. 

Objectif : Retouche et finition. 

 

ombre détourage photoshop CS6 004 

Création réalisée sous Photoshop CS6.


Action
300x300panneau 01-copie-1

Pour terminer cette retouche photo, replacez l'ombre en dessous de l'objet détouré, puis vous pouvez régler à nouveau l'opacité de celle-ci dans la fenêtre des calques de Photoshop.

 

 

300x300panneau 01-copie-1
Pied astuce

detourage photoshop photomontage3

 

Séparateur

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


ombre detourercom photoshop

 

Une ombre augmente l'impact des produits que vous commercialisez .
Pour plus de renseignements, rendez-vous sur www.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

 


Repost 0
Published by DétouragePhotoPro - dans Détourage
commenter cet article
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

Repost 0
Published by DétouragePhotoPro - dans Détourage
commenter cet article
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

 

 

 

 

 


Repost 0
Published by DétouragePhotoPro - dans Détourage
commenter cet article
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

 


Repost 0
Published by DétouragePhotoPro - dans Détourage
commenter cet article
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

 


Repost 0
Published by DétouragePhotoPro - dans Détourage
commenter cet article
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 de type 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

 


Repost 0
Published by DétouragePhotoPro - dans Détourage
commenter cet article
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
Repost 0
Published by DétouragePhotoPro - dans Détourage
commenter cet article
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
Repost 0
Published by DétouragePhotoPro
commenter cet article

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.