Concevez un voucher accrocheur dans Photoshop

Ce que vous allez créer

Bienvenue dans un autre tutoriel de conception d'impression Photoshop. Dans ce didacticiel, nous allons apprendre à créer un joli design épuré pour un bon cadeau. Suivez le long pour apprendre de nouvelles techniques et connaissances de base lors de la conception d'œuvres d'art pour l'impression.

Atouts du tutoriel 

Ce tutoriel utilise des images du pack de ressources Envato et des icônes vectorielles personnalisées que j'ai créées dans Illustrator, que vous pouvez télécharger à partir du lien situé à droite:

  • nature-12.jpg 
  • icons.ai
  • stripe-pattern.pat

En outre, il existe des familles de polices Lexia et Effra utilisées, fournies avec un abonnement Typekit ou Adobe Creative Cloud: https://typekit.com/

Configurer le document et les guides 

Étape 1

Créer un Nouveau document avec les dimensions 105 X 216 mm. Ce format représente un tiers du format de papier A4. Ensemble Résolution à 300 et Couleur Mode à CMJN.

Étape 2

Créer Nouveaux guides. Décalez chaque guide 3 mm de chaque bord. Cela représente la zone de fond perdu du document. Suivez-le et ajoutez un guide vertical au centre également.

Création de fond 

Étape 1

Saisir l'image de Pack de ressources "nature-12.jpg" et placez-le dans le document.

Étape 2

Permet d'ajuster un peu l'image. Nous allons utiliser une série de Couches d'ajustement pour faire ça. Ajouter Balance de couleur Et mettre Tons moyens à +46, +1, +dix.

Étape 3

Maintenant, ajoutez Niveaux et ajustez les curseurs en fonction de l'image ci-dessous pour accentuer les couleurs de fond.

Étape 4

Utilisation Luminosité / Contraste calque de réglage et set Luminosité à -4 et Contraste à 35

Étape 5

Créer un Nouvelle couche (Maj-CMD-N) et le remplir avec Couleur rouge. Changement Mode de fusion à Écran et ajouter un nouveau Masque de calque. Utilisation Outil de dégradé radial (G) s'estompe en rouge dans le coin supérieur gauche du coupon. Cela créera des tons chauds sur le dessus de la photo.

Étape 6

Sélectionner Outil Rectangle (U) et créez un nouveau rectangle blanc allongé. Saisissez le coin supérieur droit du rectangle et déplacez-le dans la partie inférieure du coupon. N'oubliez pas de mettre Opacité à 50%.

Étape 7

Suivez les mêmes étapes pour créer un nouveau rectangle au-dessus du précédent. Cette fois réglé Opacité à 60%. Pour rendre la forme plus intéressante, ajoutez un Masque de calque. Activer Pinceau (B) et avec un pinceau doux enlever une couleur blanche de la zone centrale de ce rectangle.

Étape 8

Encore une fois, créez un nouveau rectangle. Supprimez le coin inférieur gauche pour créer un triangle. Placez le triangle entre le bord droit et le premier rectangle. Définir le calque Opacité à 35%.

Étape 9

Dupliquer (J) le calque avec triangle et set Opacité à 65%. Ajustez légèrement le triangle en fonction de l’illustration ci-dessous. Ajouter un nouveau Masque de calque et encore une fois, utilisez une brosse douce pour faire disparaître une certaine couleur blanche de la zone centrale du triangle.

Étape 10

Créer un Nouveau rectangle (U). Déplacez le coin supérieur gauche légèrement en dessous. Le remplir avec marron dégradé et set Mode de fusion à Combustion linéaire.

Étape 11

Dupliquer (J) le rectangle brun. Ensemble Mode de fusion retour à Ordinaire. Changement Opacité à 65%. Utilisation Masque de calque et une brosse douce pour estomper les parties inférieures du calque.

Étape 12

Avec le calque toujours sélectionné, ajoutez Effet Ombre portée. Ensemble Opacité à 35%, Distance à dix et Taille à 40.

Création d'une zone d'en-tête 

Étape 1

Créer un Nouveau rectangle (U). Déplacez le coin supérieur droit légèrement vers la gauche. Le remplir avec marron pente. Ajouter Effet Ombre portée avec Opacité à 20%. Ensemble Distance à 2 et Taille à 7.

Étape 2

En utilisant le même processus que décrit dans la première étape, créez un nouveau rectangle. Cette fois le remplir avec blanc la couleur et placez-le en dessous de l'en-tête brun. Activer Libre Transformer (CMD-T) et inclinez un peu le coin inférieur droit. Ensemble Opacité à 80%.

