Créer un livre de portfolio qui se démarque dans InDesign Première partie - La couverture

Ce que vous allez créer

Dans la première partie de ce didacticiel en deux parties, vous apprendrez à créer une couverture à fort impact pour un livre Illustration Portfolio destiné à être imprimé, dans Adobe InDesign. Dans ces tutoriels, j'utiliserai des éléments vectoriels d'autres tutoriels Tuts +, mais le tutoriel est conçu pour que vous puissiez les échanger avec vos propres travaux d'illustration pour créer votre portefeuille personnel..

1. Configurer la disposition de la couverture

Étape 1

Ouvrez InDesign et accédez à Fichier> Nouveau document, ouvrir le Nouveau document la fenêtre.

Sélectionner Douane du Document prédéfini menu déroulant et assurer Intention est réglé sur Impression. Du Taille de la page menu déroulant sélectionner Douane… ouvrir le Taille de page personnalisée la fenêtre. Tapez "Couverture de portefeuille" sous prénom, met le Largeur à 490.6mm et le la taille à 203.2mm. Cliquez sur D'accord.

Étape 2

Cela vous ramènera à la Nouveau document la fenêtre. Quitter le Numéro de colonne mis à 1. Désélectionnez le Faites tous les réglages identiques icône dans le Marges section. Met le Haut et Bas marges à 20mm et le La gauche et Droite marges à 14.6mm. Met le Saigner à 9mm.

Lorsque nous créons une couverture pour un livre relié, il est judicieux de rendre le fond perdu assez généreux pour permettre à la zone imprimée d'être enroulée autour des bords de la couverture..

Vous avez maintenant une mise en page de 2 pages configurée pour votre couverture et la couverture arrière et les surfaces intérieures de la couverture ainsi.

2. Préparer le maître pour la couverture

Étape 1

Si pas déjà ouvert, allez à La fenêtre dans le menu du haut et cliquez sur Des pages ouvrir le Des pages panneau. Vous verrez qu'InDesign a automatiquement créé une page maître appelée Un maître et l'a appliqué automatiquement aux deux pages de votre document. Double-cliquez la Un maître icône de page pour pouvoir éditer le Maîtriser directement.

Étape 2

Définissez les dimensions de la colonne vertébrale à l’aide des repères glissés dans la règle de gauche. Aller à Voir> Afficher les règles, si elles ne sont pas déjà visibles.

Pour ce didacticiel, nous allons créer une épine de 8 mm, ce qui est assez généreux pour un livre de portfolio - une fois que vous savez le nombre de pages de votre livre et le poids du papier (par exemple 80 g / 130 ou 130 g), vous pouvez calculer largeur appropriée pour votre dos et réduisez ou augmentez la largeur du document en conséquence. Plusieurs calculatrices de la largeur de la colonne vertébrale sont disponibles en ligne, mais votre imprimante pourra peut-être vous conseiller..

Tout d’abord, faites glisser un repère vers 245.3mm, qui est le point central vertical de la couverture et le centre de la colonne vertébrale. Faites glisser une deuxième ligne de guidage vers 241.3mm, qui marque le bord gauche de la colonne vertébrale; et faites glisser une troisième ligne directrice vers 249.3mm, qui marque le bord de la colonne vertébrale droite.

3. Formater le fond de la couverture

Retour à la page 1 du document par double-clic l'icône de la page 1 dans le Des pages panneau. Basculer W pour assurer la Mode d'affichage est réglé sur Ordinaire et que les saignements et les marges sont visibles.

Sélectionnez le Outil Rectangle (M) et faites glisser un cadre qui s'étend sur toute la page, en terminant sur les bords du fond perdu. Met le Accident vasculaire cérébral à aucun et le Remplir au noir.

4. Sélectionnez et placez votre image de couverture

Vous voulez sélectionner une image qui présente à la fois votre meilleur travail pour capter l'attention du lecteur et qui fonctionne bien comme image de couverture en conjonction avec du texte et d'autres graphiques..

