Share
Ce que vous allez créerPour célébrer le début de notre semaine des contes de fées ici chez Envato Tuts +, je vais vous montrer comment créer un motif de couverture pour un livre de contes de fées au look d'inspiration vintage..
Les couvertures de style vintage sont une grande nouveauté dans le domaine de l'édition, et les couvertures reliées par des reliures connaissent un regain bien mérité. Ici, vous apprendrez à recréer le look avec des illustrations de type gravure sur bois et un type de calligraphie. Nous verrons comment créer une couverture et un dos décoratifs étape par étape, en utilisant Adobe Illustrator, Adobe Photoshop, et Adobe InDesign mettre l'œuvre ensemble.
Nous reviendrons également sur quelques techniques de dessin. Assurez-vous donc que vous avez également un crayon, un stylo et du papier.!
Prêt? Fantastique, commençons…
Pour ce tutoriel, vous aurez besoin d'accéder aux programmes suivants:
… Plus un crayon, un stylo et du papier.
Pour recréer le motif illustré, vous devez également télécharger les images, pinceaux et polices suivants:
Les designs de couverture illustratifs nécessitent un peu d’anticipation - le design sera plus transparent et plus beau si nous «cartographions» d'abord la couverture..
Dans ce tutoriel, je vais vous montrer comment j'ai créé le design illustré ci-dessous, mais vous pouvez appliquer les mêmes techniques à votre propre design et à vos propres illustrations si vous le souhaitez. C'est une excellente occasion de faire travailler vos muscles créatifs!
Tout d’abord, commençons par dessiner la typographie de la couverture…
Nous allons commencer dans Adobe InDesign-ouvrir le programme et aller à Fichier> Nouveau> Document.
Met le Intention à Impression et Nombre de pages à 1.
Sous Taille de la page, met le Largeur à 132 mm et la taille à 204 mm. Ceci est équivalent à une norme commerciale Format b taille cartonnée.
Garder le Marges à leur valeur par défaut (12,7 mm) et ajouter un Saigner de 5 mm.
Cliquez sur D'accord.
Prendre le Outil Ligne (\) et faites glisser sur la page pour créer une courte ligne légèrement diagonale de gauche à droite. L'idée est de créer plusieurs lignes de texte en italique, en utilisant les lignes comme des chemins de texte.
Basculer vers le Tapez sur un outil de chemin (Shift-T), et cliquez sur la ligne (lorsque vous pouvez voir un signe '+' apparaître à côté de votre curseur de type).
Tapez 'aéré'. Du haut Les contrôles panneau, ajustez le Couleur de trait du chemin à [Aucun].
Surlignez le texte et ouvrez le Personnage panneau (Fenêtre> Texte et tableaux> Caractère). Met le Police de caractère à Adorabelle Regular, taille 120 pt. Appliquer un Fausser (faux italique) de 7.
Étendre le Échantillons panneau (Fenêtre> Couleur> Nuancier) et cliquez sur le Nouvelle Swatch bouton en bas du panneau. Met le Type à Processus, Mode à CMJN et niveaux à C = 13 M = 29 Y = 66 K = 0. Renommer la nuance Or et cliquez D'accord.
Appliquez le nouveau nuancier au Couleur de la police de 'aéré'.
Sélectionnez le type de chemin et Édition> Copier, Éditer> Coller, positionnez-le légèrement en dessous du premier, sur le côté gauche. Ajustez le texte pour lire juste 'F', et augmenter le Taille de police à 200 pt.
Continuer à Copie et Coller chemins et les ajuster pour lire le reste du titre, dans ce cas 'F', 'Airy', 'T', 'Ales', 'by', 'Les frères Grimm', mettre le texte dans Adorabelle et en ajustant le Taille de police créer une hiérarchie.
Assurez-vous d'être parfaitement satisfait de la disposition du texte sur la page. Une fois que vous aurez commencé à illustrer le texte, vous ne pourrez plus le déplacer. Une fois que vous êtes heureux, allez à Fichier> Imprimer et imprimez la couverture au format souhaité sur un morceau de papier de format A4 ou Letter.
Vous pouvez trouver utile d’utiliser le Outil Rectangle (M) Tout d’abord, marquer le bord de la bordure du papier en noir pour que vous puissiez voir où se termine la couverture..
Une fois votre typographie imprimée, vous êtes prêt à illustrer votre couverture..
Pour reproduire un style médiéval d'inspiration vintage, les illustrations dans un style de gravure sur bois, avec des bords simples et épaisses et des silhouettes solides donneront un charme incroyable. Google "gravure sur bois" pour parcourir des exemples du style et source d'inspiration pour votre couverture. Certaines conceptions de gravure sur bois sont très complexes, mais nous visons des conceptions plus simplistes et naïves, qui non seulement ont fière allure sur les conceptions de couvertures, mais sont également faciles à créer..
Prenez votre crayon et commencez!
Commencez par les plus grandes caractéristiques du dessin. Ici, je voulais avoir un loup courbé autour d'un coin de la couverture et une oie en haut à droite, deux sujets populaires dans les contes de fées Grimm..
Ensuite, je commence à réfléchir aux plus petits détails de la conception. Les tiges de roses entrelacées sont faciles à dessiner et créent un bel effet de cadrage pour le reste du contenu. Je décore le dessus des tiges avec de simples silhouettes d'églantier et j'ajoute des feuilles sur certains des côtés.
Je continue à construire le dessin au crayon en ajoutant des roses dans les coins et un petit hérisson entre le texte du titre..
Laissez une partie du motif se croiser devant et derrière les courbes du texte - cela aidera à créer un motif plus unifié et fluide.
Lorsque vous avez terminé votre dessin au crayon, vous devez réfléchir aux zones du dessin que vous souhaitez extraire en différentes couleurs..
En fin de compte, je veux que les tiges et les feuilles de roses soient d'une couleur différente du reste du motif. Pour ce faire, je devrai les extraire manuellement avec une couleur vive, puis numériser le dessin et le modifier. Photoshop.
Choisissez votre premier trait monochrome et prenez un stylo à encre noire. Couleur en noir dans tout l'élément, en essayant de garder la silhouette aussi solide que possible.
Numérisez le dessin sur votre ordinateur ou prenez une photo numérique haute résolution sur un téléphone ou un appareil photo. Ouvrez l'image dans Adobe Photoshop.
Dupliquer le Contexte calque pour créer une copie de l'image et désactiver la visibilité du calque d'arrière-plan.
Ajouter un Couche de réglage des niveaux, et faites glisser les curseurs à l'extrême droite du graphique pour faire ressortir le noir de l'image encrée à fort contraste.
ensuite Fichier> Enregistrer sous l'image en tant que PSD fichier. Nommez-le après l'élément, par exemple. 'Thorns.psd'.
Minimiser Photoshop pour l'instant, et ouvrez Adobe Illustrator. Créer un Nouveau document, 132 mm dans Largeur et 204 mm dans la taille pour correspondre aux dimensions de la couverture.
Fichier> Place l'image de votre image modifiée, dans ce cas 'Thorns.psd'. Redimensionner pour s'adapter à la couverture.
Aller à Fenêtre> Trace d'image ouvrir le Trace d'image panneau. Sélectionnez l'image et, dans le panneau, définissez le Mode à Noir et blanc. Vérifier la Aperçu case pour voir le résultat.
Du Avancée options, sélectionnez Aligner les courbes sur les lignes et Ignorer blanc. Ajuste le Seuil, Chemins, Coins et Bruit curseurs jusqu'à ce que vous soyez satisfait du résultat.
Ensuite aller à Objet> Trace d'image> Développer transformer l'image en vecteur.
Cliquez avec le bouton droit de la souris (Windows) ou en maintenant la touche Contrôle enfoncée (Mac)> Dissocier. rendre toutes les parties du vecteur modifiables.
Supprimez tous les fonds d’arrière-plan restants, ainsi que tous les bits superflus que votre Trace d'image. Vous obtiendrez une belle version vectorielle de votre image, en format vrai.
Nous devons maintenant répéter le processus pour les éléments restants de notre conception au crayon. Alors, retournez à la conception de votre papier et cherchez un stylo de couleur contrastante: un rouge ou un bleu éclatant serait idéal.!
Colorez les éléments restants de votre dessin dans une couleur contrastante, puis numérisez l'image dans votre ordinateur..
Ouvrez l'image dans Photoshop, dupliquer le Contexte couche et aller à Sélectionnez> Gamme de couleurs.
Cliquez sur les zones colorées pour choisir cette couleur uniquement, puis Édition> Copier et Édition> Coller, déplacer juste cette couleur sur un autre calque. L'application d'un rectangle blanc sur un calque situé en dessous vous aidera à voir plus clairement l'œuvre d'art isolée..
Puis appliquez un Couche de réglage des niveaux, comme auparavant, tirez les curseurs vers l'extrême droite pour transformer vos éléments en noir à contraste élevé.
Fichier> Enregistrer sous l'image en tant que PSD fichier, avec un nom comme 'Animals.eps'.
Retournez à votre Illustrateur déposer et créer un Nouveau Couche du Couches panneau. Fichier> Place la 'Animals.eps' déposer sur cette couche.
Tracez l'image et vectorisez-la en utilisant le processus décrit dans Étape 2, au dessus de.
Pour donner aux illustrations un aspect de gravure sur bois plus précis, nous pouvons ajouter des détails de pinceau à nos éléments vectorisés..
Assurez-vous d’avoir ouvert le jeu de brosses Lino Cut dans Illustrateur, ils sont donc facilement accessibles.
Nous allons juste travailler sur les éléments plus grands du dessin pour l'instant (ici, les animaux), alors assurez-vous que le calque ci-dessous est verrouillé ou non visible. Vous pouvez également appliquer un peu de couleur temporaire aux éléments, si vous le souhaitez. Cela peut aider à rendre vos traits plus visibles s'ils sont réglés en noir..
Prendre le Outil Pinceau (B) et sélectionnez l'une des brosses de linogravure. Expérimentez avec différents pinceaux jusqu'à ce que vous trouviez un style qui convient à un élément particulier de votre conception..
Quand vous êtes satisfait du coup de pinceau, allez à Objet> Chemin> Contour de contour.
ensuite Cliquez avec le bouton droit de la souris (Windows) ou en maintenant la touche Contrôle enfoncée (Mac)> Dissocier. les différentes parties de la texture, si nécessaire.
Sélectionnez à la fois l'image en silhouette et les éléments du trait, et Cliquez avec le bouton droit de la souris (Windows) ou en maintenant la touche Contrôle enfoncée (Mac)> Créer un chemin d'accès composé.. Les éléments du trait de pinceau seront découpés dans la silhouette pour créer ce bel effet de gravure sur bois.
Répétez le processus avec les autres éléments plus grands, comme je l'ai fait avec cette illustration de loup. Les ombrages en pointillés ont fière allure sur des éléments plus grands pour casser une silhouette solide.
Contour le coup; Dissocier les éléments et Faire un chemin composé.
Utilisez le Outil Gomme (Maj-E) pour séparer les parties périphériques des coups de pinceau de la silhouette principale.
Sélectionnez-les et supprimez-les pour créer un motif net et ordonné.
Répétez le même processus pour les éléments du calque ci-dessous, en ajoutant de petits coups de pinceau en linogravure à de petits éléments tels que des feuilles pour ajouter des détails et de l'intérêt..
Maintenant que nous avons vectorisé les illustrations de la couverture, nous sommes prêts à transformer les dessins dans InDesign et à finaliser le dessin de la couverture..
Assurez-vous que la couche inférieure de votre fichier Illustrator est la seule non verrouillée, puis sélectionnez tout ce qui se trouve sur la page et Édition> Copier.
Retour à votre original InDesign fichier, avec votre conception de typographie originale. Étendre le Couches panneau (Fenêtre> Calques) et double-cliquez sur Couche 1 ouvrir le Options de calque la fenêtre. Renommez le calque Typographie devant.
Clique sur le Nouvelle Couche bouton en bas du panneau pour créer un nouveau calque et renommer ce Texture. Faites-le glisser vers le bas pour s'asseoir sous le Typographie devant couche.
Créer un deuxième nouveau calque, ci-dessus Texture et plus bas Typographie devant, et le renommer Contexte.
Verrouiller les deux Typographie devant et Contexte couches, et cliquez sur Texture pour l'activer.
Prendre le Outil Cadre Rectangle (F) et faites glisser sur la page pour créer un cadre d'image qui s'étend sur toute la page, jusqu'aux bords du fond perdu dans les côtés supérieur, droit et inférieur.
Fichier> Place, et choisissez l’image de texture de la toile que vous avez téléchargée précédemment. Positionnez-le de sorte qu'il remplisse complètement le cadre de l'image.
Étendre le Échantillons panneau et créer un nouveau Processus CMJN swatch. Nomme le Fond violet et définissez les valeurs sur C = 95 M = 100 Y = 59 K = 24.
Verrouiller le Texture couche et déverrouiller la couche suivante, Contexte. Sélectionnez le Outil Rectangle (M) et faites glisser pour créer un rectangle qui correspond aux dimensions du cadre de l'image de la toile ci-dessous. Met le La couleur de remplissage à Fond violet. Aller à Objet> Effets> Transparence et mettre le Mode à Multiplier et Opacité à 90% tirer à travers une partie de la texture de la toile ci-dessous.
Créer un nouveau Processus CMJN swatch. Nomme le vert et définissez les valeurs sur C = 74 M = 37 Y = 57 K = 15.
Verrouiller le Contexte couche, puis créez une nouvelle couche appelée Les épines s'asseoir dessus Contexte et plus bas Typographie devant. Édition> Coller déposer le vecteur épines copié sur la page. Vous pouvez le redimensionner si nécessaire, puis hop jusqu'à Objet> Effets> Transparence, réduire le Opacité à 70%.
Créer un nouveau calque, La typographie derrière, et la position ci-dessus Les épines et plus bas Typographie devant. Si vous souhaitez que l'un des éléments de texte soit placé derrière des éléments plus grands du dessin, tels que des animaux ou des roses, faites glisser les chemins de texte du Typographie devant couche sur cette couche ci-dessous. Ceci est complètement facultatif, mais peut aider votre conception à se sentir plus en couches et en 3D..
J'ai aussi sorti le titre principal dans un contraste de blanc brillant Couleur de la police (choisir [Papier] du Échantillons panneau).
Retournez à votre Illustrateur document et verrouillez la couche inférieure. Déverrouillez le calque supérieur contenant la version vectorisée des éléments les plus volumineux de votre conception et passez votre souris sur la page pour tout sélectionner.. Édition> Copier.
Retournez à votre InDesign documenter et créer un nouveau calque, Animaux et Roses, et placez-le entre le Typographie devant et La typographie derrière couches.
Édition> Coller déposer les animaux vectorisés et les roses sur la page. Réajustez la position et la taille si nécessaire.
Créer un nouveau Processus CMJN échantillon, C = 33 M = 42 Y = 38 K = 33, et nommez-le Hérisson brun.
Créer un deuxième nouveau Processus CMJN échantillon, C = 12 M = 65 Y = 64 K = 0, et nommez-le Orange.
Créer un troisième nouveau Processus CMJN échantillon, C = 47 M = 88 Y = 49 K = 0, et nommez-le Rose foncé.
Créer une nouvelle finale Processus CMJN échantillon, C = 21 M = 88 Y = 49 K = 0, et nommez-le Rose.
Vous pouvez utiliser ces couleurs comme vous le souhaitez pour vos propres dessins ou, si vous recréez le dessin illustré ici, vous pouvez appliquer le Hérisson brun au vecteur hérisson, Orange au loup, et Rose foncé et Rose aux roses, en variant les deux tons pour créer de la profondeur.
Certaines des plus grandes silhouettes bénéficieront d’une texture plus visible sur les couches inférieures. Pour ce faire, sélectionnez une forme vectorielle, puis Objet> Effets> Transparence et mettre le Opacité à 90%.
N'hésitez pas à ajouter d'autres détails à la conception si vous estimez qu'elle nécessite quelque chose de plus. Ici, j'ai ajouté quelques petites roses supplémentaires installées dans Rose et Rose foncé ajouter plus de détails sur le côté gauche de la couverture.
La conception de votre couverture est terminée. Excellent travail! Si vous envisagez d’utiliser la couverture numérique pour un EPUB, votre travail est quasiment terminé, vous pouvez Fichier> Exporter l'oeuvre en tant que PDF interactif.
Si vous souhaitez savoir comment créer une épine décorative pour votre couverture et étendre le design en une couverture enveloppante, lisez la suite…
C'est le bon moment pour Fichier> Enregistrer votre InDesign œuvres d'art, alors assurez-vous de le faire maintenant avant de procéder.
Étendre le Des pages panneau et cliquez sur le Créer une nouvelle page bouton en bas du panneau.
Cette page constituera notre modèle de couverture entièrement relié, et comprendra un espace pour la couverture arrière, le dos et la couverture.
Pour déterminer la largeur correcte de la page, nous devons connaître la largeur correcte du dos du livre. Disons que nous allons travailler avec 500 pages sur du papier couché 130 g / m². En utilisant cette calculatrice de colonne vertébrale en ligne utile, vous pouvez comprendre que cela signifie que nous devrons accepter une colonne vertébrale de 36 mm et ajouter 3 mm supplémentaires pour permettre l'enveloppe supplémentaire requise sur la colonne vertébrale.
Une fois que vous avez déterminé la largeur de la colonne vertébrale, vous pouvez calculer toute la largeur de votre couverture:
Largeur de la couverture avant + largeur de la couverture arrière + dos + 3 mm (pour dos cartonné) = Largeur totale de la couverture
Donc pour cette couverture ça voudra dire…
132 mm + 132 mm + 36 mm + 3 mm = 303 mm
Sélectionnez le Outil de page (Maj-P) et cliquez sur Page 2 de votre document pour le sélectionner. Type 303 mm dans le Largeur zone de texte dans le coin supérieur gauche de la Les contrôles panneau.
Assurez-vous que les règles sont visibles (Affichage> Afficher les règles) et tirez un guide vertical de la règle de gauche pour 151,5 mm, marquer le point central de la colonne vertébrale.
Tirez les guides pour 133,5 mm et 169,5 mm marquer les bords du 36 mm colonne vertébrale.
Enfin, tirez les guides pour 132 mm et 171 mm pour marquer l'espace supplémentaire nécessaire autour du bord de la colonne vertébrale pour le pliage.
Déverrouiller seulement le Texture couche, en maintenant les autres couches verrouillées, et Édition> Copier le cadre d'image de texture de toile sur Page 1. Édition> Coller en place sur Page 2.
Coller encore une fois, en le plaçant sur le côté gauche de la page.
Coller une dernière fois, en redimensionnant la largeur pour l'adapter à l'espace restant dans la colonne vertébrale.
Verrouiller le Texture couche et déverrouiller toutes les autres couches. Faites glisser votre souris sur l'ensemble de Page 1 pour sélectionner toutes les illustrations de couverture et Édition> Copier.
Faites défiler jusqu'à Page 2 et Édition> Coller. Placez-le sur le côté droit, en vous assurant qu'il s'adapte parfaitement aux bords du fond perdu.
Sélectionnez ensuite uniquement le rectangle de couleur d'arrière-plan et étendez la largeur de manière à atteindre le bord extrême gauche du fond perdu..
Effectuez un zoom avant sur le dos de la couverture en utilisant les guides comme référence. Verrouiller tous les calques sauf le Typographie devant couche. Prendre le Outil de type (T) et créez un groupe échelonné de cadres de texte. Tapez les mots du titre et les noms des auteurs, dans un arrangement similaire à celui indiqué. Met le Police de caractère à Adorabelle, et faites correspondre les couleurs à la couverture.
Verrouiller le Typographie devant couche et déverrouiller le Les épines couche.
Utilisez le Outil Rectangle (M) créer un rectangle mince 36 mm dans Largeur. Met le La couleur de remplissage à Or, et allez à Objet> Options de coin. Ajouter un 5 mm rond forme sur tous les coins et cliquez D'accord.
Déplacez la barre au-dessus du titre sur le dos, et Copie et Coller pour créer une copie directement ci-dessous, que vous pouvez mettre dans une couleur différente, comme vert.
Copie et Coller la paire et la position en dessous du nom de l'auteur, comme indiqué. Cela donne à la couverture un aspect authentique relié.
Sélectionnez tous les bars et allez à Objet> Effets> Transparence, réduire le Opacité à 80%.
Vous pouvez maintenant ajouter des détails plus créatifs à la colonne vertébrale. Vous pouvez créer un motif personnalisé pour le dos, comme nous l'avons fait pour la couverture, ou tout simplement emprunter des éléments vectoriels individuels de la couverture pour leur donner une nouvelle tournure..
Ici, j'ai pris le bout recourbé d'une des tiges de roses, je l'ai séparé et placé en haut et en bas de la colonne vertébrale.
J'ai aussi pris des vecteurs de roses individuels et les ai placés à côté de feuilles, en haut et en bas 'par le' au centre de la colonne vertébrale.
Vous vous retrouverez avec une couverture complète avec un dos décoratif et un design de couverture avant!
Dans ce didacticiel, nous avons étudié comment créer une couverture d'inspiration vintage pour un livre de contes de fées. En utilisant des illustrations dessinées à la main, puis en les modifiant dans Photoshop et Illustrator, nous avons été en mesure de recréer un style de gravure sur bois magnifique qui a l'air vraiment charmant et magnifique..
Vous pouvez également être aussi créatif que vous le souhaitez avec la couverture arrière. Pourquoi ne pas créer un motif illustré pour entourer un texte de présentation ou donner une touche décorative aux bords d'un code à barres? Les seules limites sont votre imagination, alors créez-vous! Vous pouvez partager vos résultats finaux dans les commentaires ci-dessous.
Une fois votre couverture terminée, vous pouvez l'exporter en tant que PD
Accentsconagua