Fermer

mai 10, 2019

Créer un livre de couverture avec Illustrator et InDesign


À propos de l'auteur

Manuela est un illustrateur numérique de Napoli, en Italie. Elle a commencé en tant que Web Designer, mais a ensuite suivi sa principale passion: Adobe Illustrator. Le dessin c'est elle…
Pour en savoir plus sur Manuela

Vous avez un dessin qui traîne et vous voulez le faire vivre? Si vous êtes autant inspiré par l’art du milieu du siècle que Manuela Langella, vous adorerez le processus et les résultats de ce didacticiel. Détachez votre dessin et lancez Illustrator pour commencer!

Dans ce didacticiel, je vais vous montrer comment créer un superbe motif de couverture inspiré des années 1950. Plus précisément, la couverture sera pour un livre pour enfants, nous allons donc créer un personnage bien connu: Le petit chaperon rouge .

L’aspect intéressant de cette conception est que nous allons créer son caractère purement rétro qui était typique pour les dessins animés à l'époque. En tant qu'illustrateur, j'ai toujours été fasciné par les graphismes des cinquante dernières années. J'ai grandi en regardant beaucoup de dessins animés, de livres et de bandes dessinées caractérisés par ce style, bien que je ne sois pas exactement né dans les années 50.

C'est la raison pour laquelle je veux que vous inspiriez un peu d'inspiration à partir de 1950. Dans cet article , Je vais expliquer pourquoi j'ai choisi cette période historique précise pour m'inspirer et d'où vient mon amour pour ce type de travail. Je partagerai également quelques idées que vous pourrez trouver en ligne si vous recherchez un peu d'inspiration pour vous essayer à vous-même.

Pour suivre, vous pouvez télécharger les fichiers et vous exercer à mon dessin fait par moi-même ou, si vous le souhaitez, vous pouvez en créer un. Il est important de suivre toutes les étapes et les conseils si vous souhaitez créer un design rétro absolument fascinant!

Vous découvrirez ensuite le monde des couleurs rétro et tous ces effets qui nous permettront d’avoir des effets rétro: I parle de pinceaux, de textures et de motifs. Une fois le design terminé, le design de la couverture est prêt. Enfin, nous allons préparer notre couverture dans InDesign en vue de son exportation pour impression.

Êtes-vous prêt? Amusons-nous!

  1. Pourquoi l'art du milieu du siècle?
  2. A la recherche de l'inspiration
  3. Les concepts de dessin

    1. Comment importer un dessin dessiné à la main
    2. Comment créer un dessin de base
    3. Comment créer Un pinceau rétro
    4. Comment dessiner les dessins
    5. Autres détails
  4. Couleurs, textures et motifs

    1. Personnages de coloration
    2. Effets de pinceaux
    3. L'arrière-plan
    4. Effets de texture
  5. Comment organiser A Cover Into InDesign
  6. Le résultat final
  7. 1. Pourquoi l'art du milieu du siècle?

    En grandissant, j'ai lu tellement de bandes dessinées et regardé tant de dessins animés. Mais pas n'importe lequel – juste ceux qui ont été dessinés dans un style du milieu du siècle. Je ne suis pas sûr de savoir pourquoi ce design en particulier m’attire autant; c'est peut-être à cause des simples lignes utilisées dans les dessins ou des couleurs pastel qui ont été utilisées pour créer les bandes dessinées et les dessins animés.

    En tant qu'illustrateur et graphiste, je recherche toujours l'inspiration et j'aime naviguer à travers Pinterest. (C'est un bon endroit pour découvrir des idées très spéciales!)

    Alors que je cherchais une inspiration rétro pour ce tutoriel, j'ai trouvé quelques illustrations qui ont attiré mon attention:

     Illustrations utilisées pour l'inspiration
    Illustrations de Satoshi Hashimoto (à gauche) et Derek Yaniger (au centre et à droite) inspirés par les années 1950 ( Grand aperçu )

    J'adore la façon hilarante dont ces artistes se sont dotés représentaient des personnes et des objets dans leurs œuvres – l’exagération, les détails simples et les couleurs éclatantes.

    J'ai toujours voulu tout savoir sur les dessins et les dessins créés au milieu du siècle et, plus je fais de recherches, plus je redécouvre sans cesse un monde créé avec de beaux motifs, des couleurs scandinaves, et conceptions simples mais très communicatives.

    2. À la recherche de l'inspiration

    Il y a tant à découvrir sur les motifs du milieu du siècle. Voici quelques exemples de publicités et d’illustrations très inspirantes.

    Crédits images (de gauche à droite): Luca Vecchi Vintage Ad Browser . Film classique . Ward Jenkins . ( Grand aperçu )

    Caractéristiques: peu de couleurs, lignes simples, effets de pinceau.

     Inspiration tirée de la publicité du milieu du siècle
    Crédits photos: Vintage Ad Browser ] (en haut à gauche), CrumbByCrumb (en haut à droite), Le Everday Vintage (en bas à gauche), Kathryn Howard (en bas à droite). ( Grand aperçu )

    3. Drawing Concepts

    Pour ce tutoriel, je voulais trouver quelque chose à dessiner que tout le monde connaisse bien, afin que ce ne soit pas trop difficile de comprendre comment les détails peuvent être appliqués à une illustration de votre choix plus tard, lorsque vous voulez essayer. effectuer vous-même les étapes.

    3.1. Comment importer un dessin dessiné à la main

    Alors, Le petit chaperon rouge est venu à l'esprit. Je suppose que tout le monde connaît ce conte de fées et nous avons tous une idée de ce à quoi ressemble Le petit chaperon rouge . Enfant, nous l’avons vue au moins une fois, c’est-à-dire dans un livre ou un dessin animé.

    Comme pour toutes mes créations, je commence à dessiner mon idée à la main. Ci-dessous, vous verrez les deux dessins originaux (y compris les gommages et la couleur jaune du papier recyclé):

     esquisse des caractères
    ( Grand aperçu )

    J'ai rangé mes croquis à l’aide de Photoshop nous permettent maintenant de décrire facilement les caractères et de les utiliser dans l’illustration:

     croquis effacés dans Photoshop
    ( Grand aperçu )

    Note : Vous pouvez télécharger les images de démarrage sur ici .

    Pour obtenir le look rétro, examinons maintenant les éléments que j'ai utilisés pour les personnages principaux:

     donnant un look rétro au Petit Chaperon Rouge
    Pour le Petit Chaperon Rouge, j'ai utilisé de nombreux bords sur le capot, les yeux, les sourcils, les coudes et les pieds. Le visage est assez simple aussi, et a une forme triangulaire. ( Grand aperçu )

    Les bords sont l'un des détails les plus utiles utilisés pour les graphiques et les dessins du milieu du siècle. Je pense que les bords donnent une nature très amusante au dessin, le rendant très enjoué et enfantin.

    Le petit manteau que j'ai utilisé est aussi typique des vêtements des années 50:

    manteau d'inspiration vintage des années 50 pour Little Red Riding Hood illustration
    (Source de l'image: 1stdibs sur Pinterest) ( Grand aperçu )

    Pour le loup, j'ai également utilisé des éléments typiques des années 50, tels que le dessin animé comme des yeux et des pieds:

    ( Image agrandie )

    Note drôle : Dans son livre, «Le dessin animé moderne: techniques essentielles pour dessiner les dessins animés populaires d'aujourd'hui» Christopher Hart montre deux manières de dessiner le même soulier:

    «C’est plus drôle de dessiner les bottes de façon bizarre. L'inconvénient est qu'ils n'entrent que dans une taille 7. »

    ( Grand aperçu )

    J'ai décidé de donner au loup des expressions faciales typiques, largement utilisées dans les dessins animés rétro. Jetez un coup d'œil à l'image ci-dessous (extraite du livre de Christopher Hart):

    ( Grand aperçu )

    «La forme du cercle est la forme de l'œil la plus courante. Il peut être utilisé pour presque tous les personnages. ”

    Pour le reste de ma conception, tout suit les mêmes règles. Les arbres, la maison et même les nuages ​​ont cet effet énervant particulier.

    ( Grand aperçu )

    Maintenant que vous savez comment vous lancer, nous pouvons enfin commencer à présenter notre illustration à la vie!

    Lançons Adobe Illustrator.

    3.2. Comment créer une conception de base

    Une fois que vous avez ouvert Illustrator, commencez par créer un nouveau document. Je vais créer un tableau d’écran carré pour une couverture de livre carrée. (De nombreux livres pour enfants ont une forme carrée.)

    (Crédit image: Pam Keller ) ( Grand aperçu )

    Suivons le Fichier Nouveau . Dans la fenêtre ouverte, j’ai choisi Print car j’aimerais avoir mon dessin imprimé. Ensuite, je règle 3000px × 3000px pour la taille de la planche graphique. Enfin, je l’appelle Le Petit Chaperon Rouge . Voir mon réglage ci-dessous:

    ( Grand aperçu )
    ( Grand aperçu )

    Vous devez maintenant importer les dessins. (J'ai fourni les fichiers pour vous ici .)

    Allez à Fichier Placez choisissez le dossier dans lequel vous avez sauvegardé les dessins et mettez eux sur la planche. Comme les fichiers sont plus volumineux que notre planche de travail, redimensionnez-les simplement pour les adapter.

    ( Grand aperçu )

    Placez les dessins sur deux calques différents pour que vous puissiez les contrôler.

    ( Grand aperçu )

    Une fois que nous avons terminé, passons à l'étape suivante: créez un pinceau à dessiner dans Illustrator.

    3.3. Comment créer un pinceau rétro

    J'ai moi-même dessiné des pinceaux, en inventant toujours quelque chose basé sur le style des années 50. Comme vous pouvez le voir dans les exemples ci-dessous, les lignes utilisées ne sont pas parfaites. Ils donnent toujours l'impression que quelque chose a été fait à la main.

    J'ai donc saisi mon iPad et dessiné des lignes qui me plaisaient dans Procreate . Je voulais donner aux pinceaux un aspect dessiné à la main, typique du design des années 50, voici donc mon résultat:

    ( Grand aperçu )

    Note : Pour notre illustration inspirée du milieu du siècle, je vous ai fourni les pinceaux ici – n'hésitez pas à les télécharger et à les utiliser.

    Revenons donc à Illustrator et voyons comment des pinceaux peuvent être installés.

    Ouvrez le fichier que vous venez de télécharger et ouvrez-le dans Illustrator. Assurez-vous que votre Brush Panel est ouvert en cliquant sur Fenêtre Brushes . Sélectionnez le premier pinceau du fichier que vous venez d'ouvrir et faites-le glisser dans le Panneau de pinceaux comme indiqué ci-dessous:

    Grand aperçu

    Comme vous pouvez le voir, après avoir glissé le pinceau dans le Panneau de pinceaux j'ai sélectionné “Art brush” dans la fenêtre ouverte et renommé le pinceau. J'ai coché l'option «Étirer pour ajuster la longueur de trait» puis j'ai sélectionné «Teinte» en tant que Méthode de colorisation . De cette façon, nous pourrons également changer la couleur de notre pinceau.

    Continuez et faites glisser tous les pinceaux dans le panneau des pinceaux, en suivant les mêmes instructions que ci-dessus. A la fin, vous devriez avoir cinq brosses:

    ( Grand aperçu )

    Nice! Vos propres pinceaux personnalisés inspirés du milieu du siècle!

    Note : Si vous voulez que vos pinceaux soient permanents dans Illustrator, sélectionnez-les tous et cliquez sur la première icône à gauche au bas de la panneau («Menu de la bibliothèque de pinceaux»). Cliquez ensuite sur «Enregistrer les pinceaux».

    ( Grand aperçu )

    Illustrator les enregistre dans le dossier «Pinceaux» par défaut. Ensuite, vous verrez vos pinceaux personnalisés en cliquant sur Menu Bibliothèque de pinceaux Défini par l'utilisateur .

    3.4. Comment dessiner les dessins

    Avec nos nouveaux pinceaux, commençons à dessiner notre dessin. Vous devez simplement sélectionner le pinceau que vous préférez et commencer à dessiner sur les lignes de conception.

    Si vous ne voyez pas les pinceaux dans votre panneau, passez à Menu de la bibliothèque de pinceaux Défini par l'utilisateur et choisissez mid-century01 (ou tout autre nom que vous avez utilisé).

    Sélectionnez les calques contenant les fichiers importés et définissez leur opacité sur 50% dans Apparence . panneau:

    ( Grand aperçu )
    ( Grand aperçu )

    Une fois que vous avez terminé, verrouillez-les et créez un autre calque sur le dessus. Ensuite, commencez à tracer:

    ( Grand aperçu )

    Vous pouvez choisir de n’utiliser que l’un ou l’ensemble des pinceaux – à vous de choisir. Je suggère d'utiliser le premier pour les lignes plus minces et les autres pour les lignes plus épaisses. Bien sûr, vous pouvez définir la taille des pinceaux comme bon vous semble.

    [ Grand aperçu )

    Amusez-vous en traçant toutes les lignes. Ce que j’aime le plus, ce sont les lignes tremblantes – c’est exactement l’effet que je souhaite.

    Votre dessin final devrait ressembler à quelque chose comme ceci:

    ( Grand aperçu ) 19659109] 3.5. Détails supplémentaires

    Ajoutons maintenant quelques détails à nos personnages. J'ai dessiné des taches à l'aide de l'outil Blob Brush ( Shift + B ):

    Grand aperçu

    Ceci est le résultat:

    ( Grand aperçu )

    Un autre détail mignon est constitué par les lignes en pointillés sur le manteau de LRRH. Ils sont très simples: ouvrez le panneau Properties et cliquez sur Stroke . Vérifiez la ligne Dashed Line et donnez 0 pt tiret et 20 pt espace:

    ( Grand aperçu )

    Grab the Crayon ( N ) et tracez des pointillés sur les bords du manteau.

    Voici le résultat:

    ( Grand aperçu ) 19659031] Maintenant que nous avons terminé cette étape, nous pouvons passer à la suivante: ajouter des couleurs, des textures et des effets.

    4. Couleurs, textures et motifs

    4.1. Coloring Characters

    La première chose dont nous avons besoin est une palette pour colorer nos personnages. J'ai recherché quelques couleurs sur Pinterest et enregistré de nombreuses palettes intéressantes sur mon mur Pinterest:

    ( Grand aperçu )

    J'ai ensuite créé cette palette pour moi-même:

    ( Grand aperçu )

    Insérons notre palette dans les Swatches . Créez des cercles avec ces couleurs dans Illustrator, puis sélectionnez-les et ouvrez le panneau Swatches à travers Windows Swatches . Une fois les cercles de couleur sélectionnés, cliquez sur Nouveau groupe de couleurs :

    ( Grand aperçu )

    Dans la fenêtre qui s’ouvre, cliquez sur "Oeuvre sélectionnée", y compris "Convertir Process to Global (la palette sera permanente dans le panneau Swatches ) et «Inclure les nuances pour les teintes».

    ( Grand aperçu )

    Nous avons maintenant notre palette. dans les échantillons:

    ( Grand aperçu )

    Colorions Le petit chaperon rouge et le loup. Allez dans le panneau Calques et créez un nouveau calque sous les deux autres:

    ( Grand aperçu )

    Saisissez l'outil Blob Brush . colorier sur cette couche. Les lignes des personnages resteront en haut et les couleurs en bas.

    J'ai placé le pinceau en forme de goutte comme suit:

    ( en grand aperçu )

    Prenez le temps dont vous avez besoin pour tout colorer. C'est une étape relaxante et amusante alors profitez-en!

    ( Grand aperçu )

    Voici mes couleurs finales:

    ( Grand aperçu )

    . 4.2. Effets de pinceaux

    J'ai utilisé d'autres pinceaux pour créer des effets d'ombre sur les personnages. Les pinceaux sont par défaut dans Illustrator; vous pouvez les trouver en cliquant sur Menu de la bibliothèque de brosses Artistique ChalkCharcoalPencil .

    ( Grand aperçu )

    Sélectionnez une rendez-vous à Apparence et réglez l'opacité sur 15% de multiplication .

    ( Grand aperçu )

    Tracez quelques lignes à présent. caractères pour créer des effets d’ombre:

    ( Grand aperçu )
    ( Grand aperçu )
    ( Grand aperçu )

    Et nous en avons fini avec les personnages! Passons à l’arrière-plan.

    4.3. Le contexte

    Comme on l’avait d'abord pensé, il faudrait probablement commencer par le ciel. Créons donc un autre calque (sous les caractères) et renommez-le "Ciel".

    Tracez un rectangle de couleur # 9BD2D2 puis saisissez un cercle et faites-le glisser vers l'intérieur pour arrondir le rectangle. 19659154] Grand aperçu

    Encore une fois, travaillons avec les pinceaux Chalk voir 4.2. ci-dessus . Avec la même couleur appliquée comme arrière-plan. Appliquez des lignes au bas du rectangle pour créer des effets d’art:

    ( Grand aperçu )

    Nous allons ajouter d’autres effets de brosse au ciel. Créez un nouveau calque au-dessus du ciel et renommez-le en «effet de pinceau». Avec un autre pinceau à charbon (j'ai utilisé de plumes de charbon de bois ), tracez des lignes dans le ciel. La couleur est #FFFFFF avec une opacité définie à 50%. Voir l'image ci-dessous.

    ( Grand aperçu )

    Ce n'était pas si difficile, n'est-ce pas? Dessine quelques nuages ​​maintenant. Vous pouvez utiliser l'outil Pencil ( N ) avec #FFFFFF comme couleur et dessiner des formes simples comme celles illustrées ci-dessous:

    ( Image agrandie )

    Tracez ensuite une route de campagne avec l'outil Crayon ( N ) (avec à nouveau #FFFFFF couleur):

    ( Grand aperçu )

    Ajoutons quelques touffes d'herbe. Sélectionnez un pinceau comme nous l'avons fait dans 4.3 et dessinez-les comme indiqué ci-dessous. Définissez la couleur du pinceau sur # 1BA58E :

    ( Grand aperçu )

    à l'aide de l'outil Rectangle ( M ). , vous pouvez créer des formes simples, alors essayons de créer une petite maison en arrière-plan également. Pour le rendre un peu déformé nous devons utiliser l'outil Sélection directe ( A ), puis saisir et faire glisser les angles.

    Grand aperçu

    Passons maintenant aux arbres. Avec l'outil Polygon cliquez une seule fois sur votre plan de travail pour qu'une fenêtre apparaisse. Définissez les «3 côtés» et 100 px pour Rayon :

    ( Grand aperçu )

    Pour le triangle que vous venez de créer, définissez la couleur d'arrière-plan sur # 1BA58E . Pour lui donner un aspect un peu déformé, utilisez l'outil Sélection directe ( A ), puis faites glisser les angles comme nous le faisions lorsque nous avons créé la maison plus tôt.

    Grand aperçu )

    Avec l'outil Pen ( P ), tracez une simple ligne au centre de l'arbre. Ouvrez la fenêtre et tracez le profil de trait comme indiqué ci-dessous:

    ( Grand aperçu )

    Le résultat devrait ressembler à ceci: [19659174] ( Image agrandie )

    Conservez les mêmes paramètres et tracez quelques lignes avec l'outil Pen ( P ) pour créer un couple de branches:

    ( Grand aperçu )

    Nous allons maintenant regrouper tous les éléments de l'arbre, le dupliquer ou créer d'autres arbres pour remplir la scène. Placez chaque arbre sur un calque différent et jouez avec des calques pour donner de la profondeur à la scène.

    Soyez courageux. Essayez différentes nuances de vert pour les arbres:

    ( Grand aperçu )

    À l'aide de l'outil Ellipse ( L ), créez des cercles sous le des arbres pour simuler une ombre. Définissez le fond sur # 000 et l'opacité sur 50%.

    ( Grand aperçu )

    4.4. Effets de texture

    Ajoutons maintenant un effet aux arbres pour les rendre plus «rétro». J'ai appliqué ces effets uniquement aux arbres, mais vous êtes libre de l'appliquer à l'ensemble du dessin.

    Nous avons tout d'abord besoin d'une texture. Puisque nous travaillons en vecteurs, nous devrions appliquer une texture vectorielle. Vous pouvez en télécharger un gratuitement (il suffit de googler des «textures vectorielles». Quoi qu'il en soit, j'ai fourni une texture vectorielle ici .

    Téléchargez la texture et ouvrez-la dans Illustrator. Créez un nouveau calque et renommez-le. comme "Texture".

    ( Grand aperçu )

    Mettez la texture sur le nouveau calque. Votre illustration devrait ressembler à ceci:

    ( Grand aperçu ) 19659031] Ne soyez pas effrayés, nous ne ruinerons pas notre conception, nous avons juste besoin d'apporter quelques modifications.

    Allez à Windows> Apparence et définissez l'opacité sur 15% et Mode mélange sur Superposition . Cliquez ensuite sur Objet> Développez .

    ( Grand aperçu )

    Pour appliquer la texture uniquement aux arbres, j’ai supprimé les parties superflues de la texture avec l’outil Eraser ( Shift + E ). Voir mon exemple ci-dessous:

    Grand aperçu

    Voici mon résultat final:

    ( Grand aperçu )

    Il ne reste plus qu'à rendre visible le calque avec nos personnages et à les mettre au centre de la scène:

    ( Grand aperçu )

    Comme dernière chose, créons le titre. Dessinez deux simples rectangles en noir et blanc à l'aide de l'outil Rectangle ( M ) et écrivez le titre que je vous présente dans l'image ci-dessous. Les polices que j'ai utilisées sont Fontdiner Swanky et Fontdiner Sparkly (les deux à télécharger gratuitement).

    ( Grand aperçu )

    Félicitations! Vous venez de terminer votre première couverture au milieu du siècle!

    La prochaine étape consiste à compléter notre couverture dans InDesign. Prêt?

    5. Comment organiser une couverture dans InDesign

    Je dois maintenant travailler dans InDesign pour préparer ma couverture pour l'impression. Considérez que nous aurons besoin des couvertures avant et arrière et que nous devrons calculer un espace pour la colonne vertébrale.

    Je souhaite que la taille de ma couverture avant soit de 18 x 18 cm . Etant donné que je dois tout créer dans un seul tableau de travail, il me faut mettre les pages côte à côte, ainsi qu'un espace supplémentaire pour le dos.

    Réglez donc largeur de 37 cm (18 cm de côté + Dos 18 cm + dos 1 cm) et hauteur 18 cm. Les autres paramètres sont 0,3 cm Marges et 0,3 cm Saignement .

    ( Grand aperçu )

    Créez deux guides, respectivement, le 18 et 19 cm.

    ( Grand aperçu )

    Retour rapide sur Illustrator pour enregistrer le motif de notre couverture. Si vous utilisez Adobe CC, vous pouvez utiliser la bibliothèque pour enregistrer votre dessin. Ouvrir Fenêtre> Bibliothèques, sélectionnez tout ce qui est sur votre planche d’art et faites-le glisser vers la bibliothèque:

    Grand aperçu

    En ouvrant la bibliothèque dans Indesign, vous trouverez votre couverture. Faites-le glisser et déposez-le dans la page.

    ( Grand aperçu )

    Pour l’arrière, j’aimerais utiliser uniquement le personnage du petit chaperon rouge. Retournez à l'illustrateur et faites-le glisser dans la bibliothèque.

    Grand aperçu

    Encore une fois, revenez dans InDesign et importez le personnage dans la page depuis la bibliothèque de la façon que je vous ai montrée:

    Grand aperçu

    Ensuite, réécrivez le titre, directement dans InDesign. N'hésitez pas à jouer avec la taille et la position des mots! Voici mon résultat:

    ( Grand aperçu )

    Écrivons aussi le titre sur le dos:

    ( Grand aperçu )

    Et nous avons terminé ! Exportons notre fichier pour l'impression.

    Cliquez sur Fichier> Exporter et choisissez Adobe PDF (Print) .

    Dans le panneau Général choisissez Adobe PDF prédéfini: impression haute qualité. Laissez le reste tel quel.

    Dans Mark and Bleeds sélectionnez Toutes les marques de l’imprimante . Cliquez ici OK .

    Votre résultat:

    ( Grand aperçu )

    Nice job! Bravo! Vous avez terminé ce didacticiel (assez long)!

    6. Le résultat final

    Voici quelques maquettes pour simuler le livre réel:

    ( Grand aperçu )
    ( grand aperçu )
    ( grand aperçu )
    ( Image agrandie )

    J'espère que vous avez apprécié ce tutoriel et, surtout, j'espère pouvoir vous transmettre ma passion pour la conception du milieu du siècle!

    Essayez-le et partagez vos propres illustrations et réflexions dans les commentaires ci-dessous.

     Éditorial éclatant (yk, il)




Source link