J'utiliserai l'illustration "Disco Skull" de Mary Winkler, qui peut être trouvée dans le Skull Decoration Challenge de l'année dernière. Cela devrait très bien fonctionner comme une image de couverture qui s'étend sur le devant et le dos, car il a une symétrie. Les couleurs vives agissent également comme une gâterie sur un fond noir intense.

En utilisant le Outil Cadre Rectangle (F) faites glisser pour créer un cadre avec un largeur de 145mm et un la taille de 220mm. Aller à Fichier> Place et localiser et Ouvrir votre image sélectionnée.

Utilisez le Remplir le cadre proportionnellement Une option du panneau de commande supérieur permet d’étendre l’image du bord supérieur du document (à l’écart du fond perdu) jusqu’au bord inférieur. Vous devrez peut-être double-cliquez le cadre pour sélectionner l'image directement pour la manœuvrer. Vous pouvez maintenir le Décalage touche pour redimensionner l'image sans perdre ses proportions d'origine.

Sélectionnez le cadre et déplacez-le vers le centre de la colonne vertébrale. Dans ce tutoriel, le crâne doit être scindé en deux par la ligne directrice du centre..

5. Modifiez votre image de couverture pour Impact

Lorsque la couverture est terminée, la couverture affiche un peu moins de la moitié de l'image du crâne.

L'image du crâne continuera à s'enrouler autour de la colonne vertébrale et de la couverture arrière. Il est probable que vous souhaitiez introduire du texte dans la colonne vertébrale. Nous devrons donc envisager une technique permettant de réduire la luminosité de l'image sur le dos uniquement pour permettre au texte de se démarquer..

Étape 1

Utilisation de la valeur par défaut Outil de sélection (V), sélectionnez le cadre d'image. Ctrl + clic (Mac) ou clic droit (PC) et sélectionnez Copie. Ne collez pas encore l'image copiée. Cliquez-glissez le bord gauche du cadre d'image existant jusqu'à ce que son bord droit rencontre exactement le bord gauche de l'épine.

Étape 2

Aller à Édition> Coller en place. Le deuxième cadre d'image du crâne sera collé à son emplacement d'origine, à ses dimensions d'origine. Cliquez-glissez le bord droit de ce nouveau cadre d'image jusqu'à ce que son bord gauche rencontre exactement le bord droit de la colonne vertébrale.

Étape 3

Encore une fois, allez à Édition> Coller en place. Un troisième cadre d'image de crâne sera collé dans sa position d'origine. Aller à Objet dans le menu du haut et sélectionnez Transparence du Effets menu contextuel, pour ouvrir la fenêtre Effets. Met le Opacité à 70%. Cliquez sur D'accord.

Cliquez-glissez le bord gauche du cadre de l'image pour rencontrer le bord gauche de la colonne vertébrale. Répétez avec le bord droit du cadre de l'image pour rencontrer le bord droit de la colonne vertébrale.

6. Sélectionnez les polices pour la couverture

Une règle générale pour la conception de livre professionnel est de limiter votre choix de police à deux polices. Cela devrait s'appliquer à la fois à la couverture et aux pages intérieures. Cela aide à créer une apparence cohérente et propre tout au long du livre.

Pour ce tutoriel, je me suis inspiré du thème rétro de l'image de couverture. Je pense que deux polices sans empattement différentes fonctionneraient bien ensemble. "Web Serveroff" minimal et le "Varela" plus volumineux et simple sont au rendez-vous. Web Serveroff conviendra parfaitement aux titres et aux sous-titres, tandis que Varela conviendra au corps du texte..

7. Insérer le texte pour la couverture avant

Étape 1

En utilisant le Outil de type (T) créer un cadre de texte 121mm en largeur et 37mm En hauteur. Réglez le cadre sur Aligner le texte à droite à partir du panneau de commande supérieur. Déplacez le cadre à la position suivante: X = 354,5 mm, Y = 21,9 mm.

