Le Blog du Détourage Photo

14 février 2014 5 14 /02 /février /2014 10:04

Tuto - Importer un détourage de Photoshop à InDesign CS6 - 01

Importation avec une couche alpha

Ce petit tutoriel vous explique comment importer une image détourée

avec une couche alpha de Photoshop à InDesign CS6.

Importer un détourage avec une couche alpha

de Photoshop à InDesign CS6.

Importer un détourage avec une couche alpha

de Photoshop à InDesign CS6 - Rendu final

Bannière-étape01-dernière-version

Importer un détourage avec une couche alpha de Photoshop à InDesign CS6.

Objectif : Mémoriser le tracé du détourage dans une couche alpha.

Tutoriel Importer un détourage de Photoshop à InDesign-Co

Importer un détourage avec une couche alpha de Photoshop à InDesign CS6 - Etape 1

Sélectionnez votre tracé réalisé préalablement et allez dans l'onglet couches. En gardant le tracé sélectionné, cliquez sur l'icône "Mémoriser la sélection sur une couche" comme ci-contre. Un nouveau calque apparaît dans l'onglet, il s'agit de votre nouvelle couche alpha.

Encart-01--Couche-alplha---Importer-un-detourage-de-Photos.jpg

Bannière-étape02-dernière-version

Importer un détourage avec une couche alpha de Photoshop à InDesign CS6.

Objectif : Enregistrer le fichier sur un fond transparent en format TIFF.

Importer un détourage avec une couche alpha de Photoshop à InDesign CS6 - Etape 2

Dans l'onglet calques, sélectionnez votre calque et cliquez sur l'icône "Ajouter un masque de fusion". Votre image détourée apparaît désormais sur un fond transparent. Dans Fichier, enregistrez votre image détourée en format TIFF.

Encart-02--Couche-alplha---Importer-un-detourage-de-Photos.jpg

Bannière-étape03-dernière-version

Importer un détourage avec une couche alpha de Photoshop à InDesign CS6.
Objectif : Création d’un Bloc rectangulaire sous InDesign.

Importer un détourage avec une couche alpha de Photoshop à InDesign CS6 - Etape 3

Sous InDesign CS6, ouvrez le document où vous souhaitez intégrer votre image détourée. Grâce à l’outil Bloc rectangulaire, dessinez un cadre pour placer votre image directement à cet emplacement.

Bannière-étape04-dernière-version

Importer un détourage avec une couche alpha de Photoshop à InDesign CS6.
Objectif : Importation du fichier TIFF sous InDesign CS6.

Importer un détourage avec une couche alpha de Photoshop à InDesign CS6 - Etape 4

Avec l’outil Sélection, sélectionnez le bloc que vous venez de créer. Dans Fichier, cliquez sur Importer et sélectionnez votre fichier en format TIFF. Celui-ci s’insère directement dans votre bloc, vous pouvez déplacer à votre souhait votre image avec l’outil Sélection Direct.

Importer un détourage avec une couche alpha

de Photoshop à InDesign CS6 - Rendu final

TUTO 16 : Importer un détourage avec une couche alpha de Photoshop à InDesign CS6

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

Repost0

Published by DétouragePhotoPro - dans Détourage
commenter cet article …

21 janvier 2014 2 21 /01 /janvier /2014 09:34

Fonds de Saint-Valentin à télécharger gratuitement !

À l'occasion de la fête de la Saint-Valentin 2014, nous vous offrons gratuitement des fonds réalisés spécialement pour vous et par notre équipe. Ces fonds en haute définition illustrent le thème de la Saint-Valentin et sont utilisables pour un usage professionnel ou personnel.

Ces fonds d'images de la Saint-Valentin sont libres de droits. Vous pouvez vendre, distribuer et imprimer en séries illimitées toute œuvre graphique ayant incorporée ces fonds de la Saint-Valentin sans devoir la moindre redevance à detourer.com. En revanche vous ne pouvez pas collecter ces fonds de la Saint-Valentin et les revendre en l'état. Vous devez nécessairement les intégrer dans une œuvre graphique ou tout simplement placer votre produit sur le fond choisi. Vous pouvez bien entendu utiliser ces fonds gratuitement et libres de droits sur votre site marchand comme arrière-plan derrière chacun de vos produits.

Vous pouvez télécharger ces fonds depuis cette page.

Joyeuse Saint-Valentin !

L'équipe de detourer.com

VIDEO : Fonds de la Saint-Valentin réalisés par detourer.com

N'hesitez pas à vous rendre sur detourer.com pour accéder aux services en 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

Published by DétouragePhotoPro - dans Détourage
commenter cet article …

26 septembre 2013 4 26 /09 /septembre /2013 08:25

Démonstrations (video) réalisées par detourer.com

Détourage des cheveux sous Photoshop CS6

Retouche d'un véhicule sous Photoshop CS6

Réparation d'un produit pack-shot sous Photoshop CS6

Mise en ambiance d'un meuble dans un décor avec Photoshop

Repost0

Published by DétouragePhotoPro - dans Détourage
commenter cet article …

25 septembre 2013 3 25 /09 /septembre /2013 07:55

Tutoriels (video) réalisés par detourer.com

Création d'une ombre simple dans Photoshop CS6

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

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

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

Création d'un reflet sous Photoshop CS6

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

Création d'un col sous Photoshop CS6

Importer un logo dans une image sous Photoshop CS6

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

Rendre un fond flou avec Photoshop CS6

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

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

Enregistrer une image en PNG sous Photoshop CS6

Importation d'un logo sur un produit avec Photoshop CS6

Détourage d'un produit avec ombre sous Photoshop

Repost0

Published by DétouragePhotoPro - dans Détourage
commenter cet article …

3 septembre 2013 2 03 /09 /septembre /2013 08:51

Tutoriel : Détourer et rendre un fond flou avec Photoshop CS6

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.

Rendre un fond flou avec Photoshop CS6 - Rendu final.

Rub01

Rendre un fond flou avec Photoshop CS6.

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

Retouche réalisée sous Photoshop CS6.

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.

Rub02

Rendre un fond flou avec Photoshop CS6.

Objectif : Intervertir une image dans Photoshop.

Retouche réalisée sous Photoshop CS6.

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

Rub03

Rendre un fond flou avec Photoshop CS6.

Objectif : Rendre flou avec un filtre Photoshop.

Retouche réalisée sous Photoshop CS6.

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.

Rendre un fond flou avec Photoshop CS6 - Rendu final.

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

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

Repost0

Published by DétouragePhotoPro - dans Détourage
commenter cet article …

12 juin 2013 3 12 /06 /juin /2013 12:24

Tutoriel : Création d'une OMBRE simple sous PHOTOSHOP CS6

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.

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.

Rub02

Création d'une ombre sous Photoshop CS6.

Objectif : Remplissage de l'ombre.

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

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.

Rub03

Création d'une ombre sous Photoshop CS6.

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

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

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

Rub04

Création d'une ombre sous Photoshop CS6.

Objectif : Retouche et finition.

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

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.

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

Une ombre augmente l'impact des produits que vous commercialisez .
Pour plus de renseignements, rendez-vous sur www.detourer.com

Repost0

Published by DétouragePhotoPro - dans Détourage
commenter cet article …

11 juin 2013 2 11 /06 /juin /2013 13:49

Tutoriel : Produit packshot vectorisé sous Illustrator CS6

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

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.

Produit grande distribution vectorisé sous Illustrator CS6 - Etape 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).

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

Produit grande distribution vectorisé sous Illustrator CS6 - Etape 2

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.

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.

Produit grande distribution vectorisé sous Illustrator CS6 - Etape 3

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

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.

Produit grande distribution vectorisé sous Illustrator CS6 - Etape 4

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

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.

Produit grande distribution vectorisé sous Illustrator CS6 - Etape 5

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

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

Produit grande distribution vectorisé sous Illustrator CS6 - Etape 6

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

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.

Produit grande distribution vectorisé sous Illustrator CS6 - Etape 7

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

Produit grande distribution vectorisé sous Illustrator CS6 - Rendu final

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

Repost0

Published by DétouragePhotoPro - dans Détourage
commenter cet article …

13 mai 2013 1 13 /05 /mai /2013 07:50

Tutoriel : Habillage d'un objet détouré sous Photoshop CS6

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

