All Articles Photoshop
Concevoir une brochure à trois volets dans InDesign et Photoshop, partie 3
Martin Perhiniak on Wed, May 29th 0 comments
Continuing from Part 2 in this 3-part InDesign and Photoshop tutorial, Martin Perhiniak shows you how to create a beautiful trifold brochure and hone your design ninja skills.

Dans cette troisième partie tutoriel, nous allons concevoir une brochure à trois volets pour une agence de voyage fictive

Bali brochure


Étape 1 - Exportation JPEG à partir d'InDesign

Tout d'abord, nous devons obtenir les plis de la brochure sauvegardés à partir d'InDesign afin que nous puissions travailler avec eux dans Photoshop. L'objectif est de montrer les plis à l'intérieur et la façade de la brochure dans la maquette et nous n'aurons besoin que d'exporter ces pages. Si vous avez suivi les deux parties précédentes de ce tutoriel, vous pouvez ouvrir le fichier InDesign et allez dans Fichier

Pic 1


Vous pouvez spécifier les pages de la section de la plage que vous souhaitez enregistrer sur. Il est important de définir les pages au lieu des spreads dans la boîte de dialogue d'exportation.


Étape 2 - Charger les fichiers dans Photoshop Layers

Maintenant que nous avons les plis exportés, nous pouvons aller dans le répertoire où les fichiers sont dans Bridge. Une fois que vous avez sélectionné les quatre plis (trois plis intérieurs avant et) vous pouvez choisir Outils

Pic 2


Étape 3 - Extension de la toile pour la maquette

Maintenant que nous sommes dans Photoshop, il faut préparer la toile pour être en mesure de s'adapter à tout correctement. À l'heure actuelle, la toile est de la même taille comme un repli. Nous devons choisir l'image

Pic 3


C'est ainsi que le document va ressembler à ces changements:

Pic 4


Étape 4 - Création de la couche de fond

Pour faire la maquette aspect réaliste, il faut un joli fond de dégradé. Tout d'abord, nous devons créer un calque vide et placez-le au bas de la structure en couches. Ensuite, nous devons double-cliquez dessus et ajouter un style de calque Gradient Overlay avec les paramètres suivants:

Pic 5


Étape 5 - L'organisation des plis

Avant de commencer à travailler avec les plis, nous devons nous assurer qu'ils sont organisés. Le mieux est de garder les 3 plis à l'intérieur ainsi que dans l'ordre et déplacer le pli devant séparément sur le côté pour l'instant.

Pic 6


Étape 6 - Création d'objets dynamiques

Avant de commencer un redimensionnement d'une des plis, il serait sage de faire de chaque couche séparément dans des objets dynamiques. L'avantage de cela est que nous n'allons pas perdre de la qualité des images tout en les redimensionnant. Pour ce faire, il vous suffit de cliquer droit sur le calque et choisissez Convertir en objet dynamique. Répétez cette étape pour toutes les couches de plis.

Pic 7


Étape 7 - Ajout perspective à plis

C'est probablement la partie la plus difficile de ce tutoriel car il faut un peu de pratique et la compréhension de la perspective. Ce que vous devez faire d'abord est de sélectionner les couches avec les plis intérieurs et choisissez Modifier

Pic 8


Lorsque vous êtes prêt appuyez simplement sur ​​Entrée pour accepter les changements.


Étape 8 - Mise plis

En utilisant la même technique, nous pouvons ajouter plus de profondeur aux plis par les déformer légèrement vers le haut. Assurez-vous que dans ce cas, vous utilisez Free Transform séparément à l'intérieur pli à gauche et à droite. Aussi essayer d'aligner des éléments qui se chevauchent entre les plis (comme le rectangle bleu sur ma conception).

Pic 9


Pic 10


Étape 9 - Ajout d'ombres

Pour rendre la maquette plus réaliste, nous devons aussi créer des ombres. La meilleure façon de le faire est d'ajouter un style de calque Ombre portée aux couches. Vous pouvez utiliser les paramètres suivants:

Pic 11


Vous pouvez ajouter de l'effet à une fois et puis Alt / Option glisser l'icône fx à la droite du nom des couches sur les deux autres couches de copier les effets ou vous pouvez le faire de façon plus facile en mettant les couches dans un groupe et l'ajout de l'effet sur le groupe. Vous pouvez faire cela seulement si vous avez Photoshop CS6 ou tard.

Qu'est-ce que vous avez à faire est de sélectionner les trois couches et appuyez sur Commande / Control-G pour les combiner en un groupe de calques, puis double-cliquez sur l'icône groupes pour ajouter l'effet. Vous pouvez utiliser les mêmes paramètres que ci-dessus, mais dans ce cas la structure de votre couche ressemblera à ceci:

Pic 12


Étape 10 - Ajout de l'ombrage sur les plis

Il ne suffit pas d'avoir des ombres pour une maquette réaliste, nous devons aussi l'ombrage sur les plis eux-mêmes. Pour cela, la meilleure technique consiste à ajouter du style de la couche d'Gradient Overlay sur les plis. Dans ce cas, il pourrait être plus facile à contrôler l'effet si vous appliquez séparément pour chaque couche pli. J'ai utilisé les réglages suivants pour le pli sur la gauche:

Pic 13


Vous pouvez répéter cette étape pour les autres plis.


Étape 11 - Positionnement et appliquer des effets pour le pli de l'avant

Last but not least, vous pouvez ajouter le pli avant et appliquer les mêmes effets à elle (distorsion, ombre portée et l'ombrage).

Pic 14


Le gros avantage de cette maquette est que vous pouvez facilement mettre à jour si vous l'enregistrez en tant que fichier PSD. La prochaine fois que vous créez une brochure à l'identique ou très similaire taille il vous suffit de double-cliquer sur l'objet dynamique des couches de vignettes dans le panneau Calques et remplacer les images par le nouveau design. Une fois que vous sauvegardez ces documents incorporés (sources de la Smart Objects), vous verrez que votre maquette sera mise à jour avec les nouveaux plis.

J'espère que vous avez apprécié cette série de tutoriel et que vous avez appris de nouvelles techniques de celle-ci. Bonne chance dans vos projets futurs de la brochure!


Concevoir une brochure à trois volets dans InDesign et Photoshop, partie 1

Concevoir une brochure à trois volets dans InDesign et Photoshop, Partie 2

Concevoir une brochure à trois volets dans InDesign et Photoshop, partie 3

Related Videos
Comments (0)

You must be logged in to comment.

Working With Images
InDesign CC & CS6 105
Dream It. Do It.
Do you want to learn Working With Images?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: