Share
Dans la deuxième partie de notre didacticiel en deux parties, je vais vous montrer comment utiliser notre cityscape graphic pour créer une couverture de magazine, puis deux versions d’une diffusion interne dans Adobe InDesign. Je vais ensuite créer une maquette dans Photoshop.
OK le temps d'aller dans InDesign. Ouvrir un Nouveau A4, document étalé.
Dirigez-vous vers votre Des pages panneau et créer un écart supplémentaire (double page). Sélectionnez la page maître par double-clic dessus. Nous travaillons maintenant sur cette page exclusivement.
Aller à Édition> Préférences et éditez la baseline aux paramètres appropriés.
Nous allons maintenant créer une grille modulaire qui correspond à la ligne de base. C'est assez facile à faire avec une page légale / lettre où la ligne de base est une fraction proportionnelle de la hauteur totale de la page. Sur un A4, la division ne correspond pas parfaitement. La dernière ligne de base est toujours recadrée, ce qui rend difficile la création d'une grille modulaire sur un format A4 avec une ligne de base alignée..
Voici une astuce que vous pouvez essayer. Tout d’abord, allez à Mise en page> Créer des guides et ajoutez les paramètres suivants. Utilisation 12 pt pour les gouttières, identique à la taille de base.
Créez une forme qui suit la grille modulaire nouvellement créée. La ligne de base et les nouveaux guides ne s’adaptent pas parfaitement, alors dessinez la forme de sorte qu’elle environ dans une cellule modulaire. Voir le côté gauche de la page pour référence. Cachez ensuite les guides modulaires et commencez à multiplier la forme par une gouttière de 12 pt - voir page de droite pour référence. Cela ne conviendra pas parfaitement à votre page, ce qui est OK.
Groupe les formes ensemble (Contrôle-G) et centrez-les sur la page à l’aide des outils d’alignement. Cela deviendra essentiellement votre nouvelle grille modulaire qui s'adaptera également à une grille de base, sur un format A4. Maintenant, faites glisser un guide et accrochez-le en haut de la ligne de cases..
Créez une forme qui s'étend du guide nouvellement créé au haut de la page. Ce sera votre nouvelle marge de papier, alors copiez sa mesure de hauteur depuis le menu du haut..
Aller à Mise en page> Marges et colonnes et collez cette mesure dans les marges supérieure et inférieure. Gardez une marge de 1,5 sur les côtés et à l'intérieur de l'écart.
Génial, dessinez maintenant les guides et alignez-les sur les cases de chaque page pour obtenir cette nouvelle grille modulaire. Votre propagation devrait maintenant ressembler à ceci. Si vous avez gardé votre grille de ligne de base pour commencer à partir de la marge supérieure, et non du haut de la page, vous disposez maintenant d'une grille de ligne de base modulaire. Arrêtez de travailler sur le gabarit et allez à la page 1 ou à la couverture. Ajoutons l'image en fond.
Aller à Fichier> Place et sélectionnez l'illustration exportée. Placez-le comme une page entière en faisant glisser la forme d'un coin à l'autre.
Dans InDesign, le placement d'une image s'effectue dans une forme qui agit comme un masque dans Photoshop. Si vous souhaitez recadrer l'image, réduisez simplement la zone. Si vous souhaitez modifier les dimensions ou déplacer l'image elle-même, utilisez la commande Outil de sélection directe et éditez-le après avoir cliqué dessus.
Ajouter du contenu maintenant devrait être facile, car vous avez les guides sur lesquels vous pouvez compter. Commençons par créer un titre de magazine et des informations supplémentaires. Je ne traiterai que des aspects techniques, car c'est à vous de choisir où placer le contenu..
Utilisez le Outil de type (T) Faites glisser une zone dans la première colonne dans le coin supérieur gauche et utilisez les paramètres suivants. dans le Paragraphe panneau, n'oubliez pas d'activer 'se caler sur la grille de base', c'est la boîte en bas à droite dans le coin Paragraphe panneau et il fait tout le texte se caler sur la ligne de base.
Génial, ajoutez le reste du contenu de la même manière, en utilisant la même technique que ci-dessus. Pour le titre PSD, je viens de "développer" le texte en allant à Type> Créer des contours et l'étiré proportionnellement pour s'adapter aux cases requises de la grille.
Réglages finaux de la couverture: ajout d’un sous-titre, d’une fausse boîte de code à barres et d’un logo factice.
Maintenant, comment changer la couleur du texte. Si vous avez sélectionné une zone de texte, allez à Fenêtre> Nuancier. Toutes les couleurs attribuées aux formes, au texte, etc. doivent être sélectionnées ici. Cliquez sur la petite icône en T et changez la couleur du texte en blanc. L'icône T est la couleur du texte, par opposition à la couleur de la forme qui est positionnée à sa gauche.
Sur la page suivante, la propagation.
J'ai décidé de faire principalement du reportage photographique, j'ai donc choisi une forme qui correspond à l'illustration de la page à gauche et à 1,25 colonne de droite. J'ai aussi placé un 6 pt contour en haut pour commencer à créer l'en-tête.
La forme grise est fondamentalement un espace réservé que je vais utiliser plus tard pour le remplir avec l'image en utilisant Fichier> Place. Vous pouvez déjà le placer si vous le souhaitez, mais je vous recommande d'utiliser des formes simples non colorées pour planifier la composition et ajouter le reste vers la fin..
Créez ensuite le numéro de page sur la page de gauche. Utilisez les paramètres suivants et créez sa zone de texte afin qu'elle remplisse toute une colonne. Alignez le texte au centre de la zone de texte (icône entourée en rouge) et n'oubliez pas de le faire caler sur la ligne de base dans le Paragraphe réglages.
La même chose vaut pour le côté opposé. Ajoutez le numéro de page et le titre du chapitre sur la page de droite.
Ajouter le reste de l'info: titre de l'article défini dans "Akzidenz Grotesk BQ condensé", 96 pt Taille, Espacement 84pt. Pourquoi cette taille? Simple, j'ai créé l'espacement et la taille du texte de manière à ce qu'il soit proportionnel à la taille d'une ligne. Notez que le texte s'accroche au bas de deux lignes verticales de ma grille modulaire..
En dessous, j'ai placé le titre de l'auteur et un paragraphe d'introduction factice "Texte de fret en gras italique".
Placez simplement l'illustration à l'intérieur de la zone de placement et vous avez terminé votre première diffusion..
J'ai créé un ajout qui se concentre uniquement sur le texte. Choisir les colonnes à utiliser pour le corps du texte et celles à ne pas utiliser est une question de planification de la composition tout en permettant à l'espace contenu de respirer à travers un espace blanc (zones inactives).
Ce que vous voulez faire, c'est ajouter le corps du texte et le titre par lequel commencer. Lentement, nous ajouterons des citations, des paragraphes d'introduction, des images peut-être (pas dans ce cas cependant)…
Ajoutons maintenant un paragraphe d'introduction.
Vous pouvez voir les paramètres ci-dessous pour le texte, mais laissez-moi vous donner quelques informations pour savoir quelle taille de police utiliser sur votre page. Une ligne de base de 12 points est très compatible avec vos tailles de police standard dans le menu déroulant Taille de police, en général.
Si votre rangée est de 12 pt, la taille de la police doit être de 9 ou 12, de manière à laisser de la place entre chaque ligne. Avoir une taille de 12 points / un espacement de 12 points aura pour effet de l'étouffer et de rendre la lecture un peu plus difficile tout en rendant le paragraphe trop lourd et intimidant. Permettez à votre rangée de respirer.
Une ligne de base de 12 pts signifie que votre espacement est toujours un multiple de 12 pts. 12 pt, 24 pt, 48 pt, etc. Cela signifie qu’il est également facile de choisir une taille de police plus grande. Espacement des lignes de 24 points? Utilisez une taille de police de 18 points. Espacement de 48 rangées? Utilisez une taille de police de 36 points. La liste continue.
Un autre bel exemple de la raison pour laquelle vous devriez utiliser une ligne de base peut être vu dans la capture d'écran. Remarquez l'alignement des polices plus grandes et plus petites. C'est plus difficile à faire sans base. Si vous rencontrez des difficultés pour aligner le haut des paragraphes avec un cadre d'image, par exemple, vous pouvez modifier votre ligne de base en 6 points, ce qui ne modifie pas la présentation de base de quoi que ce soit puisqu'il s'agit d'une division de votre ligne de base 12 points existante. Cela permet toutefois un raffinement supplémentaire pour l'alignement et un espacement des lignes plus flexible. Vous souhaiterez peut-être faire cela uniquement après avoir acquis de l'expérience en combinant la taille de la police et l'espacement des lignes..
J'ai également ajouté des titres et des sections de citation sur ma page en utilisant les mêmes techniques..
Bon, il est temps de faire une maquette de notre couverture et de ses écarts. Exporter chaque propagation sous forme de fichier jpeg Fichier> Exporter. Utilisez les paramètres ci-dessous. Nous allons travailler sur la première propagation et vous pouvez faire la couverture et la dernière propagation vous-même.
Redimensionnez votre image dans Photoshop à 2000 pixels. Si vous voulez le conserver à la taille originale de 4500px, c'est très bien. Je fais cette maquette pour les tailles d'écran et redimensionne les exportations d'InDesign et d'Illustrator en tailles plus petites, car cela atténue l'anti-aliasing du texte et des graphiques, ce qui crée un aspect plus photographique..
Nommez votre calque d'arrière-plan et recadrez le canevas de manière à laisser plus d'espace. Remplissez le fond avec un gris avec lequel vous êtes à l'aise.
Créer un nouveau calque et en faire un Masque d'écrêtage pour la couche étendue. Faites glisser un guide au centre de la toile (doit s’aligner automatiquement au centre avec Guides intelligents activée).
Utilisez le Outil de dégradé (G) faire un dégradé noir à transparent sur la bonne page. Utilisez l'outil Rectangle de sélection pour limiter le dégradé à la page de droite (en utilisant le guide central comme limite centrale). S'il fait trop sombre, vous pouvez modifier la transparence du calque.
Faites la même chose pour le côté gauche cette fois et brouillez le dégradé 1px (Filtre> Flou> Flou Gaussien). Cela fera que la ligne médiane ressemble davantage à un pli réaliste.
Créez un nouveau calque sous le calque magazine. Remplissez-le de noir et ajustez-le autant que la page de gauche. Utilisez le Outil de déformation pour le déformer comme on le voit ci-dessous. Faites la même chose pour le bas (déformation).
Entrer Mode masque rapide (Q) et créez un dégradé en utilisant le noir, comme dans l'image ci-dessous. Nous allons faire une sélection en utilisant des dégradés.
Sortie Mode masque rapide (Q) et inverser votre sélection (Control-Shift-I). Aller à Filtre> Flou> Flou Gaussien. Flou la sélection par 6.5px.
Désélectionnez et brouillez tout le calque maintenant en 1px.
Déposer la couche Opacité à 20%. Il devrait être à peine visible. Dupliquez-le et faites-le glisser sur la bonne page.
Effacez un peu le haut avec un masque dégradé pour qu’il soit plus lourd en bas et plus léger en haut. À présent double-cliquez la couche étendue et ajouter un Dropshadow.
C'est tout! Voici les maquettes finales et la couverture de notre projet. J'espère que vous avez trouvé de bons conseils en cours de route.
Placeit est un outil de génération de maquette en ligne simple et facile à utiliser. Aucune compétence Photoshop ou Adobe requise, car tout se fait en ligne. Il suffit de sélectionner un modèle de leur Plus de 11 000 modèles SMART, insérez votre dessin et vous êtes prêt à partir.
Lire un magazine dans la maquette du jardin
Jeune femme en regardant un magazine alors qu'elle se trouvait à l'intérieur d'une maquette de magasin
Accentsconagua