Tapez "ILLUSTRATION (saut de paragraphe) PORTFOLIO". Mettez en surbrillance "ILLUSTRATION" et réglez le Police de caractère vers "Web Serveroff" Ordinaire, Taille à 76 pt et suivi (l’espacement entre les caractères) à 30. Pour l'instant, définissez la couleur sur blanc.

Mettez en surbrillance "PORTFOLIO" et réglez le Police de caractère à "Varela" Ordinaire. Met le Taille à 50 pt, De premier plan à 44 pt, et suivi à 120 pt. Faites glisser une ligne de guidage pour qu'elle rencontre le bord gauche du texte pour vous assurer que les deux lignes de texte s'alignent exactement..

Étape 2

En utilisant le Outil de type (T) créer un deuxième cadre de texte 120mm en largeur et 11mm En hauteur. Positionnez le bord gauche contre le repère créé à l’étape 1 et assurez-vous que le Position Y est réglé sur 169mm. Tapez "NAME" dans le cadre et définissez le Police de caractère à "Varela" Ordinaire. Met le Taille à 30 pt, suivi à 50 et sélectionnez Aligner le texte à gauche à partir du panneau de commande supérieur. Définir la couleur en blanc pour l'instant.

8. Insérer le texte pour la couverture arrière

En utilisant le Outil de type (T) créer un cadre de texte 94mm en largeur et 44mm En hauteur. Réglez le cadre sur Justifier avec la dernière ligne alignée à gauche depuis le panneau de commande supérieur.

Déplacez le cadre à la position suivante: X = 16,25 mm, Y = 21,9 mm. Cela positionnera le cadre sur la couverture arrière, aligné sur le cadre de texte "PORTFOLIO ILLUSTRATION"..

Tapez votre texte de présentation ou votre biographie ici, ou simplement aller à Type et sélectionnez Remplir avec un texte fictif insérer un texte de remplissage pour l'instant. Met le Police de caractère à "Varela" Ordinaire, Taille à 13 pt, De premier plan à 18 pt et suivi à dix. Définir la couleur en blanc pour l'instant.

9. Insérer le texte pour le dos

Étape 1

En utilisant le Outil de type (T) créer un cadre de texte 67mm en largeur et 5mm En hauteur. Réglez le cadre sur Aligner le texte à gauche à partir du panneau de commande supérieur. Tapez "ILLUSTRATION PORTFOLIO" et configurez le Police de caractère à "Varela" Ordinaire. Met le Taille à 13 pt, suivi à 50 et la couleur au blanc pour l'instant.

Ctrl + clic (Mac) ou clic droit (PC) et sélectionnez Transformer et Faire pivoter de 90 degrés. Positionnez le cadre de sorte que le texte se trouve directement au centre de la colonne vertébrale. Met le Position Y à 20mm.

Étape 2

Sélectionnez le cadre de texte que vous venez de créer. Ctrl + clic (Mac) ou clic droit (PC) et sélectionnez Copie. Aller à Édition> Coller dans Place. Modifiez le texte en "NOM" et changez le Police de caractère à "Web Serveroff" régulière, Taille à 16 pt et changez la couleur en noir. Ajuste le largeur du cadre de texte à 11mm pour correspondre plus étroitement aux dimensions du texte. Vous pouvez ajuster la largeur et la position Y de ce cadre en fonction de votre propre nom..

Faites glisser ce cadre de texte "NOM" vers le bas Position Y 128mm.

Étape 3

Sélectionnez le cadre de texte "NOM" et Copie et Coller en place comme avant. Éditez le texte pour dire "ANNÉE" et déplacez le cadre vers le bas pour Position Y 170mm.

C’est peut-être un bon endroit pour donner à votre portefeuille une date, voire un numéro d’édition..

10. Création de nuances à l’aide de l’outil Pipette

L'image du crâne a de superbes couleurs vives qui pourraient bien fonctionner (si elles sont utilisées avec parcimonie!) Appliquées à une partie du texte que nous venons d'insérer.

