<?phpif (!defined('ABSPATH'))    exit; // Exit if accessed directlyadd_action("wp_ajax_sliding-captcha", "sliding_captcha_fn");add_action("wp_ajax_nopriv_sliding-captcha", "sliding_captcha_fn");function sliding_captcha_fn() {    $Response['error'] = false;    $action = sanitize_text_field($_POST["action"]);    $qaptcha_key = sanitize_text_field($_POST["qaptcha_key"]);    if (isset($_POST['action']) && isset($_POST['qaptcha_key'])) {        if (htmlentities($action, ENT_QUOTES, 'UTF-8') == 'sliding-captcha') {            echo json_encode($Response);        } else {            $Response['error'] = true;            echo json_encode($Response);            exit;        }    } else {        $Response['error'] = true;        echo json_encode($Response);        exit;    }    die;}{"id":118,"date":"2016-09-26T21:00:12","date_gmt":"2016-09-26T19:00:12","guid":{"rendered":"https:\/\/nylnook.art\/\/fr\/?p=118"},"modified":"2019-03-14T15:55:08","modified_gmt":"2019-03-14T14:55:08","slug":"faire-une-bd-de-a-a-z-avec-des-logiciels-libres","status":"publish","type":"post","link":"https:\/\/nylnook.art\/fr\/blog\/faire-une-bd-de-a-a-z-avec-des-logiciels-libres\/","title":{"rendered":"Faire une BD de A \u00e0 Z avec des logiciels libres"},"content":{"rendered":"<p>Il y a de nombreuses fa\u00e7ons de cr\u00e9er des BDs, mais comme beaucoup d&rsquo;auteurs, j&rsquo;ai trouv\u00e9 mon propre chemin avec les outils que j&rsquo;ai choisis, les logiciels libres. Je ne peux pas vraiment travailler en dehors de mon bureau dans ma maison, donc j&rsquo;ai choisi une m\u00e9thode enti\u00e8rement num\u00e9rique.<\/p>\n<p>Elle a de nombreuses \u00e9tapes, mais en artisan prudent j&rsquo;ai besoin de chacune, et j&rsquo;ai appris que passer du temps sur la phase de conception (sc\u00e9nario, d\u00e9coupage, feuille de personnage, storyboard) me permet de gagner du temps sur la phase de production (dessin final et mise en page).<\/p>\n<p>Je vais d\u00e9crire ma m\u00e9thode ici avec l&rsquo;exemple de <a href=\"\/fr\/bd\/mokatori-ep0-la-fin\">l&rsquo;\u00e9pisode 0 de Mokatori<\/a> que j&rsquo;ai publi\u00e9 il y a un peu plus de deux semaines. Esp\u00e9rons que vous pourrez adapter ma m\u00e9thode \u00e0 votre propre projet \ud83d\ude09<\/p>\n<h2>Sc\u00e9nario<\/h2>\n<p>Certains commencent en gribouillant, mais pour moi une BD commence avec une id\u00e9e d&rsquo;histoire, et avec un texte. Et en lisant des livres, parce qu&rsquo;on ne peut pas parler de changement climatique sans documentation !<\/p>\n<p>Voici le sc\u00e9nario de l&rsquo;\u00e9pisode 0, qui est aussi une lettre :<\/p>\n<hr \/>\n<section class=\"letter\">## Mokatori<br \/>\n#### Nos futurs possibles[Infos l\u00e9gales]<br \/>\n[D\u00e9dicace] Vous ne pouvez pas pr\u00e9voir l&rsquo;avenir, mais vous pouvez le r\u00e9aliser<br \/>\n[Remerciements]### Ouverture \u2013 une illustration<br \/>\nLa Terre, et en elle deux f\u0153tus : un b\u00e9b\u00e9 dinosaure et un b\u00e9b\u00e9 humain.[Sous-titre] \u00ab\u00a0La derni\u00e8re fois qu&rsquo;il y a eu autant de dioxyde de carbone (CO2) dans l&rsquo;atmosph\u00e8re\u2026 c&rsquo;\u00e9tait il y a 3 millions d&rsquo;ann\u00e9es*. Les dinosaures n&rsquo;\u00e9taient pas encore n\u00e9s.\u00a0\u00bb [source : Gilles Ramstein, Voyage \u00e0 travers les climats de la terre, p.282]### \u00c9p. 0 &#8211; \u00ab\u00a0La fin\u00a0\u00bb [Introduction, un ouvrier mexicain sur un chantier]<br \/>\n*Mexico, Mexique, 27 novembre 2015*<\/p>\n<p>Quand j\u2019avais 17 ans, \u00e0 la fin du XXe si\u00e8cle, ma m\u00e8re m\u2019a dit que je faisais partie de la g\u00e9n\u00e9ration qui ne pouvait plus croire en rien. Bonnes ou mauvaises, les grandes id\u00e9ologies du XXe si\u00e8cle s\u2019\u00e9taient effondr\u00e9es ou \u00e9taient en train de le faire\u00a0: le nazisme, le communisme, les anarchismes, les religions du livre\u2026 Les murs \u00e9taient tomb\u00e9s, mais il ne restait que le capitalisme, par d\u00e9faut. Ce n\u2019est pas que c\u2019est bien, mais on a rien trouv\u00e9 de mieux, avec un vernis de d\u00e9mocratie. Le temps des id\u00e9es \u00e9tait fini, et la politique \u00e9tait insignifiante.<\/p>\n<p>Depuis que je suis n\u00e9 il ne s\u2019est pas pass\u00e9 plus de 3 ans sans qu\u2019il y ait une crise \u00e9conomique, dans mon pays ou quelque part dans le monde.<\/p>\n<p>Je ne savais pas alors que j\u2019allais vivre au moins deux grandes r\u00e9volutions dans ma vie\u00a0: la r\u00e9volution num\u00e9rique et la r\u00e9volution climatique\u2026 Que je devrais me battre pour pouvoir simplement respirer sans m\u2019empoisonner. Et aussi pour conserver la libert\u00e9 qu\u2019on m\u2019avait donn\u00e9e.<\/p>\n<p>Je n\u2019en suis pas certain, mais je sens la fin d\u2019un monde. Il est temps de changer de logique. Et une trouvaille va me forcer \u00e0 le faire\u2026 \u00c0 la d\u00e9chetterie, j\u2019ai r\u00e9cup\u00e9r\u00e9 un smartphone qui marche encore [il y a un chat de Schr\u00f6dinger au dos], et de temps en temps, je re\u00e7ois des lettres du futur\u2026<\/p>\n<p>### Interm\u00e8de \u2013 une illustration<br \/>\nFukushima, le 11 mars 2057<br \/>\nC\u00e9r\u00e9monie qui marque la fin du d\u00e9mant\u00e8lement de la centrale nucl\u00e9aire<\/p>\n<\/section>\n<hr \/>\n<p>\u00c7a peut sembler facile, mais en fait c&rsquo;\u00e9tait tr\u00e8s long pour moi (pour les 6 \u00e9pisodes), si on tient compte \u00e9galement du temps n\u00e9cessaire pour corriger et traduire en anglais.<\/p>\n<p>Pour cette \u00e9tape j&rsquo;utilise un simple \u00e9diteur de texte, <a href=\"https:\/\/wiki.gnome.org\/Apps\/Gedit\">Gedit<\/a>, et <a href=\"http:\/\/daringfireball.net\/projects\/markdown\/syntax\">la syntaxe markdown<\/a> pour le formater simplement : pas de distractions. Vous pouvez pr\u00e9f\u00e9rez des outils plus avanc\u00e9s et plus d\u00e9di\u00e9s comme <a href=\"http:\/\/www.trelby.org\/\">Trebly<\/a>.<\/p>\n<h2>D\u00e9coupage<\/h2>\n<p>L&rsquo;\u00e9tape suivante est de d\u00e9couper mon sc\u00e9nario en pages et en cases dans un logiciel de carte mentale (<em>mind mapping<\/em>), j&rsquo;ai choisit <a href=\"http:\/\/www.xmind.net\/\">XMind (version libre)<\/a>.<br \/>\n\u00c0 ce moment-l\u00e0, je pense d\u00e9j\u00e0 au livre ou \u00e0 l&rsquo;ebook d\u00e9finitif : Est-ce que cette phrase a besoin d&rsquo;une illustration pleine sur deux pages ? Comment l&rsquo;\u00e9quilibrer ? Qu&rsquo;est-ce que je peux imaginer dessin\u00e9 \u00e0 ce moment ? Est-ce que je peux faire tenir un paragraphe entier de mon sc\u00e9nario dans une seule page ? Et <em>etc<\/em>\u2026<\/p>\n<p><a href=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-cutting.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-373\" src=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-cutting.png\" alt=\"\" width=\"892\" height=\"866\" srcset=\"https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-cutting.png 892w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-cutting-350x340.png 350w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-cutting-550x534.png 550w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-cutting-700x680.png 700w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><\/a><\/p>\n<p>Je sais aussi que ce sera un objet physique ou num\u00e9rique : mon format de papier est un A5, de fa\u00e7on \u00e0 ce qu&rsquo;il soit lisible \u00e0 la fois sur papier et sur une tablette (presque la m\u00eame taille, pas besoin de mettre \u00e0 l&rsquo;\u00e9chelle le texte ou de changer la mise en page). \u00c7a signifie que mon nombre de page doit \u00eatre un multiple de 4 pour pouvoir \u00eatre imprim\u00e9 avec un pli central.<br \/>\nDonc je pense \u00e0 la fois \u00e0 mon histoire et \u00e0 ma mise en page, en pr\u00e9parant un objet avec une couverture et en ajoutant les d\u00e9tails techniques que je dois ajouter comme le num\u00e9ro ISBN. Si besoin, je peux ajouter des pages blanches de fa\u00e7on \u00e0 ce que l&rsquo;histoire commence sur une page de droite, et je l&rsquo;ai fait (pages 4 et 10).<\/p>\n<h2>Storyboard<\/h2>\n<p>L&rsquo;\u00e9tape suivante est le storyboard : je pr\u00e9pare le dessin avec des croquis pour donner de la vie \u00e0 mon texte, mais sans encore passer des heures \u00e0 r\u00e9gler des d\u00e9tails. Le storyboard m&rsquo;aide \u00e0 fixer mes id\u00e9es, mais aussi \u00e0 les changer avant que ce soit trop tard.<\/p>\n<h3>1\/ Avoir un personnage<\/h3>\n<p>J&rsquo;ai tout d&rsquo;abord besoin du dessin d&rsquo;un personnage. Je peux faire \u00e7a avant le d\u00e9coupage, mais j&rsquo;ai besoin de le faire avant le storyboard pour avoir une bonne id\u00e9e de ce \u00e0 quoi mon personnage ressemble. Apr\u00e8s quelques gribouillages pour fixer mes id\u00e9es, je fais deux choses :<\/p>\n<p>Une feuille d&rsquo;expression:<\/p>\n<p><a href=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-expressions-hugo-thumb.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-374\" src=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-expressions-hugo-thumb.jpg\" alt=\"\" width=\"700\" height=\"525\" srcset=\"https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-expressions-hugo-thumb.jpg 700w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-expressions-hugo-thumb-350x263.jpg 350w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-expressions-hugo-thumb-550x413.jpg 550w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>et un mod\u00e8le de personnage (<em>model sheet<\/em>):<\/p>\n<p><a href=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-model-sheet-hugo-thumb.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-377\" src=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-model-sheet-hugo-thumb.jpg\" alt=\"\" width=\"700\" height=\"465\" srcset=\"https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-model-sheet-hugo-thumb.jpg 700w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-model-sheet-hugo-thumb-350x233.jpg 350w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-model-sheet-hugo-thumb-550x365.jpg 550w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Les deux m&rsquo;aident \u00e0 d\u00e9finir mon personnage et \u00e0 le dessiner de fa\u00e7on coh\u00e9rente.<\/p>\n<p>Vous pouvez aussi \u00e9crire une feuille de personnage pour lui donner un nom, une histoire, une famille, une personnalit\u00e9, et ainsi de suite : peut-\u00eatre que \u00e7a vous aidera \u00e0 cr\u00e9er un comportement unique pour votre personnage. Je ne l&rsquo;ai pas fait (en dehors de lui choisir un pr\u00e9nom &#8211; Hugo -) parce que je ne voulais pas me prendre dans les d\u00e9tails et parce que ce n&rsquo;est pas si important dans cette BD.<\/p>\n<h3>2\/ Dessiner case par case<\/h3>\n<p>En gardant un \u0153il au d\u00e9coupage et aux feuilles de personnage, je commence \u00e0 dessiner des croquis de l&rsquo;histoire, case par case. Un dessin par case dans un canevas carr\u00e9 (2048&#215;2048 pixels) dans <a href=\"https:\/\/krita.org\">Krita<\/a>, en me basant sur le d\u00e9coupage, et sans me pr\u00e9occuper de la mise en page pour l&rsquo;instant.<\/p>\n<p><a href=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-panel-in-krita.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-378\" src=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-panel-in-krita.jpg\" alt=\"\" width=\"700\" height=\"386\" srcset=\"https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-panel-in-krita.jpg 700w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-panel-in-krita-350x193.jpg 350w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-panel-in-krita-550x303.jpg 550w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>C&rsquo;est la phase o\u00f9 je me concentre sur ce que je veux repr\u00e9senter. L&rsquo;histoire muette parall\u00e8le sur la lettre R qui tombe est n\u00e9e comme \u00e7a, en me concentrant sur \u00ab\u00a0quoi dessiner\u00a0\u00bb.<\/p>\n<p><a href=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_005.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-381\" src=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_005.jpg\" alt=\"\" width=\"700\" height=\"700\" srcset=\"https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_005.jpg 700w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_005-350x350.jpg 350w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_005-550x550.jpg 550w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>J&rsquo;essaye de ne pas dessiner une copie de ce que j&rsquo;ai \u00e9crit, pour donner plus de profondeur \u00e0 l&rsquo;histoire.<\/p>\n<p><a href=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_006.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-382\" src=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_006.jpg\" alt=\"\" width=\"700\" height=\"700\" srcset=\"https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_006.jpg 700w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_006-350x350.jpg 350w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_006-550x550.jpg 550w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>C&rsquo;est aussi \u00e0 ce moment-l\u00e0 que je cherche des r\u00e9f\u00e9rences sur ce que je dessine (\u00e0 quoi ressemble une machine \u00e0 peindre, des vues de Mexico, d&rsquo;une d\u00e9charge publique\u2026).<\/p>\n<p><a href=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_007.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-383\" src=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_007.jpg\" alt=\"\" width=\"700\" height=\"700\" srcset=\"https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_007.jpg 700w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_007-350x350.jpg 350w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_007-550x550.jpg 550w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Si j&rsquo;ai une meilleure id\u00e9e en dessinant, je corrige mon fichier de d\u00e9coupage.<\/p>\n<p><a href=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_008.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-384\" src=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_008.jpg\" alt=\"\" width=\"700\" height=\"700\" srcset=\"https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_008.jpg 700w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_008-350x350.jpg 350w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-c_008-550x550.jpg 550w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<h3>3\/ Mise en page du storyboard<\/h3>\n<p>Quand tous les croquis des cases sont pr\u00eats, je commence une premi\u00e8re mise en page, toujours bas\u00e9e sur le d\u00e9coupage, et j&rsquo;essaye de faire rentrer mes cases dans des pages de fa\u00e7on lisible (d&rsquo;en haut \u00e0 gauche \u00e0 en bas \u00e0 droite en forme de Z). J&rsquo;ajoute aussi les bulles et le texte depuis le sc\u00e9nario avec <a href=\"\/fr\/blog\/comili-une-police-libre-pour-la-bd\">ma police de caract\u00e8res<\/a>, plus le texte pour les \u00ab\u00a0sons\u00a0\u00bb.<\/p>\n<p><a href=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-page-05.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-385\" src=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-page-05.jpg\" alt=\"\" width=\"700\" height=\"993\" srcset=\"https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-page-05.jpg 700w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-page-05-350x497.jpg 350w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-thumb-page-05-550x780.jpg 550w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>La plupart du temps je dois changer les tailles, \u00e9largir, d\u00e9couper. Parfois je r\u00e9alise que des cases manquent, ou que certaines pourraient \u00eatre enlev\u00e9s.<br \/>\nDonc je recommence \u00e0 dessiner d&rsquo;autres cases, et j&rsquo;en refait certaines. J&rsquo;imprime ma premi\u00e8re mise en page sur mon imprimante de bureau et je la lis comme une BD pour voir si \u00e7a marche. Et je corrige encore, jusqu&rsquo;\u00e0 ce que je soit content ;).<\/p>\n<p><a href=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-in-inkscape.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-380\" src=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-in-inkscape.jpg\" alt=\"\" width=\"700\" height=\"773\" srcset=\"https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-in-inkscape.jpg 700w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-in-inkscape-350x387.jpg 350w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-storyboard-in-inkscape-550x607.jpg 550w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Techniquement je fais \u00e7a avec <a href=\"https:\/\/inkscape.org\">Inkscape<\/a> : j&rsquo;ai cr\u00e9\u00e9 des fichiers mod\u00e8les dans Inkscape et Krita pour ma BD A5, et vous pouvez les t\u00e9l\u00e9charger <a href=\"https:\/\/framagit.org\/nylnook\/comic-templates\/repository\/archive.zip?ref=master\">ici<\/a>. Le fichier Krita est pr\u00e9vu \u00e0 600 dpi pour \u00eatre imprimable en tr\u00e8s bonne qualit\u00e9 ou pour pouvoir \u00eatre agrandit.<\/p>\n<p>Quand chaque page (une page = un fichier .svg Inkscape) dont la couverture a une mise en page finalis\u00e9e, je l&rsquo;exporte avec <a href=\"https:\/\/framagit.org\/nylnook\/mokatori\/blob\/master\/export-comic.sh\">mon script d&rsquo;export<\/a> (d\u00e9crit plus tard ci-dessous) en format PDF pour pouvoir l&rsquo;imprimer facilement et le partager avec d&rsquo;autres relecteurs.<\/p>\n<pre><code class=\"bash\">.\/export-comic.sh --print storyboard\/layout\/storyboard-ep0\/\r\n<\/code><\/pre>\n<p>Si j&rsquo;ai besoin d&rsquo;ajouter une page blanche, j&rsquo;ajoute juste un fichier de mod\u00e8le .svg vide avec le bon num\u00e9ro de page.<\/p>\n<p>Faire une premi\u00e8re mise en page \u00e0 l&rsquo;\u00e9tape du storyboard me permet de faire beaucoup de corrections facilement, de choisir quand j&rsquo;ai plusieurs options, et plus important \u00e7a me permet d&rsquo;\u00e9viter de grosses erreurs sans perdre trop de temps.<\/p>\n<h2>Dessin, encrage, couleur<\/h2>\n<p>Maintenant que je consid\u00e8re le storyboard pr\u00eat, je peux commencer le dessin final, page par page.<\/p>\n<h3>Organisation des dossiers<\/h3>\n<p>Tout peut devenir tr\u00e8s compliqu\u00e9, avec beaucoup de fichiers partout, si on organise pas ses dossiers de fa\u00e7on claire.<br \/>\nJ&rsquo;organise mes fichiers comme dans l&rsquo;exemple ci-dessous. Les fichiers SVG sont les fichiers sources pour Inkscape, les fichiers KRA sont les fichiers source pour Krita, et vous connaissez les images PNG et JPG \ud83d\ude09<\/p>\n<pre><code class=\"bash\">mokatori\/\r\n\u251c\u2500\u2500 cover (couverture)\r\n\u251c\u2500\u2500 documentation\r\n\u251c\u2500\u2500 layout (mise en page d\u00e9finitive)\r\n\u2502\u00a0\u00a0 \u2514\u2500\u2500 ep0 ebook-en (un dossier par couple m\u00e9dia et langue)\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 dossiers d\u2018export \u2026\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 01.svg (fichier de mise en page inkscape)\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 02.svg\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 03.svg\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2026\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 metadata.sh (fichier avec des variables de m\u00e9tadonn\u00e9es pour l\u2018export)\r\n\u2502\u00a0\u00a0 \u2514\u2500\u2500 ep0 ebook-fr (un dossier par couple m\u00e9dia et langue)\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 dossiers d\u2018export\u2026\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 01.svg (fichier de mise en page inkscape)\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 02.svg\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 03.svg\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2026\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 metadata.sh (un dossier par couple m\u00e9dia et langue)\r\n\u2502\u00a0\u00a0 \u2514\u2500\u2500 ep0 print-en\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 dossiers d\u2018export\u2026\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 01.svg (fichiers de mise en page inkscape)\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 02.svg\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 03.svg\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2026\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 metadata.sh\r\n\u2502\u00a0\u00a0 \u2514\u2500\u2500 ep0 print-fr\r\n\u2502\u00a0\u00a0 \u2514\u2500\u2500 ep1 ebook-en\r\n\u2502\u00a0\u00a0 \u2514\u2500\u2500 ep1 ebook-fr \u2026 (un dossier par couple m\u00e9dia et langue)\r\n\u2502\u00a0\u00a0 cover-ep0.png (page de dessin export\u00e9es depuis les fichiers krita, celui-ci est un dessin sur deux pages)\r\n|   p03.png (pages de dessin export\u00e9es depuis les fichiers krita)\r\n|   p05.png\r\n|   p06.png\r\n|   \u2026\r\n\u251c\u2500\u2500 model-sheet\r\n\u251c\u2500\u2500 pub\r\n\u251c\u2500\u2500 scenario\r\n\u2514\u2500\u2500 storyboard\r\n    \u2514\u2500\u2500 layout (mise en page du storyboard)\r\n        \u2514\u2500\u2500 storyboard-ep0\r\n            \u2514\u2500\u2500 dossiers d\u2018export\u2026\r\n            01.svg (fichiers de mise en page inkscape)\r\n            02.svg\r\n            03.svg\r\n            \u2026\r\n            metadata.sh (fichier avec des variables de m\u00e9tadonn\u00e9es pour l\u2018export)\r\n        \u2514\u2500\u2500 storyboard-ep1\r\n        \u2514\u2500\u2500 \u2026\r\n        c_001.jpg (dessins des cases export\u00e9es depuis les fichiers krita)\r\n        c_002.jpg\r\n        c_003.jpg\r\n        \u2026\r\n    \u2514\u2500\u2500 ref (images de r\u00e9f\u00e9rence)\r\n    c_001.kra (dessins des cases dans des fichiers krita)\r\n    c_002.kra\r\n    c_003.kra\r\n    \u2026\r\nexport-comic.sh (mon script d\u2018export)\r\np05.kra (pages de dessin final dans des fichiers krita)\r\np06.kra\r\np07.kra\r\n\u2026\r\n\r\n<\/code><\/pre>\n<h3>Pr\u00e9parer les dessins finaux avec le storyboard comme base<\/h3>\n<p>La premi\u00e8re chose \u00e0 faire est d&rsquo;exporter les pages de storyboard, mais sans le texte, vers des fichiers images qui serviront de bases pour les dessins finaux.<\/p>\n<p>Bonne nouvelle, Inkscape permet d&rsquo;exporter un calque seulement vers .png depuis la ligne de commande dans la r\u00e9solution d\u00e9sir\u00e9e, donc j&rsquo;ai pu automatiser le processus dans un <a href=\"https:\/\/framagit.org\/nylnook\/mokatori\/blob\/master\/export-comic.sh\">script Bash<\/a> !<\/p>\n<pre><code class=\"bash\">.\/export-comic.sh --artwork storyboard\/layout\/storyboard-ep0\/\r\n<\/code><\/pre>\n<p>L&rsquo;option <em>&#8211;artwork<\/em> permet d&rsquo;exporter seulement le calque <em>artwork<\/em> (le calque le plus bas dans mon mod\u00e8le Inkscape). Les fichiers seront dans le dossier <em>storyboard\/layout\/storyboard-ep0\/artwork<\/em>.<\/p>\n<p>Je vais expliquer comment utiliser ce script dans la section \u00ab\u00a0Exporter\u00a0\u00bb ci-dessous.<\/p>\n<h3>Commencer le dessin<\/h3>\n<p>Maintenant je peux commencer \u00e0 dessiner dans Krita, en cr\u00e9ant un nouveau fichier .kra depuis mon mod\u00e8le A5 pour la BD et en important le storyboard :<\/p>\n<p><a href=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-start-drawing-in-krita.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-379\" src=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-start-drawing-in-krita.jpg\" alt=\"\" width=\"700\" height=\"739\" srcset=\"https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-start-drawing-in-krita.jpg 700w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-start-drawing-in-krita-350x370.jpg 350w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-start-drawing-in-krita-550x581.jpg 550w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<h3>Encrage<\/h3>\n<p>Je commence en g\u00e9n\u00e9ral par encrer le dessin, en noir et blanc avec <a href=\"pack-brosses-krita-v2\">mes brosses<\/a> :<\/p>\n<p><a href=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-inking-example.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-375\" src=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-inking-example.jpg\" alt=\"\" width=\"700\" height=\"985\" srcset=\"https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-inking-example.jpg 700w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-inking-example-350x493.jpg 350w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-inking-example-550x774.jpg 550w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<h3>Couleurs et textures<\/h3>\n<p>Puis je peux ajouter la couleur et les textures, encore avec <a href=\"pack-brosses-krita-v2\">mes brosses<\/a> et mes texures (\u00e0 publier) jusqu&rsquo;\u00e0 ce que la planche soit finie :<\/p>\n<p><a href=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-artwork-example.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-372\" src=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-artwork-example.jpg\" alt=\"\" width=\"700\" height=\"985\" srcset=\"https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-artwork-example.jpg 700w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-artwork-example-350x493.jpg 350w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-artwork-example-550x774.jpg 550w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Et je continue jusqu&rsquo;\u00e0 ce que je puisse terminer toutes les planches d\u00e9finitives.<\/p>\n<h2>Mise en page d\u00e9finitive<\/h2>\n<p>Quand j&rsquo;arrive \u00e0 l&rsquo;\u00e9tape de la mise en page d\u00e9finitive, tout est presque pr\u00eat, et je suis en g\u00e9n\u00e9ral assez impatient de voir ma BD assembl\u00e9e.<br \/>\nJ&rsquo;exporte mes fichiers .kra vers .png et je commence par copier les fichiers .svg de la mise en page du storyboard vers le dossier de la mise en page d\u00e9finitive (vor la structure des dossiers pr\u00e9c\u00e9demment).<br \/>\nEnsuite je mets \u00e0 jour le dessin dans Inkscape, et place d\u00e9finitivement les textes (toujours avec <a href=\"\/fr\/blog\/comili-une-police-libre-pour-la-bd\">ma police<\/a>) :<\/p>\n<p><a href=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-layout-example.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-376\" src=\"https:\/\/nylnook.art\/\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-layout-example.jpg\" alt=\"\" width=\"700\" height=\"944\" srcset=\"https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-layout-example.jpg 700w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-layout-example-350x472.jpg 350w, https:\/\/nylnook.art\/fr\/wp-content\/uploads\/sites\/2\/making-a-comic-layout-example-550x742.jpg 550w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>C&rsquo;est en g\u00e9n\u00e9ral assez rapide, mais il y a peut-\u00eatre encore des corrections finales dans le dessin, donc il reste encore un peu de finitions.<\/p>\n<p>Et si vous regarder attentivement la structure des dossiers, vous avez compris : m\u00eame si j&rsquo;ai d\u00e9cid\u00e9 d&rsquo;utiliser un format A5 qui peut marcher \u00e0 la fois pour les livres et les ebooks lus avec une tablette, je dois faire une mise en page par m\u00e9dia. Ils ont beaucoup de choses en commun, mais la couverture change (il y a un prix sur le livre, et pas sur l&rsquo;ebook, un autre ISBN), je peux enlever les pages blanches de l&rsquo;ebook, et ainsi de suite.<\/p>\n<p>De plus, je traduis du fran\u00e7ais \u00e0 l&rsquo;anglais : finalement je fais une mise en page <strong>pour chaque couple media+langue<\/strong> (ebook en fran\u00e7ais, ebook en anglais, livre en fran\u00e7ais, livre en anglais\u2026). Mais ils partagent tous les m\u00eames fichiers de dessin, donc copier les fichiers .svg dans un nouveau dossier pour cr\u00e9er une nouvelle mise en page et mettre \u00e0 jour le texte est facile.<\/p>\n<h2>Exporter<\/h2>\n<p>Et voil\u00e0, je suis pr\u00eat \u00e0 partager ma BD avec le monde entier, mais je dois encore pr\u00e9parer les fichiers d\u00e9finitifs que les gens pourront lire et utiliser !<br \/>\nJe dois faire \u00e7a pour chaque version (couple media+langue), et le refaire si une derni\u00e8re correction arrive. J&rsquo;ai absolument <strong>besoin de l&rsquo;automatiser<\/strong> si je ne veux pas devenir fou en passant mon temps \u00e0 cliquer sur les m\u00eames boutons encore et encore.<\/p>\n<p>Au moment o\u00f9 j&rsquo;\u00e9cris ce tutoriel, c&rsquo;est facile : j&rsquo;utilise le script que j&rsquo;ai cr\u00e9\u00e9 pour exporter vers tous les formats dont j&rsquo;ai besoin. Mais \u00e7a m&rsquo;a pris un bon moment de comprendre comment le faire et comment le coder (je ne suis pas programmeur !). C&rsquo;est \u00ab\u00a0mon pr\u00e9cieux\u00a0\u00bb, mais je partage avec vous \ud83d\ude09<\/p>\n<p>Regardons ce qu&rsquo;il permet de faire en d\u00e9tails. Vous pouvez <a href=\"https:\/\/framagit.org\/nylnook\/mokatori\/raw\/master\/export-comic.sh\">le t\u00e9l\u00e9charger ici<\/a>, puis le rendre ex\u00e9cutable (<code>chmod +x export-comic.sh<\/code>), et le placer \u00e0 la racine de votre dossier de BD pour qu&rsquo;il soit facile \u00e0 d\u00e9marrer en ligne de commande.<\/p>\n<p>Pour utiliser toutes les fonctions <a href=\"https:\/\/framagit.org\/nylnook\/mokatori\/blob\/master\/export-comic.sh\">du script<\/a>, vous aurez besoin d&rsquo;installer Bash 4, Exiftools, Inkscape, ImageMagick, Gostscript, Sed, Calibre, Zip et Unzip.<br \/>\nPour ma distribution Linux bas\u00e9e sur Arch (<a href=\"https:\/\/antergos.com\/\">Antergos<\/a>), la commande pour tout installer est celle-ci :<\/p>\n<pre><code class=\"bash\">pacman -S bash perl-image-exiftool inkscape imagemagick ghostscript sed calibre zip unzip\r\n<\/code><\/pre>\n<p>Ou sur une distribution bas\u00e9e sur Debian comme Ubuntu :<\/p>\n<pre><code class=\"bash\">apt-get install bash ruby-mini-exiftool inkscape imagemagick ghostscript sed calibre zip unzip\r\n<\/code><\/pre>\n<p>Donc d\u00e9marrons-le, il demande de renseigner des options :<\/p>\n<pre><code class=\"bash\">$ cd Mokatori\/\r\n$ .\/export-comic.sh\r\nPlease pass a --all, --images, --web-images, --hd-images, --ebook-images, --print-images, --print, --ebook, --artwork flag and a directory or a path to a filename.svg to this script.\r\nShortcodes -a, -i, -webi, -hdi, -ebi, -printi, -p, -e, -art\r\nExamples :\r\n.\/export-comic.sh ebook-en\/source-file.svg\r\n.\/export-comic.sh --all ebook-en\/\r\n<\/code><\/pre>\n<p>Avant d&rsquo;aller plus loin, je cr\u00e9e un fichier <em>metadata.sh<\/em> \u00e0 la racine de chaque dossier de mise en page de chaque version (couple media+langue). Cela permet de donner un titre, un auteur, et ainsi de suite \u00e0 mes fichiers de BD. Voici un exemple pour l&rsquo;\u00e9pisode 0 de Mokatori en fran\u00e7ais :<\/p>\n<pre><code class=\"bash\">#!\/bin\/sh\r\n\r\n# Metadata\r\ncreator='Nylnook'\r\nurl=\"www.nylnook.com\"\r\nyear=`date +'%Y'`\r\ncopyright=\"Copyright (c) $creator $year\"\r\nlicence=\"This image is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.\"\r\npubDate=`date +%Y-%m`\r\nlanguage=fr\r\ntitle=\"Mokatori - \u00c9p. 0 - La fin\"\r\nseries=\"Mokatori\"\r\nseriesindex=\"0\"\r\ntags=\"bd, bande dessin\u00e9e, climat, changement climatique, creative commons, libre, gratuit\"\r\ndescription=\"Et si les habitants de l'avenir nous envoyait des lettres ?\r\nDe 2054 \u00e0 2084, de l'Islande \u00e0 l'Afghanistan, des cataclysmes aux utopies, cinq r\u00e9cits dessinent nos futurs possibles pendant le \u00ab Mokatori \u00bb, le mot pour changement climatique chez les indiens d\u2019Amazonie\r\n\u00c9p. 0 - \u00ab La fin \u00bb - Mexico, Mexique, 27 novembre 2015\"\r\nebookIsbn=\"979-10-95663-03-4\"\r\n\r\n# Generated directories\r\ndirwebjpg=web-jpg\r\ndirHDjpg=hd-jpg\r\ndirverticalstrip=vertical\r\ndirebooks=ebooks\r\ndirHDebooks=ebooks-hd\r\ndirprintrgb=print-rgb\r\ndirprintcmyk=print-cmyk\r\ndirartwork=artwork\r\n<\/code><\/pre>\n<p>Si vous oubliez de cr\u00e9er un fichier <em>metadata.sh<\/em>, le script utilisera des m\u00e9tadonn\u00e9es de test en attendant, mais c&rsquo;est vraiment recommand\u00e9 d&rsquo;avoir des m\u00e9tadonn\u00e9es correctes dans vos fichiers.<\/p>\n<p>Et encore une fois, vous devriez avoir un ISBN par version. En France, en tant qu&rsquo;auteur auto-\u00e9dit\u00e9, j&rsquo;ai demand\u00e9 mes num\u00e9ros \u00e0 l&rsquo;<a href=\"http:\/\/www.afnil.org\/\">AFNIL<\/a> et j&rsquo;ai attendu deux semaines pour avoir 20 num\u00e9ros. O\u00f9 obtenir les v\u00f4tres d\u00e9pend de votre pays, mais ils sont internationaux. Le reste d\u00e9pend de vous, mais soyez inform\u00e9s des lois sur la publication dans votre pays, en particulier si vous voulez vendre vos BDs.<\/p>\n<p>Peut-\u00eatre qu&rsquo;on peut commencer par tout exporter pour que vous puissiez tout voir. Cette commande va exporter mon ebook d&rsquo;\u00e9pisode 0 dans tous les formats que je pourrais utiliser, y compris imprim\u00e9 (ce dont je n&rsquo;ai pas besoin pour un ebook, mais faisons-le pour l&rsquo;exemple) :<\/p>\n<pre><code class=\"bash\">.\/export-comic.sh --all layout\/ep0\\ ebook-en\/\r\n<\/code><\/pre>\n<p>Donc nous avions ceci :<\/p>\n<pre><code class=\"bash\">ep0 ebook-en\/\r\n01.svg\r\n02.svg\r\n03.svg\r\n\u2026\r\nmetadata.sh\r\n<\/code><\/pre>\n<p>Et en attendant 6 minutes et 44 secondes sur mon ordinateur, voici ce que l&rsquo;export a produit :<\/p>\n<pre><code class=\"bash\">ep0 ebook-en\/\r\n\u251c\u2500\u2500 ebooks\r\n|   Mokatori - Ep. 0 - The End - ebook.cbz\r\n|   Mokatori - Ep. 0 - The End - ebook.epub\r\n|   Mokatori - Ep. 0 - The End - ebook.pdf\r\n|   Mokatori - Ep. 0 - The End - HD ebook.cbz\r\n|   Mokatori - Ep. 0 - The End - HD ebook.epub\r\n|   Mokatori - Ep. 0 - The End - HD ebook.pdf\r\n|   Mokatori - Ep. 0 - The End - separate cover.jpg\r\n\u251c\u2500\u2500 hd-jpg\r\n|   page-HD-01.jpg\r\n|   page-HD-02.jpg\r\n|   page-HD-03.jpg\r\n|   \u2026\r\n\u251c\u2500\u2500 print-cmyk\r\n\u2502\u00a0\u00a0 Mokatori - Ep. 0 - The End - print cmyk.pdf\r\n\u2502\u00a0\u00a0 print-page-marks-01.jpg\r\n\u2502\u00a0\u00a0 print-page-marks-02.jpg\r\n\u2502\u00a0\u00a0 print-page-marks-03.jpg\r\n|   \u2026\r\n\u251c\u2500\u2500 print-rgb\r\n\u2502\u00a0\u00a0 Mokatori - Ep. 0 - The End - print.pdf\r\n\u2502\u00a0\u00a0 print-page-01.jpg\r\n\u2502\u00a0\u00a0 print-page-02.jpg\r\n\u2502\u00a0\u00a0 print-page-03.jpg\r\n|   \u2026\r\n\u251c\u2500\u2500 vertical\r\n|   Mokatori - Ep. 0 - The End.jpg\r\n\u2514\u2500\u2500 web-jpg\r\n    page-01.jpg\r\n    page-02.jpg\r\n    page-03.jpg\r\n    \u2026\r\n01.svg\r\n02.svg\r\n03.svg\r\n\u2026\r\nmetadata.sh\r\n\r\n<\/code><\/pre>\n<p>Il y a deux dossiers jpg : l\u00e0 je peux trouver mes images d\u00e9finitives page par page. J&rsquo;utilise la r\u00e9solution simple pour publier sur mon site web avec <a href=\"https:\/\/github.com\/mhkeller\/pulp2\">le lecteur open source Pulp<\/a>. Les images HD sont requises pour les ebooks HD et peuvent \u00eatre utile individuellement \u00e0 l&rsquo;occasion.<\/p>\n<p>Le dossier ebook contient 6 variantes de fichier ebook: HD ou non, en format CBZ, PDF et EPUB. En fonction de la librairie en ligne et des appareils, vous aurez besoin de l&rsquo;un ou de l&rsquo;autre. Le format CBZ n&rsquo;est plus beaucoup utilis\u00e9 aujourd&rsquo;hui, mais je l&rsquo;utilise pour g\u00e9n\u00e9rer les autres, et le format EPUB est de loin le plus technique \u00e0 produire (j&rsquo;ai fait tellement de tests !).<br \/>\nLes ebooks HD sont compatibles avec les derniers appareils d&rsquo;Amazon (en Full HD).<br \/>\nIl y a aussi une image de couverture \u00e0 part, qui est souvent demand\u00e9e dans la meilleure r\u00e9solution au moment de publier, amis qui doit \u00eatre en dessous de 4 millions de pixels pour Apple (oui, les conditions sont folles).<\/p>\n<p>Les dossiers <em>print<\/em> (pour <em>imprim\u00e9s<\/em>) sont \u00e9galement s\u00e9par\u00e9s en deux dossiers : une version RVB sans bords perdus pour imprimer sur votre imprimante de bureau ou avec une photocopieuse, et une version CMJN avec bords perdus et marques d&rsquo;impression pour votre imprimeur professionnel.<\/p>\n<p>Pour finir, il y a un dossier \u00ab\u00a0vertical\u00a0\u00bb, pour publier sur les sites webs qui ne permettent pas d&rsquo;avoir des pages, comme <a href=\"http:\/\/nylnook.deviantart.com\/art\/Mokatori-Ep-0-The-End-633051073\">DeviantArt<\/a>, o\u00f9 toutes les pages sont mises bout \u00e0 bout dans une seule grande image.<\/p>\n<p>Et tous les fichiers ont des m\u00e9tadonn\u00e9es correctes, donc je peux les publier partout en gardant les bonnes attributions.<\/p>\n<p>Mais \u00e9videment, je n&rsquo;ai pas besoin de fichier d&rsquo;impression pour un ebook, ou d&rsquo;un fichier d&rsquo;ebook pour imprimer !<\/p>\n<p>Donc d&rsquo;habitude j&rsquo;utilise une de ces commandes :<\/p>\n<pre><code class=\"bash\">.\/export-comic.sh --ebook-images layout\/ep0\\ ebook-en\/\r\n<\/code><\/pre>\n<p>pour (r\u00e9)g\u00e9n\u00e9rer les images des ebooks, et puis<\/p>\n<pre><code class=\"bash\">.\/export-comic.sh --ebook layout\/ep0\\ ebook-en\/\r\n<\/code><\/pre>\n<p>pour cr\u00e9er les fichiers CBZ, PDF et EPUB. Cela me permet de mettre \u00e0 jour les ebooks sans r\u00e9g\u00e9n\u00e9rer les images si besoin (pour une correction de texte).<\/p>\n<p>Pour une version imprim\u00e9e, c&rsquo;est :<\/p>\n<pre><code class=\"bash\">.\/export-comic.sh --print-images layout\/ep0\\ print-en\/\r\n<\/code><\/pre>\n<p>et puis:<\/p>\n<pre><code class=\"bash\">.\/export-comic.sh --print layout\/ep0\\ print-en\/\r\n<\/code><\/pre>\n<p>Ce script est le r\u00e9sultat de semaines de travail, mais il peut certainement \u00eatre am\u00e9lior\u00e9 et rendu plus g\u00e9n\u00e9rique (pour d&rsquo;autres formats), donc n&rsquo;h\u00e9sitez pas <a href=\"https:\/\/framagit.org\/nylnook\/mokatori\/\">\u00e0 contribuer ici<\/a>.<\/p>\n<h2>Imprimer et publier<\/h2>\n<p>Maintenant, j&rsquo;ai mes fichiers pr\u00eats \u00e0 \u00eatre publi\u00e9s pour les ebooks, et pr\u00eats \u00e0 imprimer pour les livres\u2026 Parler de la publication m\u00e9riterait beaucoup plus d&rsquo;explications, mais vous ne devriez pas la sous-estimer: si vous ne publiez pas, personne ne lira votre BD, et \u00e7a serait tr\u00e8s frustrant \ud83d\ude09<\/p>\n<h3>Livres<\/h3>\n<p>La plupart des gens lisent des livres, pas des livres \u00e9lectroniques, donc vous devriez imprimer, car c&rsquo;est l\u00e0 que sont la plupart des lecteurs. Mais c&rsquo;est un budget, donc n&rsquo;imprimez pas ce que vous ne pouvez pas vendre !<br \/>\nJe n&rsquo;ai pas beaucoup imprim\u00e9 mes BD pour l&rsquo;instant, juste 150 copies de mes <a href=\"\/fr\/bd\/climat-grenouilles\">grenouilles climatiques<\/a> en fran\u00e7ais pour distribuer autour de moi, mais pour Mokatori je pr\u00e9vois d&rsquo;utiliser l&rsquo;impression \u00e0 la demande, avec le service de <a href=\"http:\/\/www.bookelis.com\/\">Bookelis<\/a>. L&rsquo;impression \u00e0 la demande ne demande pas d&rsquo;avancer les frais d&rsquo;impression, il n&rsquo;y a pas de stock et pas de gaspillage, et pas de quantit\u00e9 limit\u00e9e. \u00c7a me semble la meilleure solution pour imprimer des livres au vingt et unin\u00e8me si\u00e8cle.<br \/>\nVous pouvez aussi imprimer une quantit\u00e9 limit\u00e9e apr\u00e8s une campagne de financement participatif r\u00e9ussie, c&rsquo;est une alternative \ud83d\ude09<\/p>\n<h3>Web et ebooks<\/h3>\n<p>Je publie mes BDs <a href=\"\/fr\/bd\/\">sur mon site web<\/a> avec <a href=\"https:\/\/github.com\/mhkeller\/pulp2\">le lecteur open source Pulp<\/a>, et d&rsquo;autant que je puisse en juger, la plupart de mes lecteurs choisissent ce moyen pour les lire. Mais j&rsquo;offre aussi les ebooks \u00e0 prix libre, pour donner le choix de t\u00e9l\u00e9charger \u00e0 mes lecteurs, avec une invitation \u00e0 financer mon travail. Pour \u00e7a, j&rsquo;utilise les services de <a href=\"https:\/\/gumroad.com\/\">Gumroad<\/a>, qui permettent de vendre \u00e0 prix libre.<\/p>\n<p>Pour distribuer des ebooks largement sur les diff\u00e9rentes librairies en ligne, on peut devenir fou assez vite tellement il y en a ! Mais heureusement, <a href=\"http:\/\/www.bookelis.com\/\">Bookelis<\/a> permet de distribuer des ebooks depuis leur plateforme vers beaucoup de librairies en ligne, donc je fais \u00e7a, gratuitement ou \u00e0 prix fixe. Ne vous limitez \u00e0 Amazon KDP, le monde est beaucoup plus vaste.<\/p>\n<p>Sur beaucoup de librairies en ligne, le format demand\u00e9 est l&rsquo;EPUB, et il doit \u00eatre <a href=\"http:\/\/validator.idpf.org\/\">valide \u00e0 100%<\/a> avec <a href=\"https:\/\/github.com\/IDPF\/epubcheck\">EpubCheck<\/a>\u2026 ce qui n&rsquo;est pas si simple. En affinant les options <em>ebook-convert<\/em> de <a href=\"https:\/\/calibre-ebook.com\/\">Calibre<\/a> dans mon script, j&rsquo;ai finalement r\u00e9ussi, donc encore une fois, utilisez mon <a href=\"https:\/\/framagit.org\/nylnook\/mokatori\/blob\/master\/export-comic.sh\">script d&rsquo;export<\/a>.<br \/>\nVous pouvez aussi utiliser <a href=\"https:\/\/sigil-ebook.com\/\">Sigil<\/a> pour pr\u00e9parer vos ebooks, mais pour ce que j&rsquo;en sais on ne peut pas l&rsquo;utiliser en ligne de commande donc il n&rsquo;y a pas moyen d&rsquo;automatiser l&rsquo;export d&rsquo;ebook avec.<\/p>\n<p>Finalement, pour trouver plus de lecteurs et des discussions, je publie gratuitement sur des communaut\u00e9s en ligne comme <a href=\"http:\/\/www.deviantart.com\/browse\/all\/cartoons\/\">DeviantArt<\/a>, <a href=\"http:\/\/www.amilova.com\">Amilova<\/a> et <a href=\"http:\/\/www.webtoons.com\">Webtoon<\/a> (mais cette derni\u00e8re demande encore une autre mise en page).<\/p>\n<h2>Le mot de la fin<\/h2>\n<p>Si vous voulez explorer les fichiers de Mokatori et creuser dans les d\u00e9tails, j&rsquo;ai publi\u00e9 <a href=\"https:\/\/framagit.org\/nylnook\/mokatori\">mes sources sur Framagit<\/a>.<br \/>\nlaissez un message si vous avez des questions, des remarques, ou si vous voulez partager votre propre exp\u00e9rience !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Il y a de nombreuses fa\u00e7ons de cr\u00e9er des BDs, mais comme beaucoup d&rsquo;auteurs, j&rsquo;ai trouv\u00e9 mon propre chemin avec les outils que j&rsquo;ai choisis, les logiciels libres. Je ne peux pas vraiment travailler en dehors de mon bureau dans ma maison, donc j&rsquo;ai choisi une m\u00e9thode enti\u00e8rement num\u00e9rique. Elle a de nombreuses \u00e9tapes, mais [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":736,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"godot_game_meta":[],"pulp_press_meta":[],"pulp_comic_meta":[],"inline_featured_image":false,"nylnook_wp_meta":[null],"footnotes":""},"categories":[1],"tags":[63,27,35,49,50],"class_list":["post-118","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-bande-dessinee","tag-geek","tag-making-of","tag-telecharger","tag-tutoriels"],"_links":{"self":[{"href":"https:\/\/nylnook.art\/fr\/wp-json\/wp\/v2\/posts\/118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nylnook.art\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nylnook.art\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nylnook.art\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nylnook.art\/fr\/wp-json\/wp\/v2\/comments?post=118"}],"version-history":[{"count":7,"href":"https:\/\/nylnook.art\/fr\/wp-json\/wp\/v2\/posts\/118\/revisions"}],"predecessor-version":[{"id":741,"href":"https:\/\/nylnook.art\/fr\/wp-json\/wp\/v2\/posts\/118\/revisions\/741"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nylnook.art\/fr\/wp-json\/wp\/v2\/media\/736"}],"wp:attachment":[{"href":"https:\/\/nylnook.art\/fr\/wp-json\/wp\/v2\/media?parent=118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nylnook.art\/fr\/wp-json\/wp\/v2\/categories?post=118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nylnook.art\/fr\/wp-json\/wp\/v2\/tags?post=118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}