Rub00 Photomontage réalisé sous Photoshop CS6.

Photomontage - Rendu final

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

photomontage cadrage photoshop 001

Rub01 Photomontage réalisé sous Photoshop CS6.

Photomontage réalisé sous Photoshop

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.

photomontage cadrage photoshop 001

Rub02 Photomontage réalisé sous Photoshop CS6.

Photomontage réalisé sous Photoshop

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.

photomontage cadrage photoshop 002

Rub03 Photomontage réalisé sous Photoshop CS6.

Photomontage réalisé sous Photoshop

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.

photomontage cadrage photoshop 003

Rub04 Photomontage réalisé sous Photoshop CS6.

Photomontage réalisé sous Photoshop

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.

photomontage cadrage photoshop 004

Rub05 Photomontage réalisé sous Photoshop CS6.

Photomontage réalisé sous Photoshop

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

photomontage cadrage photoshop 005

Rub06 Photomontage réalisé sous Photoshop CS6.

Photomontage réalisé sous Photoshop

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

photomontage cadrage photoshop 006

Rub07 Photomontage réalisé sous Photoshop CS6.

Photomontage réalisé sous Photoshop

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.

photomontage cadrage photoshop 007

Rub08 Photomontage réalisé sous Photoshop CS6.

Photomontage réalisé sous Photoshop

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

photomontage cadrage photoshop 008

Rub09 Photomontage réalisé sous Photoshop CS6.

Photomontage - Rendu final

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.

photomontage cadrage photoshop 009

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

Repost0

Published by DétouragePhotoPro - dans Détourage
commenter cet article …

3 avril 2013 3 03 /04 /avril /2013 15:06

FILIGRANES sous PHOTOSHOP sur une image détourée

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 ?

FILIGRANE AERO

AERO - Filigrane réalisé sous Photoshop CS6 par detourer.com

FILIGRANE ANGLE

ANGLE - Filigrane réalisé sous Photoshop CS6 par detourer.com

FILIGRANE CONSTRUCTION

CONSTRUCTION - Filigrane réalisé sous Photoshop CS6 par detourer.com

FILIGRANE CONTOUR

CONTOUR - Filigrane réalisé sous Photoshop CS6 par detourer.com

FILIGRANE CUTY

CUTY - Filigrane réalisé sous Photoshop CS6 par detourer.com

FILIGRANE DAMIER

DAMIER - Filigrane réalisé sous Photoshop CS6 par detourer.com

FILIGRANE ECOLIER

ECOLIER - Filigrane réalisé sous Photoshop CS6 par detourer.com

FILIGRANE FANCY

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

FILIGRANE FANCYVAGUE

FANCYVAGUE - Filigrane réalisé sous Photoshop CS6 par detourer.com

FILIGRANE FANTASIA

FANTASIA - Filigrane réalisé sous Photoshop CS6 par detourer.com

FILIGRANE FONDU

FONDU - Filigrane réalisé sous Photoshop CS6 par detourer.com

FILIGRANE JEDEMO

JEDEMO - Filigrane réalisé sous Photoshop CS6 par detourer.com

FILIGRANE MARKER

MARKER - Filigrane réalisé sous Photoshop CS6 par detourer.com

FILIGRANE MOUSE

MOUSE - Filigrane réalisé sous Photoshop CS6 par detourer.com

FILIGRANE RAIN

RAIN - Filigrane réalisé sous Photoshop CS6 par detourer.com

FILIGRANE RUBAN

RUBAN - Filigrane réalisé sous Photoshop CS6 par detourer.com

FILIGRANE SLIDE

SLIDE - Filigrane réalisé sous Photoshop CS6 par detourer.com

FILIGRANE SPEEDFANCY

SPEEDFANCY - Filigrane réalisé sous Photoshop CS6 par detourer.com

FILIGRANE TACHE

TACHE - Filigrane réalisé sous Photoshop CS6 par detourer.com

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

Repost0

Published by DétouragePhotoPro - dans Détourage
commenter cet article …

2 avril 2013 2 02 /04 /avril /2013 14:47

OMBRES réalisées sous PHOTOSHOP CS6 après détourage.

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 ?

OMBRE CLASSIQUE

ombre detourage retouche photoshop CS5 CS6 009