Étape 1

Sélectionnez le Outil Pipette (I) et cliquez sur la section rose vif sur le bord éloigné de l'image du crâne. La pipette récupère une interprétation RVB de la couleur rose, indiquée par une icône représentant une pipette pleine..

Étape 2

Double-cliquez sur le rose Remplir échantillon maintenant affiché dans le panneau de commande gauche, placé juste devant le Accident vasculaire cérébral icône, qui est représentée par une ligne rouge.

Double-clic le rose Remplir l'icône ouvre le Pipette à couleurs la fenêtre. Cliquez une fois dans le "C" case de pourcentage. InDesign calcule une valeur CMJN équivalente pour la couleur RVB que vous avez initialement extraite de l'image. Notre couverture étant destinée à l’impression, nous devrions toujours chercher à convertir les couleurs RVB en échantillons CMYK ou Pantone..

Cliquez sur Ajouter une nuance CMJN et sélectionnez D'accord. Lorsque vous ouvrez le Échantillons panneau en allant à Fenêtre> Couleur> Nuancier, tu vas voir ça C = 6 M = 86 Y = 0 K = 0 a été ajouté à la liste des nuances.

Étape 3

Nous voulons lever une couleur supplémentaire à utiliser sur le texte qui complimentera le rose vif et contrastera bien sur un fond noir..

Encore une fois, sélectionnez le Outil Pipette (I) et cette fois, cliquez sur la section bleu vif en haut à gauche du crâne.

Comme avant, double-cliquez sur le maintenant turquoise Remplir swatch dans le panneau de commande gauche. Cliquez dans la "C" boîte et sélectionnez Ajouter une nuance CMJN. Cliquez sur D'accord. Le swatch C = 69 M = 0 Y = 26 K = 0 a également été ajouté à la Échantillons panneau.

11. Appliquer des nuances au texte

Étape 1

En utilisant le Outil de type (T), mettez en évidence le mot "ILLUSTRATION" sur la page de couverture et réglez la couleur sur C = 6 M = 86 Y = 0 K = 0.

Mettez en surbrillance «NOM» sur la couverture avant et réglez la couleur sur C = 69 M = 0 Y = 26 K = 0.

Étape 2

Mettez en surbrillance les premiers mots du texte de présentation sur la couverture arrière et réglez la couleur du texte sur C = 69 M = 0 Y = 26 K = 0.

Étape 3

Sélectionnez le mot "ILLUSTRATION" sur le dos et réglez la couleur sur C = 6 M = 86 Y = 0 K = 0.

12. Utiliser l'outil Ligne pour encadrer le texte

Le texte apparaît maintenant avec la couleur, mais nous pouvons également ajouter un effet de cadrage soigné pour donner à la couverture entière unité et équilibre.

Étape 1

Sélectionnez le Outil Ligne (/) dans le panneau Outils de gauche. Vous pouvez le trouver juste en dessous de l'outil Texte. Assurez-vous que le Accident vasculaire cérébral le panneau est ouvert en allant à La fenêtre, Accident vasculaire cérébral.

Tenir Décalage tout en faisant glisser la souris de droite à gauche pour créer une ligne horizontale. Ajuste le Longueur à 145mm en vous référant au panneau de commande supérieur et réglez le Couleur de course à blanc. Reposez le bord extrême droit de la ligne sur le bord droit du fond perdu et réglez le paramètre Position Y à 182mm. La ligne doit maintenant reposer juste en dessous du cadre de texte NAME sur la couverture.

dans le Accident vasculaire cérébral panneau défini le Poids à 1 pt. Met le Type à Épais - mince - épais, et sous la Fin menu déroulant sélectionner Bar.

Étape 2

Ctrl + clic (Mac) ou clic droit (PC) et sélectionnez Copie. Aller à Édition> Coller en place. Étendre la Longueur à 186mm et modifier le Position X à 476mm et le Position Y à 19mm. Retour à la Accident vasculaire cérébral panneau et éditer le Fin valeur à Aucun, et le Début valeur à Bar.

