Comment créer facilement son Mockup sur Affinity Photo V2 ?
Pas envie de lire ? Retrouvez la vidéo en fin d’article !
Dans mon infolettre mensuelle, j’utilise régulièrement une image pour présenter la vidéo du mois.
Par exemple, celle-ci :
Cette semaine, alors que je discutais avec un ami, ce dernier me disait :
tu dois te casser les pieds à fabriquer cette image toutes les semaines, à la déformer pour qu’elle correspondent précisément à tes dimensions, etc.
Je lui ai répondu que créer cette image ne me prenait pas plus de 30 secondes à peine, grâce à Affinity Photo et sa capacité à utiliser des documents intégrés et des filtres dynamiques sur les calques. C’est donc ce que je vais vous expliquer ici !
Récupérer l’image de base
Prenons cette image récupérée sur Internet, lien en fin d’article si vous voulez la télécharger pour faire l’exercice.
Nous allons commencer par ôter l’image colorée pour ne garder que l’écran de l’iMac.
Supprimer l’image originale
Ouvrez l’image dans Affintiy Photo et sélectionnez la baguette magique.
Placez la tolérance à 50%, cocher les options Continu et Anticrénelage puis cliquez sur le ciel. (Ajustez la tolérance si besoin pour sélectionner tout le contenu de l’écran.
Cliquez sur la touche DELETE de votre clavier.
Préparer le document intégré
Créez un nouveau document (Cmd⌘–N).
Choisissez un format de 1600 par 900 pixels, en 300 Dpi.
Insérez un calque de remplissage (menu Calque, Nouveau calque de remplissage) Gris Foncé et écrivez dessus le texte « Remplace moi ».
Sauvegardez ce nouveau document en lui donnant le nom que vous voulez ça n’a pas d’importance (moi je l’ai appelé Embed). Fermez le document (Cmd⌘–W).
Insérer le document intégré dans votre composition
De retour sur votre document initial, faites glisser le document sur votre fenêtre de travail, un petit plus vous indique que vous allez ajouter le document.
Attention pour que le document soit intégré, il faut que votre politique d’insertion soit réglée sur Intégré et non sur lié (Menu Fichier / Politique d’insertion).
Le document intégré apparaît dans la liste des calques. Faites le glisser sous le calque de l’écran.
Sélectionnez le calque avec la flèche noire, puis rendez-vous dans Calque, Nouveau calque de filtre dynamique, Distorsion et Perspective.
Le filtre dynamique apparaît sur la palette des calques.
Utilisez les poignées pour placer chaque coin du document juste derrière la barre noire de l’écran, pour que le document intégré soit masqué de quelques pixels par le contour noir de l’écran.
Ajouter un reflet
Ajoutez un nouveau calque et placez-le au-dessus de tous les autres. Nommez le reflet.
À l’aide de l’outil Lasso, et en maintenant la touche majuscule enfoncée, tracez un triangle sur la partie supérieure gauche de l’écran.
Remplissez ce triangle de blanc (raccourci shift-F5) avec une opacité à 20%.
Votre Mockup est prêt !
Utiliser le Mockup
Pour mettre une image sur votre écran, il vous suffit de faire un double clic sur le calque du document intégré. Le document intégré s’ouvre alors dans un nouvel onglet.
Placez votre image pour qu’elle recouvre totalement la zone grise, puis fermez le document (raccourci clavier : Cmd⌘–W).
Le tour est joué ! Il ne vous reste plus qu’à exporter votre image dans le format de votre choix !
Le fichier original si vous voulez refaire l’exercice :
