Comment créer un dépliant promotionnel dans Photoshop

Ce que vous allez créer

Photoshop est un excellent outil pour la conception graphique, en particulier les graphiques numériques qui ne sont affichés que sur les écrans, en plus de ses tâches épineuses consistant à peaufiner des photographies. Mais ce n'est pas tout, c'est bon pour. Avec les connaissances et la réflexion appropriées, on peut utiliser Photoshop pour créer de superbes motifs d’impression..

Ce didacticiel vous guidera à travers les étapes de base de la création du dépliant accrocheur présenté ci-dessus, qui peut être imprimé directement dans des couleurs CMJN prêtes pour l'impression, directement à partir de Photoshop. Vous pouvez suivre ce tutoriel pour créer ce dépliant exact ou ajuster les étapes avec le contenu et les couleurs souhaités pour obtenir le style de dépliant que vous souhaitez utiliser les mêmes méthodes..

Si vous êtes pressé et recherchez une solution de qualité, nous avons un certain nombre de modèles de circulaires disponibles à l'achat sur GraphicRiver, tels que: Lot de circulaires, modèle de Flyer professionnel ou modèle de circulaire Vintage..

Ou vous pouvez travailler avec un concepteur de flyers personnalisé sur Envato Studio. Par exemple, le célèbre designer canadien Fragonard créera une conception de flyer unique pour seulement 40 $.

Sinon, ce tutoriel vous montrera un flux de travail professionnel. Commençons!

Atouts du tutoriel

Ce didacticiel utilise des images libres de droits d’Envato, ainsi que des icônes vectorielles personnalisées que j’ai créées dans Illustrator spécifiquement pour ce projet. Vous trouverez chacun d'eux, ainsi qu'un fichier PSD complet que vous pouvez utiliser pour comparer votre travail, dans le téléchargement dans la barre latérale de ce tutoriel..

Ce didacticiel utilise également la famille de polices Proxima Nova, livrée avec un abonnement Typekit ou Adobe Creative Cloud. Vous pouvez synchroniser cette police sur votre ordinateur et l’utiliser avec ce didacticiel, ou utiliser une autre police de caractères similaire..

Configurer le document avec des guides

Étape 1

Commencez par configurer un document avec le format et les paramètres corrects pour l’impression. Créez un nouveau document dans Photoshop et définissez ses dimensions sur 216x154 mm. Ces dimensions représentent le format de papier A5 avec un fond perdu de 3 mm ajouté à chaque bord. Puisque nous allons créer des illustrations pour imprimer, définissez Mode de couleur à CMJN et Résolution à 300 Pixels / Pouces.

Étape 2

Créez de nouveaux guides qui représenteront la zone de fond perdu. Illustrator et InDesign intègrent cette fonction, mais dans Photoshop, nous devons la créer nous-mêmes. Utilisez le Outil de déplacement (V) et le Décalage clépour créer un guide horizontal en faisant glisser le curseur de la règle supérieure. Assurez-vous que le guide est situé 3 mm sur l'axe des ordonnées.

Étape 3

Répétez le même processus pour créer des guides le long de chaque bord du document. Assurez-vous que chaque guide est encart 3 mm de son bord correspondant.

Créer le fond

Étape 1

presse Maj-Cmd-N créer un nouveau Couche. Le remplir avec blanc comme couleur de premier plan (Alt-Retour arrière). Assurez-vous que vous avez le CMJN Sliders allumé si vous utilisez des couleurs d'impression.

Étape 2

Créer un nouveau Incrustation en dégradé. dans le Panneau de style de calque, éditer le dégradé. Définir le curseur blanc Emplacement à 30%. Changez la couleur du curseur noir en Jaune pâle (C = 9 M = 6 Y = 14 K = 0).

Ajouter un calque dégradé à partir du fxbouton dans le volet des calques… … Puis personnalisez votre dégradé… … Avec les couleurs que vous voulez pour le document

Étape 3

Utilisez le Outil Rectangle (U) créer un nouveau rectangle. Définir sa Taille à 216 mm par 56 mm.

Étape 4

