Si vous cherchez à créer des images attrayantes pour un article de blog ou que vous essayez de rendre votre portefeuille de sites Web ou de conception graphique en ligne plus professionnel, vous voudrez peut-être afficher vos images et vos conceptions sur un écran virtuel tel qu’un ordinateur de bureau, un écran d’ordinateur portable, une tablette. , ou même un écran de smartphone.

Mais comment pouvez-vous faire cela le plus rapidement possible sans avoir à prendre vos propres photos?

La bonne nouvelle est qu’il existe plusieurs façons simples de mettre vos images sur un écran virtuel, et nous allons couvrir deux de ces meilleures façons dans cet article.

Écran virtuel Option 1: utiliser Placeit

Le moyen de loin le plus simple de le faire est d’utiliser un générateur de maquette tel que Placeit. Si vous ne connaissez pas Placeit, c’est un outil de conception en ligne qui vous permet de créer toute une gamme de designs, y compris des logos, des publications sur les réseaux sociaux, des vidéos et bien plus encore.

Leur fonctionnalité la plus populaire est leur générateur de maquette qui contient une grande bibliothèque de maquettes d’appareils et d’écrans virtuels que vous pouvez utiliser. Donc, si vous souhaitez voir votre image ou votre design sur une tablette avec un arrière-plan intéressant, ou afficher la conception de votre site Web sur un écran de smartphone, vous pouvez facilement faire tout cela et plus encore avec Placeit.

Si vous recherchez des images de base d’appareils, notamment des ordinateurs portables, des ordinateurs de bureau, des smartphones, des tablettes, etc., vous pouvez également les trouver sur Placeit.

Étape 1: Choisissez un modèle d’écran numérique

Accédez à Placeit et trouvez un appareil ou un modèle d’écran virtuel que vous aimez. Il y a beaucoup de choix sur Placeit, y compris 700 modèles d’écran d’ordinateur portable, plus de 1000 modèles d’écran de smartphone, environ 100 modèles d’écran de bureau, plus de 250 modèles d’écran de tablette et bien plus encore!

Modèles d’appareils et d’écrans virtuels sur Placeit

Étape 2: Personnalisez le modèle

Lorsque vous avez sélectionné un modèle, vous serez redirigé vers l’éditeur. Tout ce que vous avez à faire ici est d’ajouter votre image ou votre design à l’écran de l’appareil (vous pouvez le télécharger depuis votre appareil, l’ajouter via une URL ou l’importer à partir de vos designs existants sur Placeit).

Vous pouvez également modifier la couleur d’arrière-plan de certains modèles et ajouter une superposition de texte et de logo. Comme vous pouvez le voir ci-dessous, Placeit fait automatiquement correspondre votre image à l’écran. Ça ne pourrait pas être plus simple!

Modèle d’écran de périphérique de Placeit

Étape 3: Téléchargez le modèle

Et c’est tout! Vous pouvez maintenant télécharger l’image de l’écran de votre appareil et l’utiliser comme vous le souhaitez. Si vous avez choisi l’un des modèles gratuits sur Placeit, vous pourrez télécharger votre image gratuitement.

Cependant, s’il s’agit d’un modèle premium, cela vous coûtera 7,95 $ pour un modèle, ou vous pouvez télécharger un montant illimité si vous obtenez un abonnement (mensuel: 14,95 $ ou annuel: 89,69 $):

Tarification Placeit

Option d’écran virtuel 2: Photoshop

La deuxième option consiste à utiliser Photoshop. Cela nécessite un peu plus d’efforts que d’utiliser Placeit, et vous oblige également à avoir des connaissances de base de Photoshop, cependant, cela vous donne beaucoup plus de contrôle et de flexibilité sur votre conception et les éléments qui en font partie.

Didacticiel vidéo

Pour un aperçu plus complet de toutes les étapes à suivre lors de l’utilisation de Photoshop, regardez la vidéo ci-dessous de Dansky:

Étape 1: Obtenez l’image de l’écran de votre appareil

Pour obtenir les images de l’écran de votre appareil choisi, vous avez quelques options. Vous pouvez simplement rechercher dans Google l’appareil que vous avez choisi (par exemple, l’iPhone) et utiliser l’une des images des résultats de recherche d’images de Google.

Le problème avec cette méthode est le droit d’auteur, car vous devrez vérifier que vous pouvez utiliser librement une image.

Vous pouvez également obtenir l’image de l’écran de votre appareil préféré à partir d’un site Web d’images de stock.Il existe des sources gratuites telles que Pexels et Unsplash ou des sources premium telles que Adobe Stock ou Envato Elements.

Images iPhone sur Pexels

Étape 2: ouvrez Photoshop

Lorsque vous avez l’image de l’appareil que vous avez choisie, ouvrez-la dans Photoshop.

Ouvrez l’image de votre appareil dans Photoshop

Étape 3: ajouter une forme de rectangle

Ajoutez une forme de rectangle au canevas dans les dimensions du dessin ou de l’image que vous souhaitez ajouter à l’écran de l’appareil:

Ajouter une forme de rectangle au canevas

Étape 4: Convertissez le rectangle en objet intelligent:

Déplacez le rectangle au milieu de l’écran de l’appareil, puis convertissez-le en objet intelligent. Vous pouvez double-cliquer sur l’objet intelligent et modifier les dimensions pour le rendre suffisamment grand pour votre image ou votre design (espérons-le, une version haute résolution):

Faire du rectangle un objet intelligent

Étape 5: Couvrez l’écran de l’appareil avec le rectangle:

Enregistrez le fichier d’objet intelligent et renvoyez le document principal. Redimensionnez et repositionnez le rectangle pour couvrir l’écran de l’appareil, puis masquez le calque d’objet intelligent:

Couvrir l’écran de l’appareil avec le rectangle d’objet intelligent

Étape 6: Sélectionnez la zone d’écran:

Utilisez les outils de sélection de Photoshop pour sélectionner l’écran du périphérique et, avec cette sélection, réactivez l’objet intelligent pour qu’il remplisse l’espace de sélection:

Sélection de la zone d’écran de l’appareil

Étape 7: Ajoutez votre image ou dessin au fichier:

Revenez dans l’objet intelligent et ajoutez l’image ou le dessin que vous souhaitez afficher dans l’écran du périphérique virtuel dans le fichier. Ensuite, redimensionnez-le sur le canevas, puis enregistrez et fermez et vous verrez que votre image ou votre dessin est maintenant affiché sur l’écran de l’appareil.

Vous pouvez maintenant exporter votre image finale:

Ajout de votre image à l’écran de l’appareil

Dernières pensées

Voilà donc comment vous pouvez afficher vos images et dessins sur un écran virtuel tel qu’un ordinateur de bureau, un écran d’ordinateur portable, une tablette ou un écran de smartphone.

L’option de loin la plus simple consiste à utiliser un outil comme Placeit, ce qui rend le processus beaucoup plus rapide. Mais si vous avez une certaine expérience avec Photoshop et souhaitez plus de contrôle sur vos conceptions, vous voudrez peut-être emprunter cette voie.

Nous espérons que ce guide vous a aidé!