Share
Dans ce didacticiel intermédiaire, je vous explique comment créer une couverture de livre à colorier pour enfants, du croquis au vecteur fini. Nous utiliserons des dégradés, des pinceaux personnalisés et une typographie. Vous pouvez facilement composer une couverture de livre et utiliser les techniques apprises sur d'autres projets.
Vous pouvez trouver les fichiers source dans le répertoire "source" inclus dans les fichiers que vous avez téléchargés. Vous voudrez peut-être les parcourir brièvement avant de commencer..
Je voulais revenir sur certains détails concernant ce tutoriel avant de commencer. Tout d'abord, nous allons créer ce didacticiel avec un profil CMJN dans le but d'envoyer le fichier à une imprimante. De plus, je vais utiliser des pouces pour les mesures, mais vous pouvez facilement traduire votre système de mesure.
De plus, étant donné que nous allons utiliser des effets raster dans ce didacticiel, vous souhaiterez définir les effets raster des documents sur 300 ppp pour des résultats d'impression de la plus haute qualité. Pour changer cela, sélectionnez Effets> Paramètres des effets de raster de document et choisissez Élevée (300 ppp)..
Je ne vais pas dans les détails pour la couleur que j'ai choisie dans le tutoriel, mais je vous conseille d'utiliser des couleurs éclatantes. Ces types de couleurs plaisent davantage aux enfants que les couleurs en sourdine.
La première chose à faire est d’esquisser une mise en page de la couverture du livre. J'aime dessiner quelques vignettes rapides de la couverture, puis une version plus détaillée de tout ce que je vais devoir tracer dans Illustrator. Dans ce tutoriel, je vais simplement dessiner une esquisse plus détaillée du personnage de garçon. Vous pouvez dessiner sur n'importe quel support. J'aime dessiner directement dans Photoshop avec ma tablette à stylet Wacom. Quelle que soit la façon dont vous l'esquissez, enregistrez le fichier image dans un emplacement facilement accessible sur votre ordinateur..
Maintenant nous pouvons entrer dans Illustrator! Créez un nouveau document en allant dans Fichier> Nouveau. Dans la boîte de dialogue Nouveau document, choisissez Lettre dans le menu déroulant Taille, définissez le champ Fond perdu en .125 et assurez-vous que le bouton Définir tous les paramètres Le même est activé (il ressemble à une chaîne). Notre document est maintenant configuré avec des fonds perdus pour l’impression et le rognage..
Avec l'outil Rectangle (M), créez un rectangle de 7,5 pouces sur 10 pouces et placez-le au centre du document. Pour centrer facilement le rectangle sur la planche graphique, sélectionnez Aligner sur la planche graphique dans le menu contextuel Aligner sur situé dans le coin inférieur droit du panneau Aligner. Appuyez ensuite sur les boutons Horizontal Align Center et Vertical Align Center dans le panneau Align..
Ce rectangle va être notre guide pour la couverture. Nous ne voulons pas de texte important ou d'informations dépassant ces limites. Pour transformer le rectangle en guide, allez dans Affichage> Guide> Créer un guide (Commande + 5)..
Pour placer l'image d'esquisse d'origine, sélectionnez Fichier> Importer et recherchez votre image sur votre ordinateur. Une fois placé, choisissez Modèle dans le menu contextuel du panneau Calques. Cela verrouille le calque et masque votre image, ce qui facilite le traçage.
J'aime garder le document organisé afin qu'il soit facile de modifier l'illustration plus tard. Pour créer votre premier calque, appuyez sur le bouton Créer un nouveau calque en bas du panneau Calques. Il est également judicieux de renommer la couche pour une meilleure organisation. Pour renommer le calque, double-cliquez dessus pour ouvrir les Options de calque. Ici, vous pouvez modifier le nom avec d'autres options pratiques. Commencez par renommer le nouveau calque "Tête".
Nous pouvons maintenant commencer à tracer la tête de l'image d'origine. Utilisez l'outil Plume (P) pour tracer les formes et les lignes principales de la tête. Avec certaines formes, comme le visage et les cheveux, vous allez vouloir fermer le chemin. D'autres traits comme les sourcils, le nez et les traits sous les yeux peuvent être laissés sous forme de traits. Il est plus facile d'appliquer un pinceau à lignes effilées sur ces lignes. Aussi, ne tracez pas les yeux pour l'instant car nous allons utiliser l'outil Ellipse (L) pour créer les yeux. Pour des astuces et des bonnes pratiques concernant Pen Tool (P), consultez l'article de Vectortuts + Pen Tool: Illustrator Guide complet..
Dessinez une ellipse oblongue avec l’outil Ellipse (L) et remplissez-la de noir et sans trait. Utilisez l'outil de sélection directe (A) pour sélectionner le point d'ancrage gauche de l'ellipse. Une fois sélectionné, le Panneau de configuration utilise par défaut l’option Point d’ancrage. Appuyez sur le bouton Convertir les points d’ancrage sélectionnés en angle dans le panneau de configuration. Ensuite, convertissez le point d'ancrage de droite dans l'ellipse en angle.
Sélectionnez l'ellipse et faites-la glisser dans le panneau Pinceau. Lorsque la boîte de dialogue Nouveau pinceau s'ouvre, choisissez Nouveau pinceau. Dans la boîte de dialogue Option de pinceau d'art, il vous suffit de modifier la colorisation. Choisissez Teintes dans le menu local Méthode sous Colorisation, ce qui vous permet de changer facilement la couleur du nouveau pinceau..
Maintenant que nous avons créé notre pinceau, nous pouvons l’appliquer à certains des traits créés à l’aide de l’outil Plume (P). Sélectionnez simplement un trait et sélectionnez le pinceau personnalisé dans le panneau Pinceau. Vous devrez peut-être jouer avec le paramètre Stroke Weight dans le panneau Stroke pour obtenir le poids souhaité..
Viennent ensuite les yeux. Nous aurions pu facilement tracer les yeux avec l'outil crayon (P), mais il est facile de créer des formes d'yeux cohérentes avec l'outil Ellipse. Commencez par créer quatre ellipses sur la forme de l'œil gauche.
Dans l'esquisse, vous pouvez voir que la forme de l'œil est coupée en bas. Pour créer cet effet, dessinez une forme à l'aide de l'outil Plume (P) qui coupe le bas de l'œil. Sélectionnez toutes les formes d'yeux et celles que vous avez créées avec l'outil Plume (P) et appuyez sur le bouton Diviser du panneau Pathfinder. Procédez ensuite à la dissociation plusieurs fois (Commande + Maj + G) des objets et supprimez les formes indésirables..
Sélectionnez toutes les formes d’œil, Copier (Commande + C) et Coller (Commande + V). Maintenant, placez la forme de l'oeil sur l'œil droit.
Maintenant que nous avons toutes les formes et les traits créés pour le visage. Nous pouvons commencer à remplir le visage avec de la couleur. J'aime commencer par les formes plus grandes (tête et cheveux) et les remplir d'une couleur de base. Ensuite, modifiez la couleur du trait sur les traits de pinceau personnalisés. En fonction des formes que vous avez tracées en premier, vous devrez peut-être vous arranger. Envoyer des objets en arrière en allant dans Objet> Arranger> Envoyer en arrière (touche Commande + Gauche) ou Objet> Arranger> Avancer (Commande + touche Droite).
Maintenant que nous avons une couleur de base sur le visage, nous pouvons ajouter plus de profondeur avec les dégradés. Commencez par décider d'où vous voulez une source de lumière. Pour ce tutoriel, la lumière viendra du côté droit du personnage..
Sélectionnez maintenant la forme de la face principale et remplissez-la avec un dégradé linéaire à partir du panneau Dégradé. Changez la première couleur Stop dans le dégradé en couleur de peau et la seconde couleur en couleur de peau plus sombre. Ajustez le dégradé du coin supérieur droit vers la gauche à l'aide de l'outil Dégradé (G), de sorte que la partie la plus claire du dégradé se trouve du côté gauche du visage..
Continuez à ajouter des dégradés aux autres formes du visage en tenant compte de votre source de lumière. Pour la forme des yeux, utilisez un dégradé radial au lieu d'un dégradé linéaire.
Nous pouvons ajouter encore plus de profondeur au visage en créant plus de formes et de dégradés. Créez une ellipse avec l'outil Ellipse (L) de la taille d'un œil et placez-la sous l'un des yeux..
Remplissez l'ellipse avec un dégradé radial et changez les deux palettes de couleurs du dégradé en une couleur de peau rose. Sélectionnez la bonne palette de couleurs dans le curseur de dégradé et réglez l'opacité sur 0. Copiez (Commande + C), Coller (Commande + V) et placez-le sous l'autre œil..
Pour ajouter encore plus de profondeur au visage du personnage, utilisez l'outil Crayon (P) et tracez un chemin qui distingue les contours du nez, de la bouche et des yeux. Pour aligner la nouvelle forme de visage sur la forme de visage principale, copiez (Commande + C) la forme de visage principale, Coller devant (Command + F). Sélectionnez la copie de forme principale et le nouveau contour de forme, puis appuyez sur le bouton Intersection du panneau Pathfinder..
Remplissez la nouvelle forme avec un dégradé linéaire avec les deux couleurs Arrête une couleur de peau foncée. Modifiez l'opacité du second arrêt de couleur sur 0. Ajustez le dégradé de manière à ce que la partie la plus sombre du dégradé se trouve à gauche du visage. Ensuite, choisissez Objet> Organiser> Envoyer en arrière (commande + support gauche) jusqu'à ce que le contour se trouve juste devant la forme du visage principal, mais derrière toutes les autres formes des yeux, du nez et de la bouche..
Maintenant que le visage est terminé, nous pouvons commencer à tracer le corps du personnage. Pour commencer, créez un nouveau calque à partir du panneau Calques et nommez-le "Corps". Faites glisser le calque "Corps" sous le calque "Tête".
Dans le nouveau calque "Corps", commencez à tracer l'esquisse avec l'outil Plume (P)..
Comme avec le visage, remplissez la forme avec une couleur appropriée.
Également comme le visage, remplissez les formes colorées avec un dégradé pour ajouter plus de profondeur au personnage..
Avec l'outil Pinceau (B) et votre pinceau personnalisé, créez des traits sur les vêtements pour ajouter de la profondeur. Changez ensuite la couleur du trait en fonction du vêtement.
Le personnage a l'air plutôt bien. Pour terminer le caractère, nous devons le redimensionner et le placer dans le document à la taille correcte. Si nous jetons un coup d’œil à l’esquisse de la mise en page, le personnage occupe environ les trois quarts de la page..
Pour redimensionner le personnage, sélectionnez toutes les illustrations dans les calques "Tête" et "Corps". Maintenant, avec l'outil de sélection (V), redimensionnez le caractère à la taille appropriée. De plus, à ce stade du didacticiel, nous n'avons plus besoin du modèle d'image d'esquisse. Masquez le calque du modèle en appuyant sur l'icône de visibilité du calque "Modèle" dans le panneau Calques..
Il est également agréable d’avoir les illustrations sur les calques bien nettes afin que celles-ci ne dépassent pas le fond perdu que nous avons mis en place. Un moyen simple de recadrer l'illustration de manière non destructive consiste à utiliser un masque de découpage de calque. Pour ce faire, commencez par dessiner un rectangle avec l'outil Rectangle (L) de la taille du fond perdu du document sur le calque "Corps". Choisissez ensuite Créer un masque de découpage dans le menu déroulant du panneau Calques..
Créez un nouveau calque à partir du panneau Calques, appelez-le "Arrière-plan" et faites-le glisser sous les calques "En-tête" et "Corps"..
Dans le calque d'arrière-plan, créez un rectangle correspondant à la taille du fond perdu du document. Remplissez le rectangle avec un dégradé radial et changez le premier Stop de couleur du dégradé en blanc et le second en couleur ciel.
Avec l'outil Plume, créez trois formes de nuage simples et remplissez-les de blanc. Copiez (commande + C) et collez (commande + V) les formes du nuage autour de "l'arrière-plan".
Créez un rectangle de la taille du fond perdu du document et créez un masque de découpage à partir du panneau Calques, comme auparavant..
Créez un nouveau calque à partir du panneau Calques, nommez-le "Titre" et assurez-vous qu'il s'agit du calque situé en haut, au-dessus des calques "Tête", "Corps" et "Arrière-plan"..
Créez un rectangle d'environ 1/4 de la hauteur et de la largeur du fond perdu du document. Placez le rectangle en haut du document. Remplissez le rectangle avec un dégradé linéaire, le premier arrêt de couleur étant orange clair et le deuxième arrêt de couleur, couleur orange. Ajustez le dégradé avec l'outil Dégradé (G) de haut en bas de sorte que la partie la plus claire du dégradé se trouve en haut de la forme..
Créez un petit 0,125 x 0,125 dans une ellipse. Remplissez l'ellipse avec le même dégradé linéaire que le rectangle précédent, mais ajustez le dégradé de sorte que la partie sombre du dégradé se trouve en haut de l'ellipse..
Copier (Commande + C) et Coller dans le dos (Commande + B). La copie étant toujours sélectionnée, déplacez-la légèrement vers le bas. Copiez (commande + C) et coller dans le dos (commande + B) à nouveau la forme d'origine. Sélectionnez la nouvelle copie et la copie déplacée, appuyez sur le bouton Moins avant du panneau Pathfinder et changez la couleur en jaune clair. Ensuite, sélectionnez l'ellipse principale et modifiez le Mode couleur sur Multiplier dans le panneau Transparence..
Regroupez l'ellipse et une autre forme, puis placez-les à environ un pouce à gauche de la planche et un demi-pouce du haut de la planche..
Une fois les ellipses groupées sélectionnées, choisissez Effet> Déformer et transformer> Transformer. Lorsque la boîte de dialogue Effet de transformation est ouverte, définissez le déplacement horizontal sur 0,375 pouce et les copies sur 24. Ensuite, sélectionnez Effet> Déformer et transformer> Transformer à nouveau, mais cette fois, modifiez le déplacement horizontal à 0,25 pouce, le déplacement vertical à -3,75 pouces, et les copies à 4.
Créez une ellipse oblongue vers la partie médiane du document. Remplissez l'ellipse avec un dégradé linéaire avec la première couleur Arrêtez un bleu clair et la seconde couleur Arrêtez un bleu plus foncé. Ajustez le dégradé de sorte que la couleur la plus sombre se trouve en haut de l'ellipse. Ensuite, copiez (Command + C) et collez devant (Command + F) l'ellipse. Réduisez légèrement l'ellipse à l'aide de l'outil de sélection (V) et remplissez-la de blanc.
Utilisez l'outil Texte pour saisir du texte. Dans ce tutoriel, j’ai utilisé Myriad Black, mais vous pouvez modifier la police si nécessaire. Décrivez le texte (Commande + Maj + O) en sélectionnant Type> Créer un contour. Assurez-vous également de dissocier (Commande + Maj + G) en sélectionnant Objet> Dissocier.
Avec le texte non groupé sélectionné, sélectionnez Objet> Transformer> Transformer chaque. Dans la boîte de dialogue Transformer chaque, définissez le déplacement horizontal sur 0,05 pouce, le déplacement vertical sur 0,1 pouce, définissez l'angle de rotation sur 10, cochez la case Aléatoire, puis appuyez sur OK..
En fonction de l'effet de transformation, vous déplacez, faites pivoter et ajustez les lettres. Remplissez ensuite la lettre avec le même dégradé linéaire bleu que dans l’ellipse précédente..
Le texte étant toujours sélectionné, Copier (Commande + C) et Coller dans le dos (Commande + B). Déplacez les lettres copiées vers le bas et vers la gauche. Ensuite, remplissez le texte copié avec une couleur gris clair.
Créez un rectangle qui correspond à la largeur du fond perdu du document et à une hauteur d'environ 1 pouce. Allez à Effet> Warp> Arch et dans les options Déformation, assurez-vous que le bouton Radial horizontal est coché et réglez le pli sur 20. Ensuite, développez l'effet en sélectionnant Objet> Développer l'apparence. Puis remplissez le rectangle avec le même dégradé linéaire, ajustez-le de haut en bas, comme dans le type et l'ellipse précédents.
Utilisez l'outil de sélection (V), maintenez les touches Maj et Alt enfoncées, puis faites glisser une copie du rectangle de sorte que l'arche supérieure de la copie se trouve dans le quart inférieur de l'original. Supprimez tous les remplissages et les contours et cliquez sur la forme d'arche supérieure avec l'outil Taper sur un chemin vers la gauche. Tapez votre titre avec la police de votre choix. J'ai utilisé Grobold que j'ai téléchargé chez Dafont.
Décrivez le texte et dissociez-le (Commande + Maj + G). Avec le texte non groupé sélectionné, sélectionnez Objet> Transformer> Transformer chaque. Dans la boîte de dialogue Transformer chaque, définissez le déplacement horizontal sur 0,05 pouce, le déplacement vertical sur 0,1 pouce, définissez l'angle de rotation sur 10, cochez la case Aléatoire et appuyez sur OK. En fonction de l'évolution de la transformation, vous pouvez déplacer, faire pivoter et ajuster les lettres selon vos besoins..
Les lettres étant toujours sélectionnées, sélectionnez Objet> Chemin> Décalage. Dans la boîte de dialogue Chemin de décalage, réglez le décalage sur 0,125 pouce et appuyez sur OK. Sélectionnez les lettres décalées et la forme de la voûte, puis appuyez sur le bouton Détacher du panneau Pathfinder..
Changez la couleur de la forme réunie pour obtenir le même dégradé linéaire bleu que vous avez utilisé auparavant. Ensuite, choisissez Objet> Organiser> Envoyer en arrière (commande + touche de support gauche) jusqu'à ce que la forme non liée soit derrière les lettres d'origine..
Pour cette étape, remplissez chaque lettre avec un dégradé linéaire différent ajusté de haut en bas..
Sélectionnez toutes les lettres, Copier (Commande + C) et Coller à l’arrière (Commande + B). Déplacez la lettre copiée légèrement vers le bas et vers la gauche. Remplir les copies avec un bleu foncé.
Sélectionnez l'ellipse de dégradé bleu dans le titre, sélectionnez la forme d'arc de dégradé bleu, puis choisissez Effet> Styliser> Ombre portée. Dans la boîte de dialogue Ombre portée, réglez l’opacité sur 40, le décalage X sur 0, le décalage Y sur 0,1 pouce et le flou sur 0,07 pouce..
Puisque nous créons cette conception pour la sortie d’impression, vérifiez que vos effets raster sont correctement définis. Pour vérifier les paramètres, sélectionnez Effet> Paramètres d'effet raster de document et assurez-vous que la résolution est définie sur Elevée (300 ppp). Cela garantira que l’effet raster s’imprimera sans pixelisation.
Créez un nouveau calque dans le panneau Calques et appelez-le "Page". Assurez-vous que le calque de page est au-dessus de tous les autres calques.
Avec l'outil Crayon (P), créez un triangle dans le coin inférieur droit du document. Remplissez le triangle avec le dégradé linéaire orange que vous avez utilisé dans le titre.
Ajoutez un arrêt de couleur supplémentaire au dégradé en cliquant juste en dessous du curseur Dégradé du panneau Dégradé. Changez le nouveau Color Stop en orange et le dernier Color Stop en orange plus foncé. Ensuite, déplacez le Color Stop du milieu vers la droite, près du dernier Color Stop. Ajustez le dégradé à un angle de 45 degrés de sorte que la partie la plus claire du dégradé se trouve en bas à droite du document..
Créez une forme de boucle de page avec l'outil Plume (P). Remplissez-le avec un dégradé de couleurs de trois couleurs: le premier blanc, le second bleu-gris clair et le troisième gris-bleu foncé. Ajustez le dégradé à un angle de 45 degrés de sorte que la partie blanche du dégradé se trouve dans le coin supérieur gauche de la page..
Avec la page courbée sélectionnée, Copier (Commande + C) et Coller dans le dos (Commande + B). Utilisez l'outil de sélection (V) pour saisir le point d'ancrage en haut à droite et redimensionner la copie en bas à gauche. Modifiez le remplissage de la copie en une couleur bleu-gris et choisissez Effet> Styliser> Plume. Dans la boîte de dialogue Plume, réglez le rayon de plume sur .125.
Créez un texte blanc avec l'outil Texte (T) pour décrire ce qu'il y a à l'intérieur du livre. Pour cela, j'ai utilisé le texte en noir Myriad qui est justifié à droite.
Enfin, nettoyez tous les calques avec des illustrations dépassant le fond perdu du document à l'aide d'un masque de découpage des calques. Terminé!
Ci-dessous l'image finale.
Accentsconagua