Comment insérer une photo dans une maquette de produit dans Adobe Photoshop

Ce que vous allez créer

Dans ce petit conseil, je vais vous montrer comment utiliser Adobe Photoshop pour ajouter vos propres images personnalisées à une maquette de produit achetée auprès d'Envato Market.. 

Envato Market est une excellente ressource pour les photos, les modèles graphiques et les maquettes de produits. Ces ressources sont un excellent moyen de produire des photos marketing de haute qualité en très peu de temps.. 

1. Sélectionnez un produit

L'un des avantages de l'utilisation d'un modèle acheté est que les créateurs fournissent généralement un fichier très propre et organisé qui facilite l'insertion de vos propres images. Ainsi, par exemple, si vous faites la promotion d'une nouvelle application qui utilise l'appareil photo et le GPS de l'appareil pour fournir des indications sur la vue de la rue, quel meilleur moyen de commercialiser l'application que de le montrer en cours d'utilisation sur un appareil?

Étape 1

Il existe de nombreuses maquettes de produits disponibles sur le marché. Celui que j'ai choisi comprend une main tenant l'appareil.

Étape 2

Téléchargez le dossier compressé et extrayez les fichiers séparés du package. Ouvrez le fichier nommé Hand1_Transparent.psd dans Photoshop. Notez que le fichier comporte plusieurs couches, ce qui facilite le processus de mise à jour du fichier afin d'inclure vos propres images personnalisées..

2. Remplacer le fond

Étape 1

Dans notre publicité hypothétique, l'application devrait montrer ce que la caméra de l'appareil voit. L’image de fond est dans la Objet intelligent couche étiquetée MODIFIER LE FOND. Double-cliquez sur la vignette pour ouvrir le contenu dans son propre document..

Le fichier s'ouvre - ça s'appelle Layer1.psb. Notez qu'il n'a qu'un seul calque, l'image de fond actuelle.

Étape 2

Aller à Fichier> Lien lié et sélectionnez une nouvelle photo comme arrière-plan de l'annonce. J'ai choisi une vue de la rue à partir de mes propres photos.

Étape 3

Aller à Fichier> Enregistrer puis fermez le fichier. Le contenu de l'arrière-plan du fichier initial est mis à jour pour refléter le nouvel arrière-plan. Notez que le fichier ajoute automatiquement un effet de flou et de colorisation au nouvel arrière-plan..

3. Remplacer l'interface de l'application

Étape 1

L'interface est mise à jour avec la même méthode. Double-cliquez sur le EDIT OBJECT vignette de la couche pour l'ouvrir Objet intelligent.

Étape 2

Ce fichier, appelé Camera.psb, comprend deux couches. Il existe une couche masquée pour une version blanche du périphérique et la version noire actuellement visible. Les deux sont aussi Objets intelligents. Donc, ils sont des objets intelligents au sein d'objets intelligents, c'est comme Smart-Object-ception!  Double-cliquez sur la vignette du périphérique de couleur plus sombre pour creuser un autre niveau et ouvrir ce fichier..

Étape 3

Ce fichier, appelé Camera1.psb, contient les différentes couches utilisées pour illustrer l'appareil et une autre Objet intelligent nommé REMPLACER LE CONTENU pour l'écran. Double-cliquez sur cette vignette pour ouvrir ce fichier..

Étape 4

Ce nouveau fichier, appelé Screen11.psb, contient l'image réelle de l'écran. Insérer la nouvelle image d'interface d'application avec Fichier> Lien lié.

Étape 5

Enregistrez et fermez chacun des fichiers d'objet intelligent ouverts. Il devrait y en avoir trois: Screen11.psb, Camera1.psb, et Camera.psb. Le fichier d'origine est maintenant mis à jour avec la nouvelle interface intégrée de manière transparente dans la prise de vue.

C'est tout!

C'est aussi simple que ça! La mise à jour des objets intelligents au sein du modèle crée facilement un plan marketing personnalisé. N'oubliez pas que le fichier est toujours éditable. Vous pouvez donc échanger à tout moment le contenu des objets intelligents pour mettre à jour l'image avec de nouveaux arrière-plans et de nouvelles interfaces d'application..

Maquette de téléphone sur Placeit

Placeit est un générateur de maquette en ligne simple et facile à utiliser avec 11 000 modèles intelligents à choisir. Aucune compétence Photoshop requise, car tout ce que vous devez faire est sur l'outil en ligne. Ça ne va pas plus vite que ça. 

Homme jouant à un jeu sur un iPhone X tout en prenant un caféMaquette d'un homme noir tenant un iPhone blanc à deux mains