Maquettes d'affiches dans Photoshop

Maquettes d’affiches dans Photoshop

J’ai partagé quelques affiches il y a quelque temps sur Abduzeedo et j’ai reçu quelques e-mails me demandant comment j’avais créé les maquettes d’application pour les affiches, j’ai donc décidé de publier un article sur le processus. Il existe plusieurs façons de procéder et bien sûr vous pouvez trouver des modèles en ligne, cependant, aujourd’hui, je vais vous montrer un moyen simple de créer des maquettes simples que vous pourrez réutiliser pour vos projets afin de leur donner un aspect plus réaliste et professionnel.

Alors dans ce petit tutoriel, je vais vous montrer comment créer une maquette d’affiche qui pourra être réutilisée pour vos futurs projets d’affiches. C’est un guide simple sur la façon d’utiliser Photoshop Smart Objects pour créer des éléments non destructifs dans Photoshop.

Étape 1

La première chose à faire est de prendre une bonne photo de quelqu’un tenant une vraie affiche. Dans ce cas, mon ami et écrivain Abduzeedo Paulo Gabriel tient une vieille affiche Abduzeedo. Prenez quelques photos et ouvrez celle que vous aimez le plus dans Photoshop.

Étape 2

Avec l’outil Lasso polygonal (L), sélectionnez les doigts qui tiennent l’affiche.

Maquettes d'affiches dans Photoshop

Étape 3

Cliquez sur les options Affiner le contour. Sélectionnez Smart Radius, puis peignez sur les bords des doigts pour affiner la sélection. Après cela, changez la sortie en nouveau calque avec masque de calque.

Maquettes d'affiches dans Photoshop

Étape 4

Créez un rectangle recouvrant l’ancienne affiche.

Maquettes d'affiches dans Photoshop

Étape 5

Réorganisez les calques de sorte que le rectangle se trouve sous le calque des doigts créé à l’étape 3.

Maquettes d'affiches dans Photoshop

Étape 6

Sélectionnez le calque des doigts, puis accédez à Calque> Styles de calque> Ombre portée. Utilisez Linear Burn à 30% pour le mode de fusion et l’opacité, puis utilisez 4 pour la distance, 0 pour la propagation et 5px pour la taille.

Maquettes d'affiches dans Photoshop

Étape 7

Sélectionnez le calque rectangle et changez la couleur en blanc. Ensuite, allez dans Calque> Objets intelligents> Convertir en objets intelligents. Après cela, allez dans Edition> Transformer> Warp. Modifiez ensuite les bords pour qu’ils suivent l’affiche réelle.

Maquettes d'affiches dans Photoshop

Étape 8

Sélectionnez le calque d’objet dynamique, puis accédez à Calque> Style de calque> Superposition de dégradé. Utilisez le dégradé noir et blanc à 10%. Réduisez l’échelle à 55 % et déplacez la zone sombre vers le bas de l’affiche.

Maquettes d'affiches dans Photoshop

Étape 9

Sélectionnez maintenant la superposition de motifs. Vous pouvez trouver un joli papier texturé en ligne à utiliser comme modèle. Utilisez ensuite Linear Burn à 20% pour vous assurer qu’il se fond avec votre conception.

Maquettes d'affiches dans Photoshop

Étape 10

Voici la composition finale que vous aurez. Une affiche vierge est un objet intelligent sur lequel vous pouvez simplement double-cliquer pour l’éditer et y ajouter simplement votre illustration.

Maquettes d'affiches dans Photoshop

Étape 11

Une fois que vous avez enregistré le fichier .psb que Photoshop ouvrira pour modifier l’objet intelligent, l’illustration de l’affiche s’affichera dans la composition de votre affiche.

Maquettes d'affiches dans Photoshop

Conclusion

Voici quelques exemples d’affiches différentes utilisant la même maquette d’application. Maintenant, vous pouvez créer cela à partir de livres, de cartes de visite, de documents collatéraux, à peu près n’importe quoi. C’est un moyen facile de rendre vos projets plus réalistes.

Maquettes d'affiches dans Photoshop

Maquettes d'affiches dans Photoshop

Maquettes d'affiches dans Photoshop

Télécharger le fichier Photoshop

Téléchargez le fichier Photoshop utilisé pour ce tutoriel