Share
Les concepteurs utilisent souvent plusieurs applications pour créer leur travail. Ce qui est génial avec les produits Adobe, c'est que vous pouvez facilement basculer entre eux pour effectuer diverses tâches. Dans ce didacticiel, nous allons vous montrer comment concevoir une présentation de magazine à l'aide d'Adobe InDesign. Nous vous montrerons ensuite comment créer une maquette de magazine réaliste et réutilisable de ce modèle dans Photoshop que vous pourrez présenter à vos clients. Commençons!
Les actifs suivants ont été utilisés lors de la production de ce projet.
Ouvrez InDesign. Avant de commencer quoi que ce soit, définissons l’unité en millimètres. Cliquez sur Edition> Préférences et définissez ses unités de règles sur Millimètres..
Cliquez sur Fichier> Nouveau pour créer un nouveau fichier. Définissez sa taille de page sur Lettre. Cliquez sur le bouton Plus d'options.
Ajouter saigner 2 mm. Nous utilisons un fond perdu pour ajouter de la toile supplémentaire au document. Cette zone de fond perdu ne sera pas imprimée.
Dans le panneau Pages, ajoutez une nouvelle page. Maintenant nous avons deux pages.
Double-cliquez sur la page principale.
Appuyez sur Commande / Ctrl + R pour révéler la règle. Commande / Ctrl-glisser pour créer un nouveau guide sur les deux pages.
Ajouter un autre guide dans la partie inférieure de la page.
Ajouter un autre guide horizontal pour ajouter 4 et 3 colonnes sur chaque page.
Cliquez et faites glisser en utilisant l'outil Texte pour dessiner une zone de texte. Type Page puis espace. Sélectionnez Type> Insérer un caractère spécial> Marqueur> Numéro de page actuel..
Ouvrez le panneau Styles de paragraphe et créez un nouveau style..
Double-cliquez sur les styles et définissez son alignement sur Away from Spine. Appliquer ce style à la page courante de la zone de texte.
Tout en maintenant la touche Alt enfoncée, faites glisser la zone de texte pour la dupliquer. Placez-le de l'autre côté de la page
Ci-dessous, vous pouvez voir le résultat à la page. Le caractère A change automatiquement en fonction du numéro de page actuel.
Ajoutez une photo dans la moitié supérieure de la page. Assurez-vous de l'enclencher dans la zone de purge.
Nous ne voulons pas que l'image soit déplacée ou modifiée accidentellement. Faites un clic droit sur l'image et sélectionnez Verrouiller.
Ajoutez des sous-titres d'image en ajoutant une zone de texte dans le coin inférieur droit de l'image..
Ajouter une autre image et son sous-titre sur la dernière colonne.
Ajoutez une zone de texte sur la première colonne et remplissez-la avec un article. Pour le remplir avec du texte factice, cliquez sur Type> Remplir avec du texte de substitution..
Appliquer le style de paragraphe à son titre.
Appliquez des styles de caractère à une partie du titre. Cela remplacera le paramètre de texte.
Appliquez un style de paragraphe au corps de l'article. Depuis la barre des options, définissez le retrait de première ligne: 4 mm.
Sélectionnez le premier paragraphe et remplacez son réglage dans la barre des options en supprimant son retrait de première ligne à 0 mm..
Tracez un rectangle et placez un triangle au centre.
Sélectionnez les deux formes. Faites un clic droit dessus et sélectionnez Groupe pour les combiner en tant que groupe..
Ouvrir le panneau d'habillage de texte et définir les paramètres d'habillage suivants.
Placez-le sur l'article.
Ajouter un autre article. Cette fois, faites pivoter la flèche pour qu'elle pointe la petite image.
Passez à la page suivante. Ajouter une photo en haut de la page.
Ajouter un rectangle couvrant la page inférieure et la photo.
Appliquer un dégradé linéaire du blanc au noir.
Dans le panneau Effets, définissez son mode de fusion sur Multiplier..
Dessine un rectangle gris dans la partie inférieure de la page.
Ajouter le titre du post. Placez des formes rectangulaires derrière le texte.
Ajouter le corps de l'article dans une zone de texte séparée.
Ajouter une citation sur la dernière colonne à partir d'une combinaison de styles de paragraphe et de caractère.
Ajouter un article et des images plus petits dans la partie inférieure de la page.
Nous avons fini de travailler sur la page. Ci-dessous le résultat.
Nous allons exporter cette page vers Photoshop. Nous ne souhaitons pas importer le fichier INDD, mais nous avons choisi le format JPEG car il est beaucoup plus simple. Commençons par exporter la page au format JPEG. Cliquez sur Fichier> Exporter.
Dans la boîte de dialogue Exporter, définissez son type de fichier sur JPEG.
Il est beaucoup plus facile d’utiliser de vraies références photo de magazines que de les dessiner simplement par imagination. Prenez votre appareil photo et prenez une photo de votre magazine. Nous voulons également nous assurer que le magazine a la même taille que son design. Pour la maquette, il est préférable d’utiliser la photo avec perspective. Cela se traduit par une apparence plus réaliste.
Pour ce projet, j'utilise cette référence de photo. Tracez la première page à l'aide de l'outil Plume en mode Forme.
Ajoutez un trait et réduisez son calque de remplissage pour nous aider à voir la référence.
Tracez le reste de la page et assurez-vous de le placer derrière la page précédente.
Supprimer le contour et redéfinir le calque de remplissage sur 100%. Appliquer cette fois-ci Inner Shadow et Gradient Overlay.
Ajouter un nouveau calque en haut de la page. Définissez-le comme masque d'écrêtage (Commande / Ctrl + Alt + G). De cette façon, tout ce que nous mettons ici ira à l'intérieur de la page. Utilisez l'outil Plume pour tracer une ligne blanche en surbrillance sur la page..
Adoucissez la surbrillance en appliquant un filtre Flou gaussien.
Réduire l'opacité du calque.
Répétez cette étape pour ajouter plus de surbrillance sur la page..
Répétez le même processus, mais cette fois, peignez en noir pour ajouter une ombre.
Peindre en blanc au centre de la page.
Adoucissez-le en appliquant un très grand flou gaussien.
Réduire l'opacité du calque.
Commande / Ctrl-clic sur la première page pour la sélectionner. Ajouter un nouveau calque derrière la première page. Remplir la sélection avec du noir.
Adoucissez l'ombre de la page en appliquant un filtre Flou gaussien..
Convertir le calque en masque d'écrêtage. De cette façon, l'ombre ira à l'intérieur de la page derrière elle.
Continuez à répéter cette étape pour ajouter l'ombre des autres pages.
Ajouter manuellement l'ombre de la page sur la couverture du magazine principal.
Créez un nouveau calque entre chaque page et peignez une ombre aléatoire subtile pour ajouter une apparence réaliste.
Cliquez sur Fichier> Importer et sélectionnez notre page InDesign au format JPEG. Le fichier JPEG sera inséré dans le fichier PSD en tant qu'objet dynamique. Nous pouvons transformer cette image sans éditer aucun de ses pixels.
Dupliquez l'objet intelligent de la page en appuyant sur Commande / Ctrl + J. Cliquez sur l'icône en forme d'œil au dessus du calque de page d'origine pour le masquer. Appuyez sur Commande / Ctrl + T et transformez la page.
Commande / Ctrl-glisser le coin jusqu'à ce qu'il corresponde à la forme de la page.
Continuez à répéter cette étape.
Une simple transformation ne suffira pas. Faites un clic droit et choisissez Warp.
Dessinez sa poignée et ses boîtes de chaîne jusqu'à ce qu'elles correspondent à la courbure de la page..
Convertissez le calque en masque de détourage et placez-le sous tous les rehauts et ombres.
Dupliquez cette page d'objet intelligent et placez-la sur le reste de la page derrière elle..
Répétez ce processus pour chaque page.
Dessinez le reste de la page et appliquez cette fois la page InDesign suivante..
Jusqu'ici, voici notre résultat.
Commande / Ctrl-clic sur toutes les pages pour sélectionner le magazine entier. Peinture noire au centre du magazine.
Remplir le fond avec du noir. Sélectionnez le magazine. Créez un nouveau calque et placez-le sous toutes les calques. Remplir la sélection avec du noir.
Adoucissez l'ombre du magazine en appliquant un filtre Flou gaussien.
Effacer les ombres inutiles.
Commande / Ctrl-clic sur le capot gauche.
Créez à nouveau un nouveau calque et remplissez-le de noir. Adoucissez-le à nouveau en appliquant le flou gaussien, mais utilisez cette fois un rayon plus petit..
Ajoutez une autre ombre derrière la couverture droite. Notre maquette est maintenant prête à être utilisée.
Double-cliquez sur la conception de page d'objet intelligent pour modifier son contenu..
Collez une autre conception de page sur le fichier. Enregistrez le fichier puis fermez-le.
En fonction de la taille du fichier et de l'état de votre ordinateur, vous devrez peut-être attendre quelques secondes ou minutes pour mettre à jour le contenu de l'objet dynamique.
Dans le fichier de maquette, le contenu de la page est automatiquement mis à jour. Aucune transformation manuelle nécessaire. Répétez ce processus sur l'autre page.
Cette fois, nous essayons de coller ce design.
Attendre un moment.
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.
Femme lisant un modèle de magazine sur le siège arrière d'une voiture
À l'extérieur en train de lire une maquette de magazine d'un jeune homme avec des lunettes
Accentsconagua