Étape 3

Ajouter Masque de calque et utilise Pinceau (B) estomper les zones supérieures du rectangle blanc. Placez cette couche sous le rectangle brun.

Étape 4

Activer Outil de type (T) et écrivez un "X". Dans ce cas, j'ai utilisé Effra Bold Italic. Le remplir avec blanc Et mettre Mélange Mode à Lumière douce. Échelle le "X" jusqu'à ce qu'il soit à la même hauteur que l'en-tête marron et place-le à l'intérieur.

Étape 5

Dupliquer (J) le calque "X" et convertit le type en forme. Jouer avec Chemin d'accès (P) et supprimez les points d'ancrage du "X" jusqu'à ce que vous obteniez une forme de flèche. Déplacez-le légèrement vers la gauche.

Étape 6

Utilisation Outil de type (T) ajouter un texte d'en-tête. Dans ce cas, j'ai combiné les polices Lexia Thin et Lexia Bold pour créer le texte. Remplissez le type mince avec Foncé marron et caractères gras avec blanc.

Création d'un badge 

Étape 1

Créer un Nouvelle Ellipse (U). Le remplir avec marron. Ajouter un Effet Ombre portée. Ensemble Opacité à 60, Distance à 7 et Taille à 12.

Étape 2

Créer un autre Ellipse. Faites-le légèrement plus petit et placez-le dans la zone brune. Remplir Accident vasculaire cérébral avec blanc Et mettre Poids à 1 pt. Faire la course en pointillés.

Étape 3

Encore une fois créer un nouveau Ellipse. Remplissez-le avec un dégradé de blanc à noir. Placez-la au-dessus de l’ellipse brune conformément à l’illustration ci-dessous et convertissez-la en Masque d'écrêtage. Ensemble Mode de fusion à Recouvrir et Opacité à 35.

Étape 4

Utilisation Outil de type (T) écrire le texte "65%". Dans ce cas, j'ai utilisé la police Effra Bold. Jouez avec les tailles de police et autres préférences pour rendre le résultat esthétique.

Étape 5

En utilisant le même type de méthode dans "Vente". Remplir le texte avec Orange couleur et set Capitalisation à Lettres minuscules.

Étape 6

Utilisation Outil Ligne (U) créer des séparateurs orange à côté du texte "Vente". Ligne fixe Poids à 5 pt.

Ajout de texte principal 

Étape 1

Créez un nouveau texte et tapez "Voucher". Utilisez la police Lexia Bold Italic et remplissez le texte avec Jaune. Régler Suivi des personnages à -40. Ajouter Effet d'ombre intérieure. Ensemble Opacité à -40, Distance à 1 et Taille à 1.

Étape 2

Ajouter ensuite un Superposition de motifs. Chargez le "motif en bande" à partir des ressources. Ensemble Mode de fusion à Vive lumière.

Étape 3

Ajouter un nouveau texte "Présent". Le remplir avec marron et appliquer le même Ombre intérieure Effet du texte précédent.

Étape 4

Utilisation Outil de type (T) ajouter du texte factice ou le texte souhaité. Le remplir avec blanc colorer et ajouter un Effet Ombre portée. Ensemble Opacité à 30, Distance à 3 et Taille à 8.

Ajout de texte en bas 

Étape 1

Suivez les mêmes techniques pour ajouter du texte en bas. Combinez les couleurs blanche et jaune pour correspondre au style de coupon. Comme ce sont des couleurs vives, ils rendent le texte lisible.

Étape 2

Importation les icônes vectorielles des actifs. Placez le en conséquence à l'image uniformément à travers le bon. Ajoutez un texte explicatif à côté de chaque icône, tel que: Adresse, Numéro de téléphone de l'adresse électronique..

Étape 3

Ajoutons encore un séparateur blanc. Créer un Nouvelle ligne en pointillés (U) Et mettre Poids à 3 pt.

Conclusion

Dans ce didacticiel, nous avons décrit quelques étapes élémentaires pour créer un bon simple. Si vous avez suivi, vous devriez avoir une belle conception que vous pouvez utiliser comme modèle pour votre client ou tout autre projet. Utilisez votre imagination pour jouer avec les couleurs et l’arrière-plan afin d’obtenir des designs alternatifs.

Conseil rapide

Vous pouvez utiliser l'illustration finale comme modèle pour créer d'autres conceptions. Jouez avec les couleurs et les images de fond pour obtenir différents résultats.