La ligne se trouve maintenant au-dessus du cadre de texte "ILLUSTRATION PORTFOLIO".

Étape 3

Nous pouvons ajouter un effet de dégradé à la ligne que nous venons de créer pour créer l'illusion de la ligne disparaissant dans le noir autour du crâne.

Avec la ligne sélectionnée, allez à Objet> Effets> Plume de dégradé ouvrir le Effets la fenêtre.

Sous Gradient Stops, déplacez le curseur noir un peu vers la droite et faites glisser le curseur blanc un peu vers la gauche. Met le Angle à 0 degrés. Assure-toi Aperçu est cochée pour pouvoir ajuster le dégradé au fur et à mesure.

Cliquez sur D'accord. Vous avez maintenant une ligne en haut de la couverture avec un bel effet de fondu.

Étape 4

Nous allons maintenant répéter cet effet sur la couverture arrière. Sélectionnez la ligne que vous avez créée aux étapes 2 et 3.. Ctrl + clic (Mac) ou clic droit (PC) et sélectionnez Copie. Aller à Édition> Coller en place. Ctrl + clic (Mac) ou clic droit (PC) et sous Transformer, sélectionner Retourner horizontalement. Ajuste le Position X à 15mm.

Cette nouvelle ligne passe maintenant au-dessus du texte de présentation sur la quatrième de couverture.

13. Ajouter un logo (facultatif)

Vous voudrez peut-être ajouter un logo facultatif ou d’autres détails pour personnaliser la couverture de votre portefeuille. Dans ce didacticiel, j'ai inséré un logo EPS en blanc pour créer un contraste saisissant avec le fond sombre..

Sélectionnez le Outil Cadre Rectangle (F) et en maintenant le Décalage touche, faites glisser pour créer un petit cadre d’image. Placez la base du cadre contre la marge inférieure et alignez le bord gauche avec la marge gauche de la couverture arrière. Aller à Fichier> Place et sélectionnez une image de logo. Cliquez sur Ouvrir.

14. Ajouter une nuance à l’intérieur de votre couverture

Vous avez peut-être déjà oublié que nous avons mis en place le document avec 2 pages. La deuxième page est destinée à la face intérieure de la couverture et de la quatrième de couverture. Certaines imprimantes autorisent l’impression de couleurs complémentaires sur cette zone, ce qui donnera à votre livre un aspect professionnel supplémentaire..

Double-cliquez la Page 2 icône dans le Des pages panneau pour éditer directement la page 2. Sélectionnez le Outil Rectangle (M) et faites glisser pour créer un cadre qui s'étend sur toute la page, jusqu'au fond perdu. Met le Remplir à C = 69 M = 0 Y = 26 K = 0. Parfait!

15. Préparez votre couverture pour l'impression

Avant d'exporter la couverture au format PDF, nous devons effectuer une vérification finale - assurez-vous que l'illustration s'étend sur les bords du document jusqu'aux bords du fond perdu et vérifiez à nouveau qu'il n'y a pas d'erreurs orthographiques.!

Ensuite aller à Fichier> Exporter et sélectionnez Adobe PDF (Imprimer) dans le menu déroulant. Choisissez un nom de fichier et un emplacement appropriés pour enregistrer votre fichier PDF, puis cliquez sur sauvegarder.

Sous Général, et dans le Adobe PDF prédéfini menu déroulant sélectionner Qualité de la presse.

Sous Marques et saignements, sélectionner Toutes les marques de l'imprimante sous le Des notes menu et sélectionnez Utiliser les paramètres de fond perdu du document sous le Saigner et limace menu. Cliquez sur Exportation.

Bien fait, la couverture de votre portefeuille est terminée!

Beau travail, vous avez maintenant une couverture prête à être envoyée aux imprimeurs! Voir la deuxième partie de ce didacticiel en deux parties pour savoir comment assembler les pages intérieures..