Comment créer une mise en page de magazine professionnel

Quelques fois par mois, nous revoyons certains des articles préférés de nos lecteurs au cours de l'histoire de Vectortuts +. Ce tutoriel d'Otto Coster a été publié le 4 août 2010.

Vous êtes-vous déjà demandé comment les designers professionnels trouvaient l'équilibre parfait entre texte et image? En utilisant les puissants outils de type d'InDesign, vous apprendrez des techniques pour vous aider à définir et à organiser une mise en page de magazine..

À la recherche d'une solution rapide?

Si vous cherchez une solution rapide, il existe une grande collection de présentations de magazines sur Envato Elements. Avec une vaste gamme de mises en page et plus de ressources de conception disponibles au téléchargement pour un tarif mensuel abordable, c'est un excellent moyen de se lancer rapidement dans votre projet. Voici quelques-uns de nos favoris!

1. Magazine de mode

2. Magazine Minimal

3. Magazine d'architecture

4.oLemo Magazine

5. Magazine Élégant

Étape 1: Configuration du document

Nous utiliserons un document au format A4 standard pour ce tutoriel. Commencez par définir le nombre de pages sur 8, le fond perdu sur 2 mm afin de laisser un peu de place aux images, les marges à 10 mm pour le haut et le bas, la marge intérieure à 13 mm et la marge extérieure à 20 mm. La raison de ces marges différentes est que, dans une feuille de calcul à deux pages, une marge légèrement plus grande à l'extérieur de la page est plus esthétique et offre un espace suffisant pour contenir la version imprimée. C'est également utile pour la grille de page à l'étape suivante.


Étape 2: Création d'une grille

Pour configurer la grille de page, accédez à la "palette A-master" et choisissez Disposition> Créer des guides. Une grille est utilisée pour maintenir la cohérence dans la mise en page et fournit un cadre pour le positionnement du contenu. Une grille bien utilisée est la première chose dont vous avez besoin pour donner à votre mise en page un aspect professionnel. Pour ce tutoriel, nous allons utiliser une grille de 12 lignes sur 12 colonnes avec un espacement de 3 mm. Choisissez Adapter les guides aux marges pour créer une grille avec une largeur de colonne de 12 mm..

Pourquoi? Notre largeur de page est de 210 mm, avec 20 mm à l'extérieur et 13 mm à l'intérieur, nous avons 177 mm pour 12 colonnes et 11 gouttières. 12 colonnes de 12 mm plus 11 gouttières de 3 mm soit 177 mm.


Étape 3: Mise en place d'un fond

Lors de la création d'une mise en page de magazine, vous souhaiterez conserver un bon équilibre entre les espaces blancs, les images et le texte. Une bonne technique consiste à utiliser une image avec beaucoup d'espace «vide», l'espace autour du sujet ayant la même fonction que l'espace blanc. J'utilise une photo intitulée Summertime Sunshine by Stewart, elle présente un joli fond flou sur lequel nous pouvons placer notre texte..

Allez à la page 2-3 et placez votre photo dans le fond perdu de manière à couvrir toute la largeur. Déplacez la photo dans le cadre de sorte que le sujet se trouve dans la marge de la première page et que le haut du cocktail se trouve au bord d'une ligne de la grille..


Étape 4: Créer un corps de texte

Créez un cadre de texte placé aux mêmes positions verticale et horizontale que le cocktail de l’autre page, ici dans la troisième rangée, cinquième colonne de la grille. Cela crée une ligne imaginaire qui relie l’image au texte. J'ai utilisé le titre de la photo "Summertime Sunshine" comme titre et rempli le reste du cadre avec la fonction "Remplir avec du texte de substitution" d'InDesign..


Étape 5: Configuration d'une grille de base

Pour que notre texte paraisse bien, nous devons créer une grille de base. Allez dans Préférences> Grilles et réglez Increment Every sur 8 pt. Dans ce tutoriel, nous utiliserons une taille de texte de 12 pts et un interligne de 16 pts. Une grille de base de 8 points, ce qui correspond à la moitié du nombre total de points, offre de la flexibilité car elle peut également être utilisée pour des tailles de texte plus petites..