Aligner le rectangle dans le coin supérieur gauche du document. Le remplir avec Brun foncé (C = 49 M = 74 Y = 80 K = 70).

Étape 5

Utilisez le Outil stylo (P) ajouter un nouveau point d'ancrage au bord inférieur du rectangle.

Étape 6

Avec le Outil de sélection directe (A), jouer avec les poignées d'ancrage pour créer une belle courbe de Bézier.

Étape 7

Suivez les mêmes étapes pour ajuster le rectangle dans la forme indiquée ci-dessous.

Étape 8

Aller à Fichier> Place Embedded… , puis sélectionnez le people-1.jpg image du pack de ressources.

Étape 9

Utilisez le Outil de déplacement (V) pour déplacer la photo dans le document. Placez-le dans le coin supérieur supérieur comme indiqué ci-dessous.

Étape 10

Créer un nouveau rectangle avec le Outil Rectangle (U). Définir sa Taille à 216 mm par 100 mm.

Étape 11

Utilisez le Outil de sélection directe (A) placer le rectangle directement au-dessus de la photo dans le coin supérieur gauche.

Étape 12

dans le Panneau d'outils rectangle options, sélectionnez Masque. Cela créera un masque vectoriel appliqué au calque avec la photo..

Étape 13

Ajouter un nouveau point d’ancrage au masque avec le Outil stylo (P). Créez une courbe de Bézier courbée avec le Direct Outil de sélection (A).

Étape 14

En utilisant les mêmes outils, le Outil stylo et le Outil de sélection directe, essayez d’ajuster le masque à la forme indiquée ci-dessous. Notez la position des points d'ancrage et la simplicité de la forme. Moins vous utilisez de points d'ancrage, plus le masque final sera lisse..

Étape 15

Aller à Filtre> Flou> Flou Gaussien. Met le Rayon à 6.

Étape 16

Sélectionnez le Filtres intelligents masque. Utilisez le Outil de dégradé (G) effacer le masque de gauche à droite.

Définissez la direction du dégradé de gauche à droite pour rendre l’image floue vers la droite.

Étape 17

Créer un nouveau Masque de calque. Utilisez le Pinceau (B) effacer les escaliers sur la photo. Utilisez un peu d'instinct et de créativité.

Étape 18

Créer une nouvelle luminosité / contraste Couche d'ajustement en cliquant sur l'icône du soleil dans le volet Réglages. Ensemble Luminosité à 40 et Contraste à 10.

Étape 19

Cliquez avec le bouton droit sur la couche de réglage et sélectionnez Créer un masque d'écrêtage. Ceci appliquera les nouveaux réglages de luminosité uniquement à la photo ci-dessous..

Étape 20

Créer un nouveau Couleur unie. Définir le remplissage de la couleur sur Brown (C = 30 M = 80 Y = 100 K = 30).

Étape 21

Cliquez sur le masque vectoriel du calque photo. Tenez le Alt clé et faites glisser le masque sur le brun Remplissage de couleur. Cette action va dupliquer le masque sélectionné.

Étape 22

Utilisez le Outil de sélection directe (A) et faites glisser le point d'ancrage en haut à droite dans le coin supérieur droit.

Étape 23

Utilisez le Pinceau (B) pour révéler certaines zones de la photo sous le remplissage marron. Met le Opacité de la couche à 75%.

Étape 24

Dessine un nouveau rectangle avec le Outil Rectangle (U).

Étape 25

Remplissez le rectangle avec Couleur marron clair (C = 10 M = 65 Y = 100 K = 0).

Étape 26

Placez le calque avec le rectangle brun clair sous le rectangle brun foncé.

Étape 27

Utilisez le Outil stylo (P) avec le Outil de sélection directe (A) pour ajuster le rectangle en une forme courbée comme indiqué ci-dessous.

Ajout de texte et logo

Étape 1

Créer un nouveau Ellipse (U). Définir ses dimensions à 248 px par 248 px. Le remplir avec Couleur marron (C = 30 M = 80 Y = 100 K = 30).

Étape 2

Ajouter le Ombre portée effet. Ensemble Opacité à 14%, Distance à 5 px, et Taille à 15 px.

Ajouter une ombre portée au calque de la fx bouton dans le volet des calquesAjustez votre ombre portée avec ces paramètres

Étape 3

Créer un nouveau Ellipse (U). Définir ses dimensions à 400 px par 400 px. Le remplir avec Couleur bleu foncé (C = 100 M = 80 Y = 45 K = 50).

Étape 4

Utilisez le même Ombre portée effet et l'appliquer à l'ellipse. Vous pouvez recréer créer l’ombre ou cliquer avec le bouton droit de la souris et sélectionner Copier le style de calque puis collez le style de calque sur l'autre ellipse. Placez le calque avec l'ellipse bleu foncé sous celui avec l'ellipse marron.

Étape 5

Ajouter du texte avec le Outil de type (T). Ce tutoriel utilise le Proxima Nova famille. le Top Title Size est de 17 pt. Ajoutez le reste du texte, avec chacun dans un calque séparé. Utilisez le Outil de déplacement (V) pour placer chaque ligne en conséquence, comme indiqué dans l'image ci-dessous.

Étape 6

Répétez le même processus pour ajouter un nouveau texte. Met le Taille de la première ligne à 31 pt.

Étape 7

Créez un nouveau titre en utilisant le Outil de type (T). Met le Font à Proxima Nova Light et le Taille à 18 pt.

Étape 8

Ajouter le sous-titre, encore une fois, en utilisant le Outil de type (T). Met le Size à 36 pt. Régler Suivi des personnages à -dix.

Étape 9

Sélectionnez les deux calques de texte. Maintenez la Alt clé et traîne le texte à dupliquer les deux lignes ci-dessous.

Étape 10

Encore une fois, utilisez le Outil de type (T) pour réécrire le texte en fonction de l'image ci-dessous. Positionnez le texte avec le Outil de déplacement (V).

Étape 11

Aller à Fichier> Placer incorporé et placez le logo vectoriel acme-travel-logo.ai dans le document.

Étape 12

Réduisez le logo vectoriel et positionnez-le dans le coin supérieur droit.

Étape 13

Ajouter le Ombre portée effet. dans le Panneau de style de calque, ensemble Opacité à 11%, Distance à 3 px, et Taille à 16 px.

Ajout de photographies de fond

Étape 1

Créer un nouveau Rectangle (U). Définir sa size à 60 px par 28 px.

Étape 2

Sélectionnez la forme rectangle avec le Outil de sélection directe (A). Dans le panneau d'alignement, définissez Horizontal Les centres.

Étape 3

Aller à Fichier> Placer incorporé et placez le people-11.jpg photo du pack de ressources.

Étape 4

Réduisez l'image et placez-la directement dans le rectangle.

Étape 5

Activer le Outil Rectangle (U), et dans le panneau d'options, cliquez sur Masque. Cette action créera un masque vectoriel à partir du rectangle et l'appliquera à la photo..

Étape 6

Avec le calque photo toujours sélectionné, maintenez Alt-Shift et faites glisser la photo pour la dupliquer. 

Étape 7

Aller à Fichier> Placer incorporé. Sélectionnez le ville-5.jpg photo du pack de ressources et l'ajouter au document.

Étape 8

Réduisez l'image et placez-la au-dessus de la photo dupliquée avec la fille.

Étape 9

Prenez le masque de la photo dupliquée avec la fille et placez-le dans la nouvelle image, puissupprimer le personnes-11-copie couche.

Étape 10

Répétez les étapes 7 à 9 pour ajouter la capture d'écran de la carte dans le document, en plaçant cette fois l'image de la carte..

Étape 11

Sélectionnez le carte-capture d'écran couche et ajouter Accident vasculaire cérébral depuis le bouton des effets dans le volet des calques.

Étape 12

Ensemble Sagresser Size à 2 px. Régler Position à À l'intérieur Et mettre Couleur à Brown (C = 30 M = 80 Y = 100 K = 30).

Ajout de texte en bas

Étape 1

Utilisez le Outil de type (T) créer une nouvelle instance de texte. Définir sa size à 11 pt et son Couleur à Marron clair (C = 10 M = 65 Y = 100 K = 0).

Étape 2

Ajouter plus de lignes. Ensemble Size à 9 pt, régler De premier plan à 13 pt, et changer Couleur à Gris (K = 90).

Étape 3

Suivez le même processus pour créer un nouveau bloc de texte. Placez-les sous la photo avec la fille et la capture d'écran de la carte.

Étape 4

Aller à Fichier> Place Embedded… Sélectionner icons.ai importer les icônes dans le document. Une nouvelle fenêtre contextuelle apparaîtra. Sélectionnez le Icône de calendrier et cliquez D'accord.

Étape 5

Réduisez l'icône et placez la nouvelle ligne à la première ligne avec les informations de temps.

Étape 6

Répétez le même processus pour importer le reste des icônes et placez-les en conséquence à côté de chaque ligne..

Étape 7

Utilisez le Outil de type (T) ajouter un nouveau texte. Placez-le sur la capture d'écran de la carte. Ensemble Size à 13 pt, régler De premier plan à 11 pt, et changer Couleur à Brun clair (C = 10 M = 65 Y = 100 K = 0).

Étape 8

Suivez le même processus pour ajouter de nouvelles lignes de texte pour l'adresse. Ensemble Size à 9 pt et changer Couleur à Gris (K = 90).

Étape 9

Aller à Fichier> Place Embedded… , sélectionner icons.ai à nouveau et importer le Globe Vector Icon dans le document.

Étape 10

Réduisez l'icône et placez-la à côté de l'adresse Web..

Étape 11

Activer le Outil stylo (P) et créer une forme vectorielle qui représentera la direction sur la carte.

Étape 12

dans le Panneau d'options, ensemble Accident vasculaire cérébral à Dashed et Couleur à Brun clair (C = 10 M = 65 Y = 100 K = 0).Régler Accident vasculaire cérébral Wparesse à 1,5 pt.

Étape 13

Aller à Options de trait> Plus d'options… , Et mettre Casquettes à Rond et ajuster cendré Line: Tiret à 3 et Écart à 3.

Étape 14

Créer un nouveau Ellipse (U). Ensemble Couleur à Brown (C = 30 M = 80 Y = 100 K = 30).

Étape 15

Activer le Outil stylo (P). Tenez le Alt clé et cliquez sur le point d'ancrage inférieur. Ceci convertira le point d'ancrage de lisse en angle.

Étape 16

Avec le Outil de sélection directe (A), déplace le point d'ancrage converti vers le bas.

Étape 17

Ajouter le Ombre portée effet à la broche. Utilisez les paramètres indiqués ci-dessous pour le rendre subtil.

Étape 18

Encore une fois, créez un nouveau Ellipse (U) et Fmauvaise couleur avec blanc. Placez l'ellipse au centre de la broche. Et c'est la touche finale à la conception de notre circulaire.

Conclusion

Toutes nos félicitations! Si vous avez suivi le didacticiel jusqu'à ce point, vous devriez avoir une belle conception d'un dépliant promotionnel.

N'oubliez pas: chaque fois que vous concevez des images pour une impression numérique, vous devez penser aux couleurs CMJN afin d'obtenir les meilleurs résultats. N'oubliez pas d'ajouter des fonds perdus à la toile (au moins 3 mm de chaque bord). Si vous n'êtes pas sûr de certains paramètres techniques avancés, il est toujours bon de consulter directement l’imprimeur pour éviter les erreurs ou les problèmes..

Si vous avez besoin d'une solution packagée, procurez-vous l'un de nos modèles de prospectus de GraphicRiver. Nous avons une tonne de choix créatifs, tels que Flyer Bundle, Modèle de Flyer professionnel ou Modèle de Flyer vintage.

Dans le prochain tutoriel de cette série, nous verrons comment imposer ce dépliant dans InDesign et préparer un PDF de qualité d'impression. En attendant, si vous avez des questions sur la création d'un motif imprimé dans Photoshop, laissez un commentaire ci-dessous et nous serons heureux de vous aider..