Étape 6: Modification du style de paragraphe de base

Accédez à la palette des styles de paragraphe et modifiez le style du paragraphe de base. J'ai utilisé FF Meta Book Roman avec une taille de 12 pt et une avance de 16 pt. Vous pouvez également laisser le début du réglage automatique, car notre grille de base garantira que tout le texte est bien aligné..


Étape 7: alignement

Allez dans les retraits et l'espacement et réglez l'alignement sur la justification à gauche. Sur le Web, il est presque impossible d'obtenir un texte justifié et esthétique, mais InDesign le rend très facile à utiliser. Définissez également le paramètre Aligner sur la grille sur Toutes les lignes, puis ajoutez un espace de 16 pts après un paragraphe. Ce n'est pas nécessaire et vous pouvez également utiliser le retrait de première ligne pour séparer les paragraphes..


Étape 8: Césure

La césure est très importante pour un texte justifié. Il coupe les mots longs à la fin d'une colonne pour que la colonne ait un bord droit au lieu de contenir beaucoup d'espaces vides. Les paramètres de césure par défaut dans InDesign nécessitent quelques ajustements pour améliorer l'apparence de notre corps de texte. Je change les paramètres pour utiliser la césure uniquement pour les mots d'au moins 6 lettres, et après la première et avant les 3 dernières lettres. La limite de trait d'union définit le nombre de lignes d'une ligne pouvant comporter un trait d'union à la fin. Je pense que 3 est beaucoup trop et un maximum de 1 semble beaucoup mieux. En outre, vous devez désactiver les cases à cocher pour les mots en majuscules et le dernier mot..


Étape 9: Justification

Par défaut, les paramètres de justification sont un peu à perdre. Définissez l'espacement des mots sur un minimum de 85% et le maximum sur 105%. De cette façon, les mots ne sont pas séparés par de grands écarts. Pour l'espacement des lettres, définissez le minimum sur -2% et le maximum sur 2%. Cela améliore beaucoup la justification. Vous pouvez également expérimenter avec la mise à l'échelle des glyphes si nécessaire.


Étape 10: Couleur du texte

J'utilise le blanc comme couleur pour le texte en raison de l'arrière-plan sombre. Choisissez ce qui vous convient le mieux tout en gardant le texte lisible.


Étape 11: Colonnes de texte

Ouvrez les Options du cadre de texte avec un clic droit sur le cadre de texte et modifiez le nombre de colonnes par 2 avec une gouttière de 3 mm. De cette façon, la longueur de la ligne est réduite et la lisibilité améliorée.


Étape 12: cap

Pour l'en-tête, nous souhaitons utiliser une taille de texte plus grande de 42 points et une valeur de suivi négative de -50 pour réduire l'espacement entre les lettres. Les titres peuvent souvent bénéficier d'un ajustement de suivi.


Étape 13: Colonnes de portée

Une nouvelle fonction dans InDesign CS5 offre la possibilité à un paragraphe de s’étendre sur plusieurs colonnes. Nous allons l'utiliser ici pour que l'en-tête couvre les deux colonnes du cadre de texte. Définissez la disposition des paragraphes sur les colonnes et l’ensemble sur.


Étape 14: ajustements de cap

En raison du réglage de suivi, les lettres "r" et "t" se touchent maintenant. C'est quelque chose que vous voulez éviter en général. Pour résoudre ce problème, j'ai défini le crénage à 75 entre les lettres, ce qui crée suffisamment d'espace pour les séparer..


Étape 15: alignement optique des marges

La dernière chose que vous souhaitiez faire est un petit paramètre dans la palette Histoire d'InDesign: Alignement optique des marges. Cela déplace les tirets, les guillemets et les caractères larges tels que les lettres W et A en dehors du cadre de texte. Cela augmente l'aspect des bords. Cliquez sur le cadre de texte, activez Alignement optique des marges et définissez la valeur à la taille du corps du texte..


Conclusion

Vous venez de créer une page simple, mais bien équilibrée, avec une bonne typographie et une utilisation des espaces. Vous avez les bases configurées pour une présentation de magazine cohérente.