2
Je ne suis pas un auteur autoédité, je suis un réalisauteur, un réalisateur de livre

Je ne suis pas un auteur autoédité, je suis un réalisauteur, un réalisateur de livre

Je ne suis pas un auteur autoédité, je suis un réalisauteur, un réalisateur de livre

Writer is coming…

C’est le slogan qui à mon sens pourrait résumer la période que nous vivons. Une époque où les moyens de production artistique, notamment des écrits, sont devenus si accessibles que le nombre de personnes qui se lancent dans l’aventure comme on se jette à l’eau est exponentiel.

Plus encore, à l’image des bouleversements qui sont annoncés dans le monde de Westeros par le retour d’un hiver permanent et celui, concomitant, des Marcheurs blancs, l’apparition de cette horde d’auteurs qui ne dépendent plus du système de l’édition classique pour trouver des lecteurs est en train de faire exploser la politique si familière des Royaumes éditoriaux.

Alors oui, Writer is coming.

Pourtant, la révolution ne sera véritablement accomplie que lorsque ceux-là mêmes qui la font ne se définiront pas en référence au vieux système. Pour le moment, nous nous nommons en effet nous-mêmes “auteurs autoédités”, faisant nôtre une définition qui n’est finalement qu’une survivance d’un paradigme que nous avons refusé de suivre.

Pour véritablement être nous-mêmes, il faut nous nommer.

Le mot est notre domaine. Le nom, le Nom, ont un pouvoir que les écrivains comprennent sans doute mieux que quiconque dans notre société. Nommer une chose, s’est se donner un pouvoir dessus.

Alors, nommons-nous.

Mais de quel mot ?

Puisqu’il ne saurait être question de se dire simplement éditeurs, puisque ce nom ne définit pas la réalité de ce que nous sommes, même si nous endossons la fonction de l’éditeur, ni même indépendants, puisque tous ceux qui ont refusé le système de l’édition classique n’ont pas tous le même modèle de production et que nombre d’entre nous font appel à des prestataires comme Amazon ou d’autres plateformes, numériques ou non, il faut trouver autre chose, quelque chose qui a trait à l’essence même de ce que nous faisons.

Alors quoi ? Écrivains, romanciers, nouvellistes ?

Non. Chacun de ces mots porte une réduction en lui-même.

Nous ne faisons pas qu’écrire nos histoires. Nous les habillons en maquettes, nous en choisissons la couverture, le papier, la mise en page, la mise en forme. Nous les promouvons.

Nous n’écrivons pas tous des romans. Pas tous des nouvelles ou des novellas. Certains s’essaient dans plusieurs genres.

Non, je pense qu’il faut inventer un mot. Le faire naître lui aussi, comme nous faisons naître nos histoires.

On aurait pu remettre au goût du jour un vieux mot latin, grec ou sanskrit. Après tout, autor ou auctor, qui du latin ont donné auteur en français, aurait pu avoir un synonyme dans la langue de Cicéron. Editor, qui donna éditeur en français, lui aussi aurait pu avoir un lointain équivalent.

On aurait pu se servir de la langue dominante de notre époque, l’anglais. Puisqu’author et authoring ne désignent pas seulement l’auteur et son acte d’écriture, mais aussi une véritable création qui va au-delà du simple acte de trouver les mots.

Je pense que cela aussi aurait été réducteur, car le mot n’aurait pas véritablement recouvré toute la richesse de ce qui est désormais l’acte de créer soi-même un ouvrage depuis l’écriture jusqu’à la vente.

Aussi, il me semble intéressant de nous tourner vers un autre domaine de création pour nous inspirer.

Le cinéma.

Le réalisauteur, réalisateur de livre

Le cinéma, comme le théâtre, est par essence un domaine collaboratif et pluriel.

Un film naît rarement du travail d’une seule personne, mais peut porter la vision de celle qui est aux commandes, à travers tout le processus que l’on appelle la production, et qui va de la préproduction, à savoir la conception et l’écriture du scénario, la recherche et la fabrication des costumes, des décors, des accessoires, le casting des acteurs, le découpage des séquences, le story-board, jusqu’au tournage lui-même et enfin à la postproduction comme le choix des musiques, le mixage des sons, l’étalonnage et le choix des couleurs, les effets spéciaux.

La seule personne qui est aux commandes de bout en bout, véritablement en charge de l’aspect artistique du film, c’est le réalisateur.

Qu’il ait ou non le final cut n’est pas finalement le point essentiel. C’est lui l’artisan, même dans le cas où le producteur prend le pouvoir sur quelques décisions stratégiques.

Il n’est peut-être pas véritablement le scénariste, mais il n’est pas non plus le décorateur ou l’accessoiriste. Ou plutôt, il est le chef d’orchestre de tous ces instruments mis au service du film qu’il met au monde.

Un réalisauteur, un réalisateur de livre, conçoit son œuvre de la même façon.

La pré-production d’un livre

Lorsqu’une idée de film germe dans l’esprit d’un scénariste se déroule le même processus de création que dans celui d’un auteur écrivain. La forme du récit a beau être très différente, ils créent tous deux un monde, des décors, des accessoires, des personnages, une intrigue pour lier le tout. Ils cherchent des inspirations, de la documentation, font parfois appel à d’autres personnes, des spécialistes d’un domaine précis, pour les aider à déterminer la vraisemblance de telle ou telle action, de telle ou telle décision.

Dans la fabrique du cinéma, le réalisateur, même s’il n’est pas lui-même le scénariste, va être étroitement associé à ce processus. Il prendra même le dessus sur le scénariste lorsqu’il sera question de faire sortir l’histoire de son cadre de papier.

Il va donner des directives pour le casting, discuter des décors qui seront vus à l’écran et de ceux qui ne seront pas visibles, mais qui serviront la cohérence de l’histoire. Il va parfois retravailler les dialogues en répétition avec les acteurs comme un écrivain qui peaufine les siens pour les rendre plus fluides ou plus naturels, pour mieux évoquer le caractère du personnage qui les prononce ou pour rendre une ambiance particulière dans une scène.

Tout le travail de préproduction consiste à construire les éléments nécessaires à la mise en images d’un film.

Tout ce travail qu’un écrivain accomplit lorsqu’il prépare son intrigue, qu’il imagine ses décors, ses costumes, ses accessoires, ses personnages, lorsqu’il met en marche la mécanique bien huilée de sa trame narrative.

En choisissant d’écrire à la troisième personne ou à la première personne, en choisissant un seul point de vue omniscient ou une multiplicité de points de vue narratifs en fonction de plusieurs personnages, il place sa caméra, décide de la valeur de sa focale, de la valeur du plan, des mouvements de caméra.

Le story-board du réalisateur est aussi celui de l’écrivain.

Le tournage d’un livre

Une fois la préparation terminée, un réalisateur n’attend qu’une chose : tourner enfin son film. Le budget a été bouclé, tout a été prévu, anticipé, pour le garder sous contrôle. Pour éviter les accidents, pour recruter le personnel technique.

L’écrivain n’a habituellement pas de budget à gérer pour l’écriture d’un livre, ce qui lui laisse plus de marge de manœuvre, une immense liberté, et lui permet une débauche de moyens que seuls les plus grands réalisateurs peuvent se permettre de rêver posséder pour tourner un film.

Mais lui aussi est confronté à l’angoisse du tournage, de son tournage. La rédaction.

Car de la même manière qu’une foule d’imprévus vient toujours compliquer ou modifier une séquence tournée par la caméra par rapport à ce qui avait été anticipé en préproduction, la rédaction d’une scène peut parfois complètement changer ce qui avait été prévu en amont.

L’écrivain peut être confronté au caprice de ses acteurs (en comprenant que son personnage devrait agir d’une autre manière que ce qu’il avait imaginé au départ, par exemple), à des lumières ou des couleurs légèrement différentes de ce qu’il avait voulu au départ, à des sons différents.

De la même manière, un écrivain peut rédiger ses scènes dans le désordre, comme un réalisateur qui tournerait tous les plans dans un décor particulier, peu importe leur ordre dans la narration finale, avant de se concentrer sur un autre décor bien différent disponible seulement ensuite.

L’acte de créer demande souvent des allers et retours entre différents moments, différents endroits, différentes ambiances. Il peut être plus inspirant pour l’écrivain de rédiger la fin de son livre avant le début, puis morceau par morceau dans un ordre complètement indépendant de son ordre narratif final.

Le tournage d’un livre prend fin lorsque la rédaction est terminée, mais le travail du réalisateur ne s’arrête pas là.

La post-production d’un livre

Au cinéma, le réalisateur supervise également les phases finales de la fabrication du film.

Il collabore au montage, quand il ne le fait pas lui même.

On a coutume de dire qu’il existe trois films : le film que l’on a imaginé, le film que l’on a tourné, et le film une fois monté dans l’ordre définitif de la narration des scènes, qui est parfois très différent de l’ordre prévu au départ. Pour un livre, le même aphorisme est sans doute valable. C’est bien d’ailleurs pour cela que les outils d’écriture comme Scrivener sont si essentiels : ils permettent de ré-arranger, de ré-organiser, de chambouler complètement l’ordre narratif, l’enchaînement des scènes, des séquences et des chapitres d’un livre comme un logiciel de montage est capable de le faire pour une vidéo ou un film.

Le montage peut même être vu comme une façon de corriger le film, de la même façon qu’un écrivain se relit et corrige ou fait corriger son manuscrit, en s’assurant qu’il n’y reste pas d’incohérence, de faute, de coquille.

Mais une fois le montage terminé, le film n’est pas encore prêt. Il manque des étapes essentielles comme le mixage du son ou les effets spéciaux. Dans un livre, par nature, ces étapes ont été souvent complétées lors du tournage.

Quant à la touche finale, l’étalonnage, c’est pour moi là que l’écrivain rejoint vraiment le réalisateur.

Étalonner un film signifie s’assurer de la cohérence des couleurs entre les plans d’une même séquence afin que, tournés à des moments différents, ils soient à l’écran comme une continuité narrative sans couture, mais aussi choisir les couleurs dominantes de l’ensemble du film en fonction des ambiances désirées, du style du film, des scènes elles-mêmes.

C’est véritablement l’habillage final du film, ce qui va lui donner son identité.

Pour un livre, si cette étape d’étalonnage peut se comprendre dans l’écriture elle-même, elle peut également se comprendre comme la mise en page du texte brut, comme sa mise en scène, sa coloration en un tout, en une œuvre cohérente. Les mots ici représentent bien l’image brute montée, et la page serait l’écrin de couleurs de ces images.

Ainsi, étalonner un livre serait pour moi l’équivalent du processus éditorial de création de la maquette, de choix des fontes, de choix du format du papier, de sa qualité, de la couverture. Ainsi, étalonner un livre numérique consisterait à créer le fichier ePub lui-même.

Lorsque le film sort du banc d’étalonnage, il est prêt à être visionné.

Lorsque le livre sort de cette étape ultime, il est prêt à être lu.

Production et collaborations

Le réalisateur est alors sollicité pour la dernière partie de la conception. En général c’est, avec les acteurs, pour en faire la promotion. Il est rare que lui-même plonge dans le travail de trouver un diffuseur, et c’est là que les rôles de l’auteur et du réalisateur peuvent bifurquer.

Car lorsque l’on choisit de se passer d’éditeur, c’est comme si l’on choisissait de se passer de producteur, et il faut alors soi-même remplir le rôle plus ingrat de celui qui gère les finances et rémunère les prestataires qui ont contribué à l’œuvre (figurants et acteurs, équipe technique, compositeur, sont généralement peu payés dans un livre, mais il se peut qu’il faille signer un chèque à l’illustrateur de la couverture, au correcteur, ou à d’autres encore).

On pourrait cependant arguer que certains réalisateurs mettent la main à la poche en plus de la mettre à la pâte et coproduisent leur œuvre.

Et c’est vrai.

Car finalement, la fabrication d’un livre comme celle d’un film n’est jamais, jamais, jamais, contrairement à ce que l’on peut penser, un acte solitaire.

La création comme une série de rôles et de fonctions

On parle de chaîne du livre pour une bonne raison.

Il est rare de maîtriser toutes les compétences qui peuvent faire naître un film (être un assez bon menuisier pour construire un décor, un assez bon couturier pour créer les costumes, un assez bon électricien pour gérer les machineries, un assez bon connaisseur des lois de l’optique pour gérer la profondeur de champ, un assez bon compositeur pour écrire la musique et un assez bon joueur de cornemuse, piano, cymbales et flûtiau pour l’interpréter ensuite).

Il est finalement assez rare de maîtriser toutes celles qui peuvent faire naître un livre. Car si nous savons écrire, si nous pouvons apprendre à nous servir de logiciels de mise en page, ou même de Photoshop pour concevoir une couverture, nous aurons rarement les compétences pour fabriquer notre papier. Et ce, même si nous apprenons à relier nos pages après les avoir assemblées. On peut également avoir envie, et non besoin, du regard d’un autre pour créer une couverture, pour s’assurer que le manuscrit “tient la route” tant par sa logique que par sa forme, par son orthographe et sa grammaire.

Je vois donc les choses comme un film où différentes fonctions, différents postes, sont à pourvoir.

Et où le réalisateur peut choisir de distribuer chacun de ces rôles à lui-même ou à d’autres.

Comme le réalisateur, l’auteur dit “autoédité” est le véritable créateur, car c’est celui qui a la vision d’ensemble, le seul qui du début jusqu’à la fin, donne le tempo, fait les choix stratégiques, et les assume.

Dans mon cas, je suis l’auteur, le correcteur, le maquettiste, le créateur de livre numérique, et l’éditeur. Je peux décider de m’entourer ou pas de bêta-lecteurs, de correcteurs, d’illustrateurs, d’imprimeur, de distributeur, de diffuseur.

Mais je reste le seul à décider in fine de chaque choix.

Je suis le réalisateur de mon livre.

Je suis réalisauteur.

Dans la mémoire du Serpent à Plumes

Filtrer par
Exact matches only
Contenu
Type de Contenu
Tout sélectionner
Articles
Pages
Projets
Téléchargements
Filtre par Catégorie
Tout sélectionner
Chimères Animées
Chimères Partagées
Devine qui vient écrire
L'encre & la plume
Le Serpent à Plumes
Le Serpent d'Hippocrate
Les Feux de la Rampe
Les Pixe-Ailes du Phœnix
Musique des Sphères
Vers l'Infini et Au-delà
Filtre par Catégories De Projets
Tout sélectionner
Films
Jeu de Rôle

Making of a book, partie 4 : du fichier au papier

Making of a book, partie 4 : du fichier au papier

Making of a book, partie 4 : du fichier au papier

Dans cette triple série d’articles, Making of a bookCréer un livre électronique au format ePub3, et Making of an (audio)book, je vous propose le résultat de mes recherches, de mes essais et de mes explorations diverses et variées sur la façon de produire un livre, respectivement en format papier, en format électronique, et en format audio. Ces articles ont vocation à évoluer dans le temps, aussi n’hésitez pas à vous inscrire à la Newsletter d’écaille & de plume qui vous avertira de toute mise à jour.

Introduction

Une fois que votre livre a été écrit, mis en page et doté d’une couverture, ou peut-être même bien avant que toutes ces étapes aient été franchies, vous devez accomplir certaines formalités si vous désirez aller jusqu’à l’éditer vous-même.

Car si le travail de l’auteur s’arrête généralement à l’écriture du texte, le rôle de l’éditeur consiste à véritablement le faire naître au monde. Pour cela, comme s’il s’agissait d’un être vivant, présenter un livre au reste de l’univers requiert quelques règles et quelques rituels.

ISBN

Votre livre a un titre, ce qui sera son nom. Il a un ou plusieurs auteurs, un ou plusieurs illustrateurs, un ou plusieurs contributeurs, qui seront ses parents. Il a une date de publication, qui sera sa date de naissance.

Comme pour la venue au monde d’un enfant, votre premier geste sera donc de déclarer sa naissance à l’état civil.

Dans le monde de l’édition, un acte de naissance porte le nom exotique et un peu barbare d’ISBN ou Internation Serial Book Number. Ce code à 13 chiffres sera l’identifiant unique du livre, un peu comme sa carte d’identité. Il permet de connaître le type de publication, sa zone géographique, l’éditeur, et le numéro de l’ouvrage chez l’éditeur.

L’obtenir est assez simple en France. Il suffit de contacter l’AFNIL (Agence Francophone pour la Numérotation Internationale du Livre) via son site internet. Par retour de mail, vous recevrez un identifiant d’éditeur, un segment d’ISBN, et une liste de numéros ISBN à utiliser sur ce segment, dans l’ordre chronologique de vos publications.

Il vous suffira de garder cette liste en lieu sûr et de noter, par exemple comme je le fais dans un fichier, à quelle édition correspond chaque numéro ISBN que vous utiliserez.

Ainsi, l’ISBN de la première édition brochée du Choix des Anges est 9 791 093 734 019.

Ce sésame sera indispensable pour déclarer la naissance de votre enfant de papier, car si l’ISBN est sa carte d’identité, l’officier de l’état civil qui enregistrera sa venue au monde n’est autre, dans notre pays, que la Bibliothèque Nationale de France (BnF) via son Dépôt légal.

Dépôt légal

Prenant racine dans la pratique des copistes de la célèbre Bibliothèque d’Alexandrie, qui confisquaient chaque livre pour le copier et en entreposer ainsi un exemplaire au sein de la gigantesque institution, le dépôt légal est une manière pour chaque pays de conserver son patrimoine écrit à l’abri des destructions et des pertes.

Ainsi, chaque livre qui est publié en France doit être conservé en un exemplaire à la Bibliothèque Nationale.

Pour ce faire, il vous suffit là encore de vous rendre sur internet, sur le site de la BnF. Vous y déclarez la publication de votre livre, et téléchargez le bordereau d’envoi de l’exemplaire que vous destinez au dépôt légal.

Mieux vaut faire cette déclaration un peu en avance par rapport à la publication effective de votre livre, car la BnF doit avoir reçu son exemplaire au plus tard le jour de la mise à disposition au public de votre œuvre.

Impression à la demande

Les démarches administratives liées au livre terminées, vous pouvez penser au plus important : comment le faire imprimer et distribuer à moindres frais pour vous et vos lecteurs, avec une qualité satisfaisante.

Le temps où les technologies imposaient d’imprimer en très grande quantité pour diminuer le coût de chaque exemplaire est heureusement révolu, et l’avènement de ce que l’on appelle l’impression à la demande permet deux révolutions majeures.

La première est de rendre le coût d’impression d’un seul exemplaire pratiquement égal à celui d’un millier, donc d’éviter aux auteurs comme aux éditeurs de débourser une somme faramineuse comme mise de départ. Cette grande révolution a encouragé l’apparition de l’auto-édition, et la rend non seulement possible, mais viable. Elle rend d’ailleurs l’importance et la nécessité de l’éditeur plus fragile, comme je vous l’avais exposé il y a quelques années déjà. À tel point que l’on peut se demander si entrer dans une maison d’édition lorsque l’on est auteur est véritablement une bonne idée.

Je vous spoile : à mon avis plus du tout. Cet avis est d’ailleurs partagé par quelques-uns dans le monde du livre, et pas des moindres

La seconde est le corollaire direct. Auparavant, quand on devait faire imprimer cinq mille exemplaires d’un roman dès sa naissance, et que l’on n’en vendait qu’une dizaine, la détestable habitude de l’industrie qui ne pouvait s’offrir en plus du coût de l’impression celui du stockage improductif de tant de papier dans des entrepôts pleins à craquer était de les envoyer au pilon : les exemplaires restants (soit quatre mille neuf cent quatre-vingt-dix dans notre exemple) étaient détruits. Oui. Détruits. Purement et simplement. Comme un autodafé institutionnalisé… En plus du geste symbolique qui m’arrache le cœur rien que d’y penser, le gâchis de ressources financières et écologiques est absolument incroyable…

Imprimer votre livre passera donc obligatoirement, même si vous avez des reins financiers solides, par de l’impression à la demande.

Plusieurs options s’offrent à vous.

Les plus connues sont lulu.com et CreateSpace, filiale d’Amazon, même si cette dernière est contestée.

Pour ma première expérience en auto-édition, j’ai tout de même choisi CreateSpace.

Pourquoi ?

Parce que je voulais essayer de limiter le nombre d’intermédiaires et qu’au final Amazon est une plaque tournante du monde de l’auto-édition. J’entends les critiques qui lui sont formulées, notamment par Neil Jonunsi, dont j’admire la démarche. Sa réflexion et mes propres envies se rejoignent peu à peu, et il est probable que mes prochains livres soient imprimés et distribués autrement.

CreateSpace : processus de commande de votre livre

Pour illustrer ce processus, prenons l’exemple du Choix des Anges.

Première étape, créer un compte sur CreateSpace, via leur site, puis accepter leurs conditions d’utilisation.

Sélectionner Set up your book now pour commencer vous-même la conception. Puisque tous vos fichiers sont désormais prêts grâce aux épisodes précédents de cette série d’articles, cela va aller très vite.

L’étape suivante consiste à enregistrer les données principales de votre livre. Son titre, son auteur (vous !), de quelle édition il s’agit (une première édition, probablement).

Puis l’on vous demande s’il s’agit d’un livre en noir et blanc ou en couleur. Bien évidemment un roman n’a que rarement besoin de pages intérieures en couleur, j’ai donc choisi noir et blanc. Vous devez aussi trancher un débat philosophique qui agite les forums d’auteurs en deux camps irréconciliables. Ce débat qui change la face du monde à chacune de ses itérations est le suivant : papier blanc ou papier crème ? Je fais résolument partie des prosélytes du papier blanc, mais j’admets à ma table les fanatiques du papier crème, je ne suis pas sectaire…

Puis on vous demande d’indiquer la fameuse trim size, ou taille de coupe de votre livre. Son format. Pour Le Choix des Anges, j’ai choisi un format A5 (148mmx210mm) qui n’est hélas pas un standard pour Amazon (les anglo-saxons et leurs unités non métriques !). J’ai dû sélectionner une custom trim size (ou taille de coupe personnalisée), qui correspond pour du A5 à 5,83 pouces par 8,27 pouces.

Veillez à sélectionner la case Ends before the end of the page dans l’option bleed. Cela indique à CreateSpace que vous n’avez pas d’images intérieures qui doivent être imprimées jusqu’au bord de la page, ou d’autres « bords perdus ». Si vous passiez outre, l’outil risquerait de redimensionner votre maquette pour amener votre texte jusqu’au bord de la page. Or, comme nous l’avons vu dans l’épisode 2 de cette série, une marge confortable est souhaitable sinon indispensable pour la lecture.

Cochez la case Interior reviewer, qui lancera automatiquement un processus de visualisation de votre maquette, afin de vérifier que chaque page soit bien positionnée.

Et vous pouvez enfin indiquer en cliquant sur Browse le chemin sur votre ordinateur du fichier de votre maquette intérieure. Après quelques minutes d’attente, ce fichier aura été téléversé vers les serveurs de CreateSpace.

Là, le site va automatiquement analyser votre fichier pour détecter d’éventuelles erreurs dans votre maquette.

Une fois ce travail effectué, cliquez sur le bouton qui vous propose de lancer l’outil de révision (Launch Interior Reviewer) et vérifier dans cet outil que vos pages s’affichent comme vous le désirez (ce qui, si vous avez suivi mes conseils, ne devrait poser aucun problème).

Étape suivante, la couverture. Là encore un débat philosophique vous attend. Couverture brillante (glossy) ou mate ? Chacun ses préférences. J’ai opté pour la finition brillante, j’avoue, au hasard…

Vous pouvez téléverser le fichier de votre couverture, vous savez, celui que nous avons préparé dans l’épisode précédent ?

Une page récapitulative vous permet de vérifier que vous n’avez rien oublié ou que vous n’avez pas commis d’erreur.

Enfin, vous sélectionnez votre Canal de distribution.

Canal de distribution

Imprimer le livre, c’est bien, le distribuer pour qu’il soit vu et lu par le plus grand monde, c’est mieux.

Autant les technologies d’impression à la demande permettent de s’affranchir des coûts et des principales difficultés de l’impression, autant le dilemme de la distribution la plus large possible reste presque entier.

La distribution et la diffusion feraient d’ailleurs un bon sujet pour de nombreux articles en soi, tant elles sont le principal point d’achoppement de la production d’un livre.

Néanmoins, si vous avez choisi Amazon via sa filiale CreateSpace, votre propre choix sera plus facile, car ce sera Amazon qui se chargera, via son site, de la distribution à vos lecteurs. On peut détester cela (et je le comprends), mais Amazon, de par sa notoriété, pourra toucher un public énorme de lecteurs potentiels. Il suffira de dire : « mon livre est disponible chez Amazon », et toute personne intéressée pourra facilement le trouver et le commander, pour se le faire livrer dans presque tous les pays du monde.

Vous devez donc indiquer à CreateSpace pour quels canaux de distribution vous optez.

Il en existe trois.

Amazon aux USA, sur le site amazon.com, diffuse dans le monde entier. Si en plus vous avez opté pour une taille de papier dans les standards d’Amazon, vous pourrez aussi être distribué, via l’option Expanded dans les bibliothèques et les librairies du réseau américain d’Amazon.

Amazon Europe, pour les livres imprimés sur le continent. C’est l’option la plus intéressante.

Amazon UK, pour les livres imprimés en Grande-Bretagne.

Au final, ces trois possibilités n’ont que peu d’importance sur l’étendue de votre audience, mais en auront plus sur les royalties que vous allez toucher. Le calcul de la marge d’Amazon et du coût d’impression est en effet dépendant du canal par lequel votre lecteur aura commandé son livre.

Prix du livre

Vous devez tout d’abord savoir qu’en France le prix d’un livre doit être unique, c’est-à-dire qu’il ne peut pas être vendu à un prix différent chez un vendeur et chez un autre. Le prix de votre ouvrage sera donc le même pour tous vos acheteurs, ce qui ne veut pas dire qu’il ne pourra pas évoluer dans le temps.

Cela étant posé, votre livre aura fatalement un coût d’impression et un coût dû à la marge prise par Amazon. Le prix de votre livre sera donc influencé par ce coût, et au minimum égal.

Vous pouvez décider de vendre à prix coûtant, mais « tout travail mérite salaire » et vous avez sans doute sué sang et eau pour écrire votre ouvrage. Outre la reconnaissance et la satisfaction d’être lu, que ce long travail vous permette une rémunération, même faible, ne serait que justice.

On peut débattre à l’envi du juste prix d’un livre, de la juste rémunération d’un auteur.

Au final, faites comme vous le sentez.

Bien évidemment, votre livre se vendra peu si vous fixez son prix à 150 € (ou alors il faudra qu’il soit imprimé avec une tranche dorée à l’or fin, ce que CreateSpace, étonnamment, ne propose pas – ou pas encore), mais il est tout à fait envisageable de déterminer un bénéfice de 2 à 4 € (certains font plus) sur chaque exemplaire, ce qui vous permettra de financer un achat groupé d’exemplaires auteurs, cédés par CreateSpace à un coût inférieur.

De façon pratique, je vous conseille d’abord de calculer le coût fixe du livre, puis de calculer en fonction du prix final hors taxes de votre livre la part qui sera la marge d’Amazon, puis de rajouter la TVA. Vous obtiendrez le prix final toutes taxes comprises.

En cherchant un peu, j’ai déniché la formule permettant de savoir assez facilement ce que cela donne.

Le prix final hors taxes sera la somme de :

Un pourcentage sur le prix de vente hors taxes de votre livre, soit 40 % pour une distribution standard et 60 % pour une distribution Expanded.

Une charge fixe, calculée suivant le canal de distribution, le type d’impression des pages intérieures (couleur ou noir et blanc), enfin, la fourchette dans laquelle se situe le nombre de pages du livre.

Un prix à la page, dépendant là encore du canal, du type d’impression et de la fourchette dans laquelle se situe le nombre de pages du livre.

Je vous récapitule tout cela dans un tableau.

Vous pourrez constater que tous ces calculs sont un peu complexes, mais la vie est rarement simple.

amazon.com USAAmazon EuropeAmazon UK
Type de livreCharge fixeCharge par pageCharge fixeCharge par pageCharge fixeCharge par page
Noir & blanc 24-108 pages2,15 $US0,00 $US0,60 €0,012 €0,70 £GB0,01 £GB
Noir & blanc 110-828 pages0,85 $US0,01 $US0,60 €0,012 €0,70 £GB0,01 £GB
Couleur 24-40 pages3,65 $US0,00 $US0,60 €0,060 €0,70 £GB0,05 £GB
Couleur 42-500 pages0,85 $US0,07 $US0,60 €0,060 €0,70 £GB0,05 £GB

Statut social et statut fiscal

Moins simple encore est la dernière étape de votre chemin vers le statut d’auteur autoédité : le labyrinthe des règles de cotisations sociales et de déclarations fiscales.

Quelques sites peuvent vous aider à trouver comment vous déclarer en micro-entrepreneur (le nouveau nom du statut d’autoentrepreneur) si vous êtes salarié par ailleurs, ce qui certes est le cas de la majorité des Français, mais pas de la totalité. Ils vous aideront à déclarer et gérer le statut auprès de l’URSSAF, ainsi que pour déclarer et payer vos impôts. Car bien entendu, vos revenus tirés de l’auto-édition seront imposés…

Cependant, si, comme c’est mon cas, le statut de micro-entrepreneur vous est interdit (vous exercez déjà une profession libérale, par exemple), les choses sont tout de suite beaucoup moins claires et aucun site n’a pu me mettre sur la voie.

J’ai donc appelé directement l’URSSAF pour leur poser des questions.

Ce qui suit est donc mon expérience et pourrait ne pas véritablement convenir à votre situation particulière, je vous conseille donc dans le doute d’appeler votre centre URSSAF (si vous parvenez à les joindre, ce qui n’est pas toujours facile).

Tout d’abord se rendre sur le site des formalités en ligne, le CFE.

Choisir déclarer une formalité, puis modification, et sélectionner le formulaire d’adjonction d’activité P2. Ce formulaire m’a donné du fil à retordre, car je ne parvenais pas à le trouver.

Après bien des recherches, je l’ai déniché ici.

Vous le remplissez (lisez bien la notice, comme d’habitude ce n’est pas simple et il vaut mieux ne pas se tromper).

Vous le renvoyez au centre de votre URSSAF.

Pour ce qui est de la déclaration d’impôts, il m’a été indiqué de reporter le montant de mes revenus liés à l’auto-édition en ligne B du formulaire 2035 que connaissent bien les professions libérales (ou leur comptable).

Vers l’infini et au-delà…

Dans la dernière partie de cette série, nous effleurerons un sujet encore plus vaste, en effet : le devenir de votre livre une fois que vous l’aurez publié.

Dans la mémoire du Serpent à Plumes

Filtrer par
Exact matches only
Contenu
Type de Contenu
Tout sélectionner
Articles
Pages
Projets
Téléchargements
Filtre par Catégorie
Tout sélectionner
Chimères Animées
Chimères Partagées
Devine qui vient écrire
L'encre & la plume
Le Serpent à Plumes
Le Serpent d'Hippocrate
Les Feux de la Rampe
Les Pixe-Ailes du Phœnix
Musique des Sphères
Vers l'Infini et Au-delà
Filtre par Catégories De Projets
Tout sélectionner
Films
Jeu de Rôle

Créer un livre électronique au format epub3, partie 3 : dessine-moi un ePub

Créer un livre électronique au format epub3, partie 3 : dessine-moi un ePub

Créer un livre électronique au format epub3, partie 3 : dessine-moi un ePub

Dans cette triple série d’articles, Making of a bookCréer un livre électronique au format ePub3, et Making of an (audio)book, je vous propose le résultat de mes recherches, de mes essais et de mes explorations diverses et variées sur la façon de produire un livre, respectivement en format papier, en format électronique, et en format audio. Ces articles ont vocation à évoluer dans le temps, aussi n’hésitez pas à vous inscrire à la Newsletter d’écaille & de plume qui vous avertira de toute mise à jour.

Introduction

Nous avons vu dans les deux premiers volets de cette série comment structurer la mise en forme de votre livre pour rapidement le transformer en version électronique, puis l’anatomie d’un livre électronique au format ePub3.

Vous êtes maintenant prêts à réaliser votre premier livre en ePub3.

C’est une étape qui peut facilement intimider.

Il faudra manipuler du code informatique.

Il faudra faire des tests.

Il faudra ciseler votre livre pour qu’il atteigne vos critères de qualité.

Si produire un livre papier est finalement assez naturel, le façonnage d’un livre électronique l’est beaucoup moins à ceux qui ne sont pas familiers de l’univers du code informatique.

Si j’osais une comparaison, vous allez devoir vous transformer en joaillier, car les outils dont nous disposons actuellement sont aussi versatiles que les normes des livres électroniques elles-mêmes, et aussi délicats à manier que pour la taille d’une pierre précieuse. Un simple geste de travers et votre émeraude peut rapidement être gâtée.

Mais il y a une bonne nouvelle. Des petits lutins industrieux sont là pour vous aider, comme Jiminy Panoz, par exemple, qui œuvre depuis des années pour rendre la production de livres électroniques plus simple, plus opérante, plus fluide, et plus satisfaisante pour le lecteur comme pour l’éditeur et l’auteur lui-même.

Le seul écueil encore sur votre chemin reste que nombre de ces lutins, dont Jiminy lui-même, exposent souvent leurs idées, leurs astuces, leurs méthodes, dans la langue de l’auteur du Songe d’une nuit d’été.

Je vais donc vous présenter ici ce que j’en ai retenu pour ouvrager mes propres livres. Ce sera une base je l’espère suffisante pour que vous puissiez commencer vous aussi.

Et une fois que vous les aurez maîtrisées, sans doute serez-vous prêts à en apprendre plus dans les multiples sites spécialisés qui sont hébergés sur la Toile, en anglais.

Les outils

Bien évidemment, il serait trop simple que les mêmes outils que vous avez enfin maîtrisés pour votre livre papier puissent vraiment servir pour votre livre électronique.

Même si Jiminy Panoz a conçu un petit plug-in pour InDesign permettant de facilement transposer votre maquette papier en numérique, il vous sera nécessaire, à un moment où à un autre, de mettre les mains dans le moteur. Aussi suis-je partisan d’une méthode plus artisanale, même si, vous le verrez, l’automatisation pourra être d’une certaine utilité.

Le prérequis

N’espérez pas aborder cet article facilement sans avoir au moins quelques bases dans deux langages très simples de l’informatique actuelle : le HTML5 et le CSS3. Vous pourrez faire comme moi et suivre les cours d’openclassroom à cette adresse. La pédagogie est très didactique et vous apprendrez très rapidement les quelques rudiments qui vous seront nécessaires pour comprendre ce dont nous allons parler.

Le HTML5 servira à coder le texte de votre livre. Chaque chapitre ou section importante de votre livre sera un fichier HTML5. À l’intérieur de chacun de ces fichiers, chaque paragraphe sera encadré de balises, probablement des balises <p>, ou <span>, ou <i> ou <b>. Vos citations seront soit des <blockquote> soit des <cite>. Votre table des matières sera encadrée dans une balise <nav>.

Une grande partie de cette structure de base sera déjà faite pour vous lors de l’exportation de votre texte depuis Scrivener, aussi n’aurez-vous qu’à la peaufiner ou la corriger à la marge.

Le CSS3, lui, sera la partie la plus ardue et la plus ingrate. Il contrôle la forme de votre livre, son apparence dans l’application de lecture. Bref, c’est lui qui contient la matière de vos styles, ceux que vous avez conçus dans la version papier, et que vous devez transposer (sans toujours y coller parfaitement) dans une version numérique. C’est sur cette transposition que va porter l’essentiel de notre travail.

Espresso

Pour écrire ou corriger du code numérique, on peut utiliser un simple éditeur de texte comme Notepad ou Textedit. Un fichier de code n’est en effet rien d’autre qu’un fichier de texte dont l’extension est un peu différente.

Mais il est plus aisé et plus confortable d’utiliser un logiciel qui possède quelques fonctionnalités dédiées, comme la coloration du texte en fonction de la structure du code (les instructions d’une couleur, les variables dans une autre), l’indentation automatique (chaque balise étant indentée en fonction de sa place dans l’imbrication), ou même la fermeture des balises avec des raccourcis (car une balise doit toujours être refermée lorsqu’elle se termine).

C’est pour cela que j’ai choisi Espresso.

Facile à prendre en main, épuré visuellement, il permet néanmoins de garder un œil sur la structure de livre ePub (le volet sur la gauche) et sur celle du fichier lui-même (le volet sur la droite) en même temps que l’on inspecte ou modifie le code (fenêtre principale) et que l’on navigue dans divers fichiers en utilisant les onglets sur la barre supérieure. On peut également visualiser facilement le résultat final, dans le navigateur web de son choix, en cliquant sur l’icône en forme de boussole.

Il possède une fonction de recherche et de remplacement satisfaisante et maîtrise les règles du HTML5 comme du CSS3.

Blitz

Blitz est la pièce maîtresse de la conception de mon fichier de style en CSS3.

Mis à disposition et régulièrement mis à jour par Jiminy Panoz, Blitz est un framework, un cadre de travail dans la langue de Molière, qui a été pensé et peaufiné pour faciliter le casse-tête habituel que l’on peut rencontrer en essayant de rendre homogènes les styles que l’on a conçus pour son livre électronique.

Et surtout pour les rendre opérants sur presque toutes les solutions de lecture numérique.

Car le monde numérique a un gros désavantage sur le monde papier : là où un livre papier se présentera toujours sous la même forme quelles que soient les mains qui le tiendront, chaque application de lecture va traduire un peu différemment le même code et vous allez donc obtenir un rendu différent à chaque fois. Il est donc rare que deux lecteurs aient la même présentation de votre livre sur leur liseuse, sauf s’ils utilisent le même modèle, mais aussi la même version de l’appareil, ainsi que le même système d’exploitation, avec la même version…

Afin de remédier à cela, Blitz propose une façon originale de concevoir votre code CSS3, grâce à des briques simples déjà codées pour vous, que vous pouvez d’abord paramétrer.

Ainsi, il suffit de partir de la définition simple en phrases de ce que l’on veut obtenir, de chercher quelles briques de Blitz correspondent, de les paramétrer, puis de compiler le résultat.

Compiler ? Encore ?

Oui, comme Scrivener, Blitz est une sorte de traducteur, et l’obtention de votre code final (ou du moins de sa version préfinale, avant vos petits ajustements de dernière minute) est la dernière étape de la traduction.

Car Blitz n’utilise pas à proprement parler du CSS3.

Il traduit plutôt la conception de vos briques depuis un langage un peu plus évolué, nommé le LESS (petit jeu de mots anglais sur « less » qui veut dire « moins », car le code est souvent plus court), capable entre autres d’adapter une propriété CSS à des conditions précises, ce que ne permet pas nativement le CSS3.

LESS et CSS sont très proches, aussi n’aurez-vous aucun mal à vous adapter à ses particularités.

Crunch 2

Crunch est comme Espresso, un éditeur de code. Mais il permet gratuitement de travailler sur du code LESS, et de le compiler ensuite en CSS3 (il le « crunche » pour employer le mot franglais exact). C’est donc lui qui sera votre première interface avec les briques de Blitz.

Il se présente un peu comme Espresso : volet de gauche montrant la structure du framework LESS de Blitz, éditeur dans la fenêtre principale, des onglets au-dessus.

La structure de l’ePub

Tout commence bien sûr avec l’ossature de votre livre électronique. Comme nous l’avons vu dans le volet précédent, un ePub est structuré d’une façon très précise. C’est par cette structure que vous devez débuter la réalisation.

Plusieurs possibilités s’offrent à vous.

La construire vous-même. Fastidieux, mais possible.

Vous servir du modèle que je vous ai déjà livré dans les épisodes précédents de cette série d’articles.

Vous servir du fichier que Scrivener va compiler pour vous lorsque vous aurez terminé la rédaction et la correction de votre manuscrit.

Vous servir de la structure déjà fournie avec Blitz de Jiminy Panoz.

J’ai moi-même fait un petit mélange entre les solutions 2 et 4. La structure que je vous ai déjà fournie est donc basée sur celle de Blitz, avec quelques modifications personnelles.

Ainsi, j’ai choisi de séparer dans des dossiers différents certains éléments de l’OEBPS. J’ai donc un dossier Fonts pour les fontes de caractères, un dossier Images, un dossier Styles pour les fichiers CSS3, un dossier Texte pour tout ce qui touche aux pages du livre.

Pour ouvrir cette structure, il suffit de demander à Espresso d’en faire un Projet.

Il va présenter la hiérarchie de votre dossier sur la gauche, et en double-cliquant sur chaque fichier, vous pourrez l’ouvrir dans son interface.

L’avantage du squelette de Blitz réside dans le fait qu’il intègre des fichiers codés spécifiquement pour certaines pages spécifiques d’un livre. La couverture (cover.xhtml), la dédicace (dedication.xhtml), mais aussi la bibliographie, l’index, le glossaire, les remerciements, la préface, l’avant-propos, l’épilogue, et j’en passe. Chacune de ces pages contient un code epub:type qui permet de la caractériser de façon correcte pour que votre livre respecte la norme sémantique ePub3.

Vous n’aurez que trois choses à modifier sur chaque page.

Le xml:lang=”en” qui déclare que la langue principale est en anglais devra contenir la variable « fr » puisque vous écrirez en français.

Le nom éventuel des fichiers de style (ici c’est blitz.css et blitz-kindle.css) pour coller à vos propres styles. J’ai pour ma part conservé les noms originaux.

Le code de votre chapitre à la place de la balise de commentaire <!– Your contents here –>.

Vous voici prêts à débuter.

Toujours une question de styles

Quel est le vôtre ?

Êtes-vous du même genre que moi, à essayer de trouver une identité graphique très codifiée pour vos écrits, avec l’idée sous-jacente que, en papier ou en numérique, un de vos ouvrages doit être reconnaissable entre mille ?

Ou avez-vous en tête que la forme d’un livre doit être assez standard ?

Quoi qu’il en soit, vous devez déterminer quels seront les styles utilisés par votre texte.

Comment les paragraphes vont-ils apparaître ? Seront-ils indentés ou séparés par un petit espace, ou bien les deux (ce que je trouve personnellement hideux, mais tous les goûts sont dans la nature) ? Quelle police de caractère allez-vous utiliser ? Allez-vous utiliser les césures ?

Une fois que vous aurez les réponses à toutes ces questions, vous aurez déjà construit la plus grande partie de vos styles.

Mon flux

Comme pour la version papier, je pars de la base de mon manuscrit dans Scrivener.

Nous l’avons déjà vu dans l’article sur la version papier, je me sers d’un format de compilation particulier.

Pour la version papier je compile dans le format .rtf, pour la version électronique je me sers du format ePub3 que Scrivener génère.

Un texte marqué avec un nom de style particulier dans Scrivener (ou dans Word ou dans LibreOffice) gardera attaché le nom de ce style une fois compilé.

Ainsi, comme nous l’avons vu, j’ai créé un style dans Scrivener qui me permet de marquer les portions de texte qui sont vues par un autre angle, ou qui désignent une scène décalée temporellement ou spatialement, des flashbacks.

La compilation de Scrivener peut marquer le texte stylé pour le lier à la feuille de style CSS.

Il n’est donc besoin que ne marquer une seule fois le texte original, pour y appliquer ensuite les styles propres à chaque canal de diffusion : livre papier dans InDesign, livre électronique dans Espresso ou Sigyl.

Les styles nécessaires

Pour un livre électronique, vous allez avoir besoin de créer quelques styles.

  • Bien sûr, le style de votre texte (parfois il peut y en avoir plusieurs, d’ailleurs).
  • Le style des titres de chapitre.
  • Le style du nom de l’auteur.
  • Le style de l’éventuelle collection ou de l’éventuelle série.
  • Le style des mentions légales.
  • Le style du titre du livre.
  • Le style de la table des matières.

Il sera inutile de prévoir des styles de numéros de page, puisque la lecture électronique se distingue justement par le fait que c’est l’application de lecture qui gère ce genre de choses, pas l’auteur ou l’éditeur.

D’ailleurs, une précision importante qu’il est sans doute bon de rappeler même si nous l’avons évoquée dans le premier volet de cette série est que le lecteur pourra, en version numérique, agir sur la forme que vous avez voulu donner à votre livre. Il pourra en changer les styles à sa convenance. Augmenter la taille de la police de caractères, aligner le texte à gauche ou le justifier, en changer la couleur, voire changer complètement la police de caractères ou même passer l’application en mode nuit.

Au final, votre feuille de style si patiemment élaborée ne sera qu’une proposition que le lecteur sera libre ou non d’accepter.

Je sais, c’est frustrant.

Mais c’est le jeu.

C’est pour cela que je prévois d’insérer au début du livre une page dénommée « Avertissement » dans laquelle j’indique au lecteur que l’ouvrage a été pensé avec une maquette numérique en tête, et qu’il pourra tirer le meilleur parti de sa lecture en activant ces styles.

Pour revenir à nos moutons, il se peut que vous ayez besoin de créer d’autres styles pour des raisons inhérentes à votre projet ou à votre texte (par exemple, le style de mes scènes intriquées, ou un style imitant un message informatique ou SMS).

Dans tous les cas, ce sont globalement les mêmes que dans votre projet Scrivener. À la différence près que les styles de Scrivener ne servent que pour marquer le texte sans véritablement lui donner une identité, et que cette dernière est définie dans les styles de la feuille CSS3.

Par exemple, mon corps de texte est défini pour ma maquette papier par un style de paragraphe justifié, sans retrait global, mais avec un retrait de première ligne, et un style de caractère de fonte Sorts Mill Goudy normal de corps 10 pixels avec un interlignage de 13 pixels, des ligatures communes et discrétionnaires activées.

La fonte Sorts Mill Goudy est assez bien adaptée à la lecture numérique (contrastes assez forts pour éviter les confusions de lettres, jambages assez grands), j’ai donc décidé de la garder, ce qui crée une unité d’identité entre les deux versions. Mais sur une tablette une taille de 10 pixels est trop faible pour être agréable. J’ai donc basculé sur une taille de 15 pixels, et gardé un interligne de 1,3, ce qui permet de conserver un aspect cohérent avec les proportions de la version papier. Quant aux ligatures, elles sont activées si l’application de lecture le permet, grâce à une astuce particulièrement maligne de Blitz que nous verrons plus tard, nommée « amélioration progressive » par Jiminy Panoz.

Compiler l’ePub depuis Scrivener

Une fois dressée la liste de vos styles, l’étape suivante est d’obtenir une version préliminaire de votre texte traduit dans le format ePub3. C’est le traditionnel passage par la compilation de Scrivener.

La version 3 du logiciel est en effet capable d’exporter votre texte dans le format ePub3, même si ce n’est pas avec le même raffinement que notre travail artisanal. Je me sers donc de cette base pour obtenir le code HTML5 de chaque chapitre de mon livre.

La marche à suivre vous est maintenant familière depuis que nous l’avons apprivoisée avec la version papier.

En sélectionnant Fichier > Compiler… vous êtes conduits à la fenêtre de compilation.

Vous pouvez vous servir du format de compilation Publication que je partageai avec vous il y a quelque temps déjà.

Dans ce cas vous le sélectionnez, et veillez ensuite à ce que le format de sortie soit ePub3. Vous cochez les chapitres que vous voulez inclure dans la compilation, ainsi qu’éventuellement la préface et la postface, et vous cliquez sur Compiler.

Scrivener crée donc un fichier ePub totalement fonctionnel, mais assez brut, dont nous ne garderons que les fichiers correspondants aux chapitres.

Pour ce faire, il faut ouvrir l’ePub avec ePub Packager, et extraire les fichiers HTML5 de votre texte. Pour ma part je les mets dans un dossier rangé à part. Et je détruis ce qu’il reste de l’ePub généré par Scrivener.

Petite incursion dans mon format de compilation

Au passage, nous pouvons détailler un peu le format de compilation Publication d’écaille & de plume, afin de vous montrer une petite astuce qui permettra que tous vos styles soient correctement marqués par Scrivener pour être parfaitement reconnus dans la feuille de style CSS3.

En vous rendant sur Fichier>Compiler… puis en faisant un clic droit sur le format de Publication, vous entrez dans la modification du format de compilation.

Sur la colonne de gauche, sélectionnez ePub3 pour faire apparaître les réglages spécifiques à cette exportation.

Puis descendez dans la colonne et cliquez sur Styles.

Cliquez sur le Style Scène intriquée. Vous vous rappelez ? C’est le style que j’ai créé dans Scrivener pour marquer les passages de flash-back ou de scènes qui se déroulent à un autre endroit en même temps dans le texte.

Dans la colonne de droite vous allez remarquer que dans la case CSS Class Name, j’ai noté italic.

Lors de la compilation de mon texte, les paragraphes qui seront marqués dans Scrivener comme des Scènes intriquées seront marqués dans le codage HTML5 avec la classe CSS3 italic, qui sera utilisée plus tard pour rendre leur apparence différente de celle des autres paragraphes.

Ainsi, automatiquement, tous mes paragraphes seront marqués sans que j’aie à m’en soucier.

De la même façon, j’ai créé un style de caractère pour les quelques premiers mots d’un chapitre, que j’ai nommé Première phrase de chapitre. Et son CSS Class Name sera first-sentence, qui fera référence au même nom dans la feuille de style CSS3 générée là encore automatiquement par Blitz une fois que vous l’aurez correctement paramétré.

Malin, non ?

Bien utilisée, la combinaison Scrivener/Blitz va vous faire gagner beaucoup de temps.

Blitz krieg

Une fois le texte exporté en HTML5, il est temps de nous occuper de la traduction de vos styles en CSS3.

C’est le rôle de Blitz, que vous pouvez télécharger ici. Vous aurez aussi une documentation (en anglais, mais très intéressante) ici. Je vais essayer pour ma part de vous guider dans ce que j’ai retenu de son utilisation, en me basant sur le tutoriel d’introduction mis à disposition par Jiminy lui-même sur Medium.

Il faut considérer Blitz comme un jeu de construction, où chaque brique peut être paramétrée.

Blitz comme une API

On peut tout d’abord se servir de Blitz comme d’un générateur de classes CSS, c’est-à-dire comme une base de code qui permet de donner des propriétés esthétiques et de positionnement à une balise HTML.

Par exemple, si nous voulons que les paragraphes simples du texte soient indentés et justifiés, il suffira d’attribuer les classes correspondantes (indent et justified respectivement) comme classe à nos balises <p> et Blitz aura généré le code tout seul. Cela donnera le code suivant dans le fichier HTML de votre chapitre.

<p class="indent justified">Ceci est un paragraphe indenté et justifié</p>
Un paragraphe inventé et justifié grâce aux classes CSS3

Dans ce cas-là, vous pouvez simplement vous servir du fichier blitz.css déjà fourni par Jiminy Panoz dans l’archive zip que vous avez téléchargée, et appeler les classes CSS qu’il a déjà paramétrées lorsque vous en aurez besoin pour votre texte.

Mais cela suppose que vous précisiez à chaque ligne de votre texte comment styler le paragraphe. Même avec les fonctions de recherche et de remplacement des logiciels, c’est fastidieux, car il faudra probablement que vous vérifiiez à chaque fois que votre paragraphe doit bien être stylé de cette façon. Si au beau milieu de votre texte vous avez des paragraphes de flash-back que vous vouliez présenter différemment (par exemple sans indentation), il vous faudra parcourir tout le texte pour faire vos modifications.

De plus, vous n’utiliserez alors que les classes principales de Blitz, en vous fermant la possibilité dont nous parlions tout à l’heure, c’est-à-dire l’amélioration progressive.

L’amélioration progressive

C’est un constat frustrant que chaque solution de lecture gère les possibilités de codage différemment, et que selon que votre lecteur utilisera une tablette Kobo ou Kindle, un iPad ou un ordinateur votre style apparaîtra différemment, mais aussi qu’il est possible qu’une application de lecture qui ne supporte pas les ligatures pour votre texte, par exemple, pourra très bien arrêter de comprendre votre fichier CSS complètement, ce qui engendrera un gros bug visuel et gâchera l’expérience de lecture d’une façon extrêmement désagréable.

Pour remédier à cela, et pour tout de même présenter à vos lecteurs ce que vous aviez prévu, l’amélioration progressive pose les fonctionnalités par couches successives. La base de votre présentation sera celle qui sera lisible par toutes les applications de lecture. Puis vous prévoirez dans votre fichier les fonctionnalités qui pourront apparaître si l’application les supporte. Ainsi, votre texte pourra être lisible dans tous les cas, et s’améliorera en présentation en fonction des capacités de l’application de lecture.

Blitz gère ça avec ce que l’on appelle les media-queries (ou requêtes de média en bon français) qui permettent de poser des conditions au code.

Par exemple, avec la syntaxe

@supports {amélioration{mettre en place l’amélioration}}

votre application de lecture saura quelle amélioration enclencher si elle est capable de la supporter. Les applications qui ne sauront pas le faire en resteront aux fonctionnalités basiques que vous aviez déjà prévues, voire aux fonctionnalités codées dans la syntaxe

@supports not {amélioration{fonctions basiques en cas de non-support}}.

Construction modulaire du fichier LESS

L’autre façon, la meilleure, de se servir de Blitz, est de construire un fichier CSS sur mesure.

Pour cela, nous allons faire nos paramétrages dans Crunch 2. Après avoir ouvert le logiciel, cliquez sur l’icône de dossier avec un signe + et ouvrez le dossier LESS. Puis parcourez l’arborescence de fichiers sur le volet de gauche. Si vous double-cliquez sur le fichier blitz.less, il sera ouvert dans la fenêtre principale.

Le fichier blitz.less

Ce fichier est le moteur du générateur Blitz. C’est lui qui détermine quelles options vous sont ouvertes pour générer le code CSS3 final.

La partie Namespaces permet de déclarer les normes auxquelles le fichier se réfère.

C’est ici que l’on peut déjà commencer à déclarer les fontes particulières que vous voudrez utiliser dans votre texte. Par exemple, pour ma police Sorts Mill Goudy, il suffit que j’insère la référence, en n’oubliant pas de spécifier à quel endroit de l’ePub se trouve le fichier de la fonte (ici dans le dossier Fonts).

Ainsi :

@font-face {
font-family: 'Sorts Mill Goudy';
src:  url('../Fonts/GoudyStM.otf');
}

@font-face {
font-family: 'Sorts Mill Goudy italic';
src:  url('../Fonts/GoudyStM-Italic.otf');
}
Déclaration des fontes utilisées

Vous pouvez par contre remarquer que la partie Begin CSS (début du CSS) contient 6 parties.

Les références sont des fichiers qui ne seront pas intégrés dans le code final, mais qui servent à paramétrer d’autres parties du code.

La partie core (ou noyau) est le cœur des variables qui vont générer le rythme des espaces et du texte, gérer les distances entre les paragraphes, les lignes, les tailles des caractères.

La partie base contient les styles qui sont nécessaires à presque tous les ouvrages électroniques.

Les extensions sont des petits ajouts qui vous seront peut-être utiles.

Les utilities (ou utilitaires) sont des références qui sont exportées par défaut dans le code final.

Enfin, le plug-in kindle permet de générer quelques spécificités pour le système de lecture d’Amazon.

Comme j’ai envie de me servir des fonctions d’amélioration progresives de Blitz, j’ai déplacé le fichier blitz-progressive.less dans la partie utilitaires et j’ai enlevé la parenthèse qui le marquait comme référence. Ainsi, le code CSS généré contiendra les styles rattachés à des fonctions avancées. De la même façon, comme j’ai besoin de paramétrer les césures (hyphens en anglais), pour le fichier hyphens.

Le noyau : variables.less

Il y a là deux réglages fondamentaux qui peuvent être très utiles si vous avez l’intention de doter votre ePub3 de polices de caractère un peu différentes de celles qui sont fournies par les applications de lecture. Il s’agit de la taille du corps de votre police (@body-font-size) et de la hauteur de l’interligne (@body-line-height). Par défaut, le premier paramètre est à 16 pixels et le deuxième à 1,5.

Ce réglage fonctionne avec la plupart des fontes.

Pour ma part, afin de caler l’impression de lecture sur la version papier, j’ai utilisé une fonte un peu haute (Sorts Mill Goudy), qui donne donc une impression massive inélégante en taille 16 pixels. Et le rythme de succession des lignes semble plus harmonieux avec un interligne réglé à 1,3. J’ai donc simplement changé ces réglages. Je n’ai rien touché d’autre.

Pour ce qui est du deuxième fichier du dossier core, rythm.less, je n’y ai pas touché non plus. Il s’agit d’un algorithme savamment dosé que je ne voulais pas casser.

La base

Ce sont les fondations du code CSS qui sera généré.

La première fondation est ce qu’on appelle le reset. Il remet à zéro tous les réglages que l’application de lecture peut avoir modifiés auparavant. Cela vous assure que votre code sera toujours basé sur quelque chose de propre, puisque remis à zéro. Il n’est pas nécessaire de toucher ce fichier.

Ensuite vient le fichier page.less. Il règle les paramètres d’une page de votre livre. Là encore, à moins que vous ne préfériez augmenter les marges de votre page, pas besoin d’y toucher.

La typographie

Le fichier typo.less est celui que vous allez le plus modifier.

C’est ici que vous allez pouvoir déterminer que tous vos paragraphes <p> seront indentés et justifiés par défaut, par exemple. Il suffit pour cela de trouver la classe <p>, et de lui appliquer une classe indent et justified. Car, oui, contrairement à un code CSS, un code LESS peut imbriquer des classes les unes aux autres.

C’est la puissance de la modularité de Blitz.

Les classes déjà paramétrées par Jiminy peuvent être utilisées comme des briques qui vont construire vos propres classes.

Par exemple, pour construire mon style de paragraphes pour le copyright, dénommé bien entendu copyright, voici le code LESS que j’ai inséré dans ce fichier.

.copyrights {
.fs-s;
.no-indent;
.disable-hyphens;
.align-center;
}
Code LESS pour construire une paragraphe de copyright de façon modulaire avec Blitz

Il déclare que la taille de la police doit être petite, qu’il ne doit pas y avoir d’indentation ni de césure, et que le paragraphe doit être centré. Sans utiliser une seule ligne de code CSS ! Il suffit de décrire ce que vous voulez voir, et Blitz le code pour vous…

De même, pour l’amélioration progressive.

Si je veux que mes paragraphes utilisent les ligatures (clig, les ligatures communes, dlig, les ligatures discrétionnaires), le code LESS sera :

p {
    .indent;
    .justified;
    .supports-clig({
    .clig;
  });
.supports-dlig({
    .dlig;
  });
}
Code LESS d'amélioration progressive sur les ligatures de texte

La compilation du fichier LESS en CSS

Il existe une multitude d’autres choses que vous pouvez paramétrer avec Blitz, notamment comment les images seront gérées, comment certains objets seront centrés, comment la hauteur de certains objets (dont les images) pourra être déterminée par la hauteur de l’écran de l’appareil de lecture, etc. Mais cela n’entre pas dans le cadre de cet article.

Sachez seulement que le principe sera toujours le même, celui de la modularité.

Et une fois que vous avez complété votre paramétrage de tous les fichiers contenus dans le framework LESS, il est temps de compiler votre fichier CSS3 final. Dans Crunch 2, il suffit de cliquer sur l’icône en forme de d’étau ou de C majuscule sur la droite de la fenêtre.

Et voici le fichier qui sera exporté.

@charset "UTF-8";
/* blitz — CSS framework for reflowable eBooks
Version 1.1.2 by Jiminy Panoz
Codename: Idle in Kangaroo Court W1
License: MIT (https://opensource.org/licenses/MIT) */
/* NAMESPACES */
@namespace h "http://www.w3.org/1999/xhtml/";
@namespace epub "http://www.idpf.org/2007/ops";
/* if you need to style epub:type */
@namespace m "http://www.w3.org/1998/Math/MathML/";
/* if you need to style MathML */
@namespace svg "http://www.w3.org/2000/svg";
/* if you need to style SVG */
@font-face {
font-family: 'Sorts Mill Goudy';
src: url('../Fonts/GoudyStM.otf');
}
@font-face {
font-family: 'Sorts Mill Goudy italic';
src: url('../Fonts/GoudyStM-Italic.otf');
}
html {
/* Don't use it for styling, used as selector which can take a punch if anything goes wrong above */
}
/* Begin CSS */
/* RESET */
/* So here's the trick, we must reset to manage a number of problems once and for all:
- HTML5 backwards compatibility (EPUB 3 file in EPUB 2 app);
- user settings (e.g. line-height on Kobo and Kindle);
- CSS bloat (DRY);
- KFX for which a reset using `border: 0` seems to disable support;
- etc.
It all started as a normalize and became a reset given the magnitude of the task.
*/
article,
address,
aside,
blockquote,
canvas,
dd,
details,
div,
dl,
dt,
figure,
figcaption,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hr,
li,
main,
nav,
ol,
p,
pre,
section,
summary,
ul {
margin: 0;
padding: 0;
/* RS may apply vertical padding to el such as p */
font-size: 1em;
/* Font size in pixel disable the user setting in legacy RMSDK */
line-height: inherit;
/* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */
text-indent: 0;
font-style: normal;
font-weight: normal;
}
/* This is absolutely necessary for backwards compatibility */
article,
aside,
figure,
figcaption,
footer,
header,
main,
nav,
section {
display: block;
}
[hidden] {
display: none;
}

/* Le reste du Reset, que je ne retranscris pas ici... */

/* PAGE LAYOUT */
@page {
margin: 30px 30px 20px 30px;
/* Recommended by Barnes & Noble in this old spec: https://simg1.imagesbn.com/pimages/pubit/support/pubit_epub_formatting_guide.pdf */
padding: 0;
}
body {
font-size: 93.75%;
line-height: 1.3;
margin: 0;
/* RS will override margins anyways */
padding: 0;
widows: 2;
/* iBooks and Kobo support widows and orphans */
orphans: 2;
}
/* TYPOGRAPHY */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote p cite,
dt,
pre,
address,
table,
caption,
th,
td,
p,
.align-left,
.align-center,
.align-right,
.caption,
.no-hyphens {
adobe-hyphenate: none;
/* proprietary for Legacy RMSDK */
-ms-hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none;
-epub-hyphens: none;
hyphens: none;
}
/* Je ne retranscris pas non plus les codes pour les titres et on passe directement à ce que nous avons modifié dans Blitz */
p {
font-family: "Sorts Mill Goudy", "Minion Pro", "Iowan Old Style", Palatino, "Palatino Linotype", "Palatino Nova", "BN Amasis", Cambria, FreeSerif, "Times New Roman", serif;
text-indent: 1em;
/* Designed as a class for body — We don't enforce as user setting > author */
text-align: justify;
adobe-hyphenate: auto;
/* proprietary for Legacy RMSDK */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-epub-hyphens: auto;
hyphens: auto;
/* before and after not in spec but iBooks support all three (-webkit-) */
-ms-hyphenate-limit-lines: 2;
-moz-hyphenate-limit-lines: 2;
-webkit-hyphenate-limit-lines: 2;
hyphenate-limit-lines: 2;
/* No support except Trident (Windows) */
-ms-hyphenate-limit-chars: 6 3 2;
-moz-hyphenate-limit-chars: 6 3 2;
-webkit-hyphenate-limit-before: 3;
-webkit-hyphenate-limit-after: 2;
hyphenate-limit-chars: 6 3 2;
/* No support except Trident (Windows) */
-ms-hyphenate-limit-zone: 10%;
-moz-hyphenate-limit-zone: 10%;
-webkit-hyphenate-limit-zone: 10%;
hyphenate-limit-zone: 10%;
/* No support */
-ms-hyphenate-limit-last: always;
-moz-hyphenate-limit-last: always;
-webkit-hyphenate-limit-last: always;
hyphenate-limit-last: always;
}
@supports [1]-ms-font-feature-settings: "liga") or (-webkit-font-variant-ligatures: common-ligatures) or (font-variant-ligatures: common-ligatures {
p {
-ms-font-feature-settings: "liga";
-webkit-font-variant-ligatures: common-ligatures;
font-variant-ligatures: common-ligatures;
}
}
@supports [2]-ms-font-feature-settings: "dlig") or (-webkit-font-variant-ligatures: discretionary-ligatures) or (font-variant-ligatures: discretionary-ligatures {
p {
-ms-font-feature-settings: "dlig";
-webkit-font-variant-ligatures: discretionary-ligatures;
font-variant-ligatures: discretionary-ligatures;
}
}
.footnote {
font-size: 0.93333333em;
line-height: 1.39285714;
text-indent: 0;
}
blockquote {
margin: 1.3em 5%;
}
blockquote p {
text-indent: 0;
font-style: italic;
}
blockquote p i,
blockquote p em,
blockquote p cite {
font-style: normal;
}
address {
/* Styles */
}
.copyrights {
font-size: 0.93333333em;
line-height: 1.39285714;
/* proprietary for Legacy RMSDK */
adobe-hyphenate: none;
/* proprietary for Legacy RMSDK */
-ms-hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none;
-epub-hyphens: none;
hyphens: none;
text-indent: 0;
/* Necessary as RS may define text-indent for p */
text-align: center;
}
.dedicace {
/* Don't use that with span if i, cite, dfn or em can be used */
font-style: italic;
/* proprietary for Legacy RMSDK */
adobe-hyphenate: none;
/* proprietary for Legacy RMSDK */
-ms-hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none;
-epub-hyphens: none;
hyphens: none;
text-indent: 0;
/* Necessary as RS may define text-indent for p */
text-align: right;
margin-left: 20%;
margin-top: 5.2em;
}

/* FIGURES + IMAGES */
figure {
page-break-inside: avoid;
break-inside: avoid;
margin: 1.3em 0;
}
figcaption,
.caption {
font-size: 0.93333333em;
line-height: 1.39285714;
text-indent: 0;
}
img {
width: auto;
max-width: 100%;
/* Note: KF8 doesn't support max-width hence "width: auto;" as fallback */
height: auto;
object-fit: contain;
}
/* Note: portrait image styling + figcaption is a nightmare */
/* See https://github.com/jstallent/ImagesSingleFile for the css hack */
img.portrait {
width: auto;
max-width: 100%;
/* Note: KF8 doesn't support max-width hence "width: auto;" as fallback */
height: 100%;
/* We try to prevent blank page after */
max-height: 95%;
/* Max value iBooks enforces */
}
.float-left img,
.float-right img {
width: 100%;
/* If it’s auto, image in floating container will overflow on Kobo iOS + Kindle */
}
@supports (height: 99vh) {
img.portrait {
height: 99vh;
}
}
/* ETC... */
Le fichier CSS3 exporté par Blitz

C’est ce fichier qui déterminera l’apparence de votre livre. Et vous l’aurez créé en un minimum d’effort.

Merci Jiminy !

Greffe des chapitres créés par Scrivener

Il est temps de greffer les chapitres exportés par Scrivener dans la coquille pour l’instant presque vide de votre maquette d’ePub3.

Pour ma part, comme la partie <head> de ces fichiers n’est pas aussi optimisée que celle fournie par Blitz, j’ouvre chaque chapitre créé par Scrivener et je sélectionne tout ce qui se trouve entre les balises <body> et </body> du fichier. Je copie ce bloc, et le viens le coller à l’endroit où Blitz indique Your content here. Dans la maquette que je vous ai fournie, c’est à la place du code :

<p>Ici c’est votre texte qui prend forme.</p>

<p>le reste du texte</p>
Remplacez ce code par le corps de votre chapitre HTML

Et je recommence pour chaque chapitre en créant auparavant à chaque fois un fichier chapitre_numéro-de-chapitre.xhtml identique à ceux qui sont donnés en modèle.

Je n’oublie pas de déclarer chaque nouvel ajout dans le fichier opf, bien entendu (si vous ne vous souvenez plus de ce qu’est le fichier opf, faites un nouveau détour par l’épisode 2 de cette série, ePub Anatomy), en y notant dans le manifeste :

<item href="Texte/Chapitre_numéro-de-chapitre.xhtml" id="Chapitre_numéro-de-chapitre.xhtml" media-type="application/xhtml+xml"/>
Déclaration d'un chapitre du livre dans la manifeste du fichier opf

Et dans le spine :

<itemref idref="Chapitre_numéro-de-chapitre.xhtml" linear="yes" />
Déclaration d'un chapitre du livre dans le seine du fichier opf

 

Nettoyage des balises HTML

Cependant, comme Scrivener n’a pas de style pour les paragraphes classiques, il a la sale manie de coller un code de style sur chaque balise <p> qui n’a pas une classe CSS particulière. Cela se manifeste par une balise <span style=”color:#000000″></span> du plus mauvais effet.

Heureusement, il suffit de se servir de la fonction de recherche et remplacement d’Espresso pour remplacer d’abord la séquence de code <p><span style=”color: #000000″> par un simple <p>, puis la séquence </span></p> par un simple </p>.

Il ne faudra pas oublier de chasser les quelques balises </span> qui auront été oubliées, car contiguës à d’autres balises qu’à une balise </p>.

Une fois que cela sera fait, votre texte sera prêt. Vous avez fait le plus gros.

Vous pourrez aisément vérifier l’apparence de vos chapitres en visualisant le rendu grâce à la fonction d’Espesso le permettant (la boussole en haut de la fenêtre).

Les pages liminaires

Comme nous en avons déjà discuté dans l’épisode 2 de la série d’articles Making of a book, un livre ce n’est pas seulement que vos chapitres. C’est aussi d’autres pages comme une préface, un index, une bibliographie.

Chaque partie aura besoin d’un fichier de texte, comme chacun de vos chapitres.

De la même façon que vous l’avez fait auparavant, vous devrez y importer votre texte.

Et soit vous aurez déjà pensé vos styles auparavant (c’est par exemple ce que nous avons fait avec la classe CSS3 copyright dont nous parlions auparavant, et qui servira aux mentions légales de votre livre) ce qui vous fera gagner du temps puisque vous n’aurez qu’à appliquer le style correspondant à vos balises HTML, soit vous avez décidé d’utiliser les classes préfabriquées par Blitz pour déterminer a posteriori quelle apparence auront ces pages.

Dans ce dernier cas, vous allez devoir coder votre page HTML dans Espresso pour ajouter des classes et visualiser le rendu ensuite dans un navigateur internet de votre choix ou dans celui du logiciel lui-même, qui est assez bon pour cela je trouve. Cela peut être long, mais heureusement il y a souvent peu de texte dans les pages liminaires par rapport au corps d’un livre.

La navigation : fichier nav

Comme nous l’avons vu dans l’épisode 2 de cette série, ePub Anatomy, un ePub3 a besoin d’un fichier dédié à la navigation, encadré par des balises <nav epub:type=”toc”>.

Pour peaufiner votre livre électronique, vous aurez donc besoin de compléter ce fichier en y insérant les références de tous les chapitres de votre texte accessibles à la navigation, donc y compris les pages liminaires dont vous souhaiter intégrer les références dans le sommaire.

Ce sommaire est matérialisé par une liste en code HTML5, avec des balises <li> encadrées par une balise <ol>. Chaque ligne contient un lien avec une balise <a> qui mène au fichier correspondant au chapitre.

La navigation, fichier ncx

De la même façon, afin de garantir une rétrocompatibilité avec les solutions de lecture ePub2, il sera intéressant de remplir le fichier de navigation de cet ancien format, le fichier ncx.

Vous y mettrez les mêmes informations, mais codées différemment, entre des balises <navMap> encadrant des <navPoint>.

Les images

Les images sont parmi les objets les plus délicats à manier dans un fichier ePub.

Tout d’abord, elles doivent respecter certaines règles de taille et de poids.

En effet, l’iBookstore d’Apple exige que les images intérieures (même la couverture intérieure donc) ne dépassent pas les 4 millions de pixels.

Ensuite, le code CSS3 qui permet de les afficher correctement (notamment sans qu’elles soient coupées en deux entre deux pages) est assez complexe.

Enfin, leur positionnement est toujours délicat, notamment si vous voulez les centrer au milieu de la largeur de la page avec une taille définie.

C’est une des raisons pour lesquelles les modules de Blitz sont si intéressants. Ils ont été soignés pour éviter ces écueils.

Pour ma part, je fais un usage immodéré des classes Blitz telles que wrap-pourcentage qui permettent de centrer l’image en lui donnant une taille définie par le pourcentage indiqué, et portrait, qui permet de s’assurer que l’image est contenue au maximum de la hauteur de l’écran.

La couverture, elle, suit des règles différentes. Elle n’a notamment pas les limitations des images destinées à la maquette intérieure. Et elle est intégrée seulement dans le fichier qui contient le paramètre epub:type=”cover”.

On peut par contre lui appliquer les mêmes classes, notamment portrait.

Métamorphose en ePub

Une fois toutes ces étapes franchies, votre ePub est prêt à naître.

Il vous suffit de le glisser dans la fenêtre d’ePub Packager, puis de cliquer sur l’icône avec la flèche vers la droite notée Open. L’application vous ouvre une fenêtre qui montre l’emplacement de l’ePub généré.

Vous êtes presque au bout de vos peines. Normalement.

Le test ePubCheck

Car un ePub n’est pas vraiment un ePub tant qu’il n’a pas passé l’épreuve ePubCheck. Cette application en lignes de commande permet de savoir si votre fichier respecte bien toutes les normes de l’ePub, sur la forme comme sur le fond, sur le codage comme sur l’organisation et la hiérarchie, la syntaxe, bref : tout.

C’est un outil très pointilleux qui ne va laisser passer aucune erreur.

Aucune.

SAUF.

Certaines erreurs de frappe. Par exemple, comme cela m’est arrivé, avec des paramètres CSS tels que margin-left:20% si comme moi vous êtes étourdis et écrivez margin-left:2a0%.

L’ePub passera le test, mais sera affiché de façon complètement erratique sur une liseuse.

Le plus simple pour soumettre votre epub au test est cependant une interface graphique nommée ePubChecker, distribuée gratuitement par Pagina. Il suffit de glisser-déposer votre ePub dans la fenêtre d’ePubChecker, et l’application l’analyse, pour vous renvoyer les erreurs éventuelles, avec un écran rouge, ou vous avertir de la validation avec un écran vert.

Le test ultime : les différentes applications de lecture

Enfin, pour vous assurer que tout se passe bien, je ne saurai trop vous conseiller de tester votre fichier sur différentes applications de lecture, et au moins sur une liseuse, pour vous rendre compte du résultat en dehors d’un environnement informatique évolué qu’est l’ordinateur personnel.

Les liseuses embarquent des interpréteurs souvent plus tatillons que les navigateurs internet sur lesquels sont basés les logiciels tels qu’Espresso, par exemple.

Et comme nous venons de le voir, le test ePubCheck est incapable de donner un rendu de votre livre.

Il est donc important de savoir comment votre feuille de style se comporte sur une liseuse, si votre texte est lisible, formaté selon vos souhaits. En utilisant Blitz, vous avez une certaine garantie, mais même Blitz ne peut pas tout prévoir…

The eBook Identity, la Lecture dans la Peau

Vous savez dessiner un ePub3, mais il y a d’autres règles qui ne concernent pas véritablement le codage. Et vous devez les connaître pour que votre livre puisse véritablement avoir une identité.

Couverture, couverture

La couverture est la principale marque d’identité de votre livre. Comme nous en avons discuté pour la version papier, elle est l’interface avec votre public. Dans le cas d’un livre électronique, c’est même presque la seule, car c’est la couverture qui servira d’icône sur le bureau de votre ordinateur, comme elle servira d’image sur la page de la librairie en ligne.

Faites-en donc une version extrêmement haute définition, qui sera à fournir à votre libraire virtuel.

Quant à celle qui servira dans votre fichier lui-même, Apple recommande qu’elle soit au moins de 1440 pixels de large, et Amazon de 1660 pixels de large, mais n’hésitez pas à la faire plus grande encore. Par contre, optimisez-en son poids, afin de ne pas trop augmenter la lourdeur de votre fichier.

ISBN

Les livres numériques doivent avoir un ISBN, un numéro unique à treize chiffres qui identifie chaque édition de chaque ouvrage publié à travers le monde. Comme un livre numérique est considéré comme une édition différente de la version papier du même ouvrage si elle existe, son ISBN devra être différent.

Il devra être intégré dans le code du livre (dans le fichier opf), mais aussi visible par le lecteur (sur une page dédiée, appelée colophon, par exemple).

Nous discuterons d’ailleurs plus en détail des obligations légales diverses et variées dans un article dédié.

Dépôt légal

À la différence d’un livre papier, il n’existe pas d’obligation de dépôt légal d’un livre numérique en France.

Les robots de la Bibliothèque Nationale de France se chargent d’écumer le web à la recherche de tous les ouvrages numériques, et vous n’aurez donc pas de formalités à accomplir de ce côté-là.

It’s a Kindle of magic

Enfin, malgré le fait que le format Kindle ne soit pas vraiment de l’ePub3 vous serez obligés de proposer une version de votre livre adaptée à l’écosystème de lecture d’Amazon du fait de son extrême et écrasante majorité chez les possesseurs de ces applications de lecture.

La bonne nouvelle c’est que c’est presque Amazon qui le fait pour vous.

Il vous suffit de télécharger gratuitement Kindle Previewer 3, le logiciel maison d’Amazon chargé de la conversion vers le format propriétaire. Jiminy Panoz (encore lui !) en avait fait un petit article de test en 2016.

Une fois votre livre importé par simple glissé-déposé, KP3 mouline pendant un long moment et vous permet de simuler les applications Kindle sur différents appareils, afin d’en vérifier le rendu.

Vous aurez peut-être certains réglages à faire sur le fichier CSS3 spécifique généré par Blitz.

Puis vous sélectionnez Fichier>Exporter pour créer automatiquement une version Kindle de votre ePub3.

Étonnamment (ou pas), la version Kindle est toujours beaucoup plus lourde que la version ePub3.

Mais elle est indispensable.

Vers l’infini et au-delà

C’est le destin qui est maintenant promis à votre œuvre.

Vous avez en main deux versions de votre ouvrage, un fichier Kindle à mettre entre les mains des possesseurs de tablette Amazon, et un fichier ePub3 pour tous les autres.

Dans le prochain épisode, nous verrons comment les mener vers vos lecteurs.

Dans la mémoire du Serpent à Plumes

Filtrer par
Exact matches only
Contenu
Type de Contenu
Tout sélectionner
Articles
Pages
Projets
Téléchargements
Filtre par Catégorie
Tout sélectionner
Chimères Animées
Chimères Partagées
Devine qui vient écrire
L'encre & la plume
Le Serpent à Plumes
Le Serpent d'Hippocrate
Les Feux de la Rampe
Les Pixe-Ailes du Phœnix
Musique des Sphères
Vers l'Infini et Au-delà
Filtre par Catégories De Projets
Tout sélectionner
Films
Jeu de Rôle

References

References
1 -ms-font-feature-settings: "liga") or (-webkit-font-variant-ligatures: common-ligatures) or (font-variant-ligatures: common-ligatures
2 -ms-font-feature-settings: "dlig") or (-webkit-font-variant-ligatures: discretionary-ligatures) or (font-variant-ligatures: discretionary-ligatures
Le Choix des Anges disponible en version papier et numérique

Le Choix des Anges disponible en version papier et numérique

Le Choix des Anges disponible en version papier et numérique

Le grand jour est arrivé !

Après de nombreuses années d’efforts souvent entrecoupés hélas par les vicissitudes de la vie, je suis arrivé au bout de l’écriture de ce deuxième roman, puis au bout de sa préparation pour une publication en autoédition.

Le Choix des Anges est donc disponible à la vente tant dans sa version papier (livre broché de 296 pages en format A5, au prix de 12,66 €) que dans sa version numérique (format ePub, au prix de lancement de 2,99 €).

La version Kindle est retardée par le système de validation de KDP mais sera je l’espère disponible très vite.

Vos commentaires et vos partages sont bien entendu les bienvenus.

Télécharger un extrait

Télécharger un extrait

Version papier

  • Date de publication 2018 (1ère édition), 2021 (2e édition)
  • Urban fantasy
  • 292 pages
  • Format A5, couverture rigide à signet
  • ISBN 9791093734033
  • Prix : 24€
Acheter

Version numérique

  • Date de publication 2018 (1ère édition), 2021 (2e édition)
  • Urban fantasy
  • Format ePub3 compatible ePub2 et Kobo
  • 1,4 Mo sans DRM
  • ISBN 9791093734026
  • Prix : 5,99€
Acheter

Version livre audio

  • À paraître en 2021 (texte de la 2e édition)
  • Lu par l'auteur
  • Urban fantasy
  • Formats .mp3, .m4b
  • 40 Mo
  • Prix : 14€
Acheter

Dans la mémoire du Serpent à Plumes

Filtrer par
Exact matches only
Contenu
Type de Contenu
Tout sélectionner
Articles
Pages
Projets
Téléchargements
Filtre par Catégorie
Tout sélectionner
Chimères Animées
Chimères Partagées
Devine qui vient écrire
L'encre & la plume
Le Serpent à Plumes
Le Serpent d'Hippocrate
Les Feux de la Rampe
Les Pixe-Ailes du Phœnix
Musique des Sphères
Vers l'Infini et Au-delà
Filtre par Catégories De Projets
Tout sélectionner
Films
Jeu de Rôle

Making of a book, partie 3 : la Couverture à soi

Making of a book, partie 3 : la Couverture à soi

Making of a book, partie 3 : la Couverture à soi

Dans cette triple série d’articles, Making of a bookCréer un livre électronique au format ePub3, et Making of an (audio)book, je vous propose le résultat de mes recherches, de mes essais et de mes explorations diverses et variées sur la façon de produire un livre, respectivement en format papier, en format électronique, et en format audio. Ces articles ont vocation à évoluer dans le temps, aussi n’hésitez pas à vous inscrire à la Newsletter d’écaille & de plume qui vous avertira de toute mise à jour.

Version

2.0

}

Mise à jour

15/09/2021

Changement des versions
15/09/2021

  • Mise en avant d’Affinity Publisher et suppression de Pixelmator que je n’utilise plus.
  • Explication du processus à partir de BoD et non plus CreateSpace ou KDP parce qu’Amazon beurk !
  • Changement des images pour illustrer le processus.
  • Correction de fautes et coquilles.
Votre livre est écrit, mis en page, et le PDF est prêt à être envoyé à l’imprimeur, mais avant de pouvoir donner naissance à votre ouvrage, vous allez devoir lui créer une couverture.

Si le corps du texte est l’âme de votre livre, si les pages liminaires en sont les muscles, la couverture tient lieu de peau, d’enveloppe charnelle. Elle sera aussi le premier contact que votre lecteur ou votre lectrice auront avec lui. Ce premier contact, qui entre un humain et un livre est aussi important qu’entre deux humains, détermine souvent si votre œuvre va finir dans les mains de son public potentiel.

Tout comme nous prenons soin de notre apparence pour paraître à notre avantage en société, votre livre va devoir revêtir des atours séduisants s’il veut conquérir les yeux de vos lecteurs.

En effet, pour être lu, il faut donner envie d’être lu.

D’après ce que je viens d’écrire, on pourrait penser que la couverture se résume à son illustration, à des couleurs bien agencées, à quelque chose de publicitaire.

Il n’en est rien.

Le rôle de la couverture c’est aussi de proclamer le titre de votre livre. C’est aussi l’occasion d’inscrire le nom de l’auteur ou de l’autrice (vous, donc) même si certains se demandent si l’on peut accepter de ne pas figurer du tout comme l’auteur de son propre livre. On appose aussi le logo et le nom de l’éditeur (dans le cas de l’auto-édition, vous aussi), et l’on peut enfin trouver un résumé, une accroche, un « pitch » du livre, dans la fameuse quatrième de couverture dont nous discuterons plus tard.

La couverture est aussi l’endroit où sera visible le code ISBN à 13 chiffres qui permet de marquer chaque édition de chaque ouvrage édité dans le monde.

Comme vous pouvez le constater, une couverture n’est pas une chose si anodine ni si simple qu’il y paraît au premier regard.

Quelques exemples de couvertures de livres parmi ceux dont nous avons déjà parlé ici

Quels outils pour quelle couverture ?

Pour bien commencer, il faut d’abord savoir de quelle couverture l’on parle.

S’agit-il de la couverture de votre livre papier ? De celle de votre livre numérique ?

Car de la réponse va dépendre beaucoup. Notamment l’anatomie de votre fichier.

Couverture imprimée

Une couverture imprimée rassemble à la fois la première (page) de couverture (votre illustration et le titre du livre) et la quatrième (page) de couverture (nous en parlerons plus tard, mais en gros, le résumé de votre livre et quelques mots sur l’auteur ou l’autrice, c’est-à-dire vous), séparées par une tranche qui permettra la reliure des feuillets de papier.

Votre boulot est donc de concevoir trois maquettes en une, ce qui est loin d’être simple.

De plus il ne faut pas oublier que, puisque nos livres s’ouvrent vers la gauche, en Occident, votre quatrième de couverture se trouvera à gauche du fichier, puis vous placerez la tranche, puis la première de couverture.

Pour ce genre de réalisation, mon premier réflexe est d’abord de me servir de papier plié et de crayon pour créer une maquette que je puisse tenir dans mes mains et sur laquelle je puisse placer facilement et intuitivement ce que je désire faire figurer.

Puis vient l’étape informatique.

D’aucuns se servent de Photoshop (pourquoi pas ?), mais je n’aime pas l’idée de payer un abonnement pour utiliser un logiciel si j’ai le choix, et je préfère donc jeter mon dévolu sur d’autres outils.

Je me sers donc d’Affinity Designer, un logiciel de dessin vectoriel disponible à la fois sur Mac et PC, afin de réaliser les parties qui seront vectorielles (formes, logo), mais aussi afin de concevoir la mise en page et le placement des objets. Bien sûr il y a d’autres possibilités, cependant, comme j’utilise déjà Affinity Publisher pour la maquette intérieure de mon livre, l’intégration de Designer me semble clairement un atout dans mon flux de travail.

Couverture numérique

Elle se résume quant à elle à l’image de la première de couverture et aux informations essentielles qui pourront taper dans l’œil de votre lecteur potentiel. Ici, il n’est absolument pas besoin de quatrième de couverture incluse dans le fichier, mais plutôt d’identité graphique.

La quatrième de couverture sera plutôt placée dans les espaces prévus par la librairie en ligne ou la page web de votre site internet. Inutile donc de l’intégrer dans le fichier, même si, à titre personnel, j’aime bien mettre le pitch du livre au début de celui-ci, dans un livre électronique.

Je me sers du même logiciel que pour la couverture papier.

Et au final, je conçois d’abord la première de couverture en ayant les deux approches, papier et numérique, à l’esprit en même temps et en permanence.

Car si la caractéristique principale d’une couverture est d’installer une identité graphique, elle doit être plus marquée lorsque l’on a le numérique en tête. En effet, les ouvrages, dans une bibliothèque en ligne, sont rangés selon des icônes représentant la couverture, avec une taille assez petite. Il faut donc que votre couverture soit assez visible et surtout assez lisible pour le lecteur, même avec une taille, disons, de 256 pixels de large.

L’illustration de couverture

C’est elle qui va être votre plus grand défi, car c’est la pièce maîtresse de votre couverture.

Et soit vous êtes doué en dessin/peinture/infographie et dans ce cas vous n’avez même pas besoin de conseil.

Soit vous êtes comme moi, c’est-à-dire pas doué du tout, et vous avez deux solutions : trouver des illustrations du domaine public que vous travaillez avec votre logiciel préféré (c’est ce que j’ai fait, pas trop mal je crois, pour Le Choix des Anges dont l’illustration de couverture est de Gustave Doré, et pour Fæe du Logis qui reprend une illustration d’Arthur Rackham), ou engager un illustrateur qui réalisera un travail de commande pour vous.

La première piste n’est pas toujours facile, car il faut bien chercher pour trouver, parfois pendant très longtemps.

La deuxième vous coûtera de l’argent.

Mon conseil : si vous ne trouvez pas vite votre bonheur dans le domaine public, tournez-vous vers un illustrateur ou une illustratrice. Vous gagnerez du temps et l’argent sera bien investi.

J’ai eu de la chance, depuis le début de l’écriture du Choix des Anges, je lorgnais sur les planches de Gustave Doré, notamment celles qu’il a créées pour le Paradis Perdu de Milton. Je m’étais même servi de l’une d’elles pour le logo de mon éphémère studio de cinéma, le MacLeod Studio, il y a des années. Je n’ai donc pas eu à chercher trop loin. Mais si ça avait été le cas, j’aurai largement investi dans le travail d’illustration d’un professionnel.

Un titre de caractère

Dans le cas où vous réalisez votre illustration vous-même, veillez ensuite à positionner le titre de façon à ce qu’il soit bien visible et saute tout de suite aux yeux.

Vous aurez bien sûr pris la précaution de choisir correctement la police de caractères qui sera utilisée. Elle sera si possible différente de celle de votre corps de texte, ce qui créera une impression esthétique. Elle devra bien exprimer l’ambiance de votre livre, lui donner une couleur particulière.

Seul votre sens artistique sera le bon juge, mais rares sont les univers de space opera qui s’accommoderont d’une fonte gothique, ou les univers médiévaux qui seront bien exprimés par une fonte de style art nouveau. Encore que… là encore, les codes sont souvent là pour être brisés. Il « suffit » de le faire intelligemment…

La célèbre quatrième de couverture

Le cœur de la quatrième de couverture est le résumé ou l’accroche de votre livre, ce que les anglophones appellent le pitch. Il doit donner envie de lire votre livre, en posant les bases de l’ambiance, en présentant les personnages principaux et notamment le ou les héros/héroïnes, le début de l’intrigue.

C’est sans doute un élément à soigner particulièrement, car il est le pendant textuel de votre illustration de couverture. Il doit résonner avec cette dernière pour évoquer le sujet autant que l’ambiance de votre livre.

Vous pouvez aussi en profiter pour poser quelques mots sur votre biographie, pour vous présenter un peu. Je suis toujours très intéressé par le parcours des auteurs que je lis, et je me dis que cela doit être un peu la même chose pour beaucoup de lecteurs de par le monde. Mais je conçois parfaitement que d’autres n’aient pas ce besoin, aussi, loin d’être une obligation comme le résumé, la courte présentation que vous ferez de vous-même est-elle du ressort de votre propre feeling.

D’ailleurs, j’ai supprimé ma propre présentation de mes couvertures depuis la deuxième édition du Choix des Anges. Je trouvais que cela n’avait pas forcément sa place dans l’esthétique que je recherchais.

Encore une fois, tout est affaire de goût.

À chaque édition sa couverture

Car vos choix peuvent aussi changer en fonction de l’édition particulière d’un même texte.

Il se peut que vous ayez, comme la majorité des réalisauteurs et réalisautrices, commencé par publier votre texte chez Amazon, sous la forme d’un livre broché à couverture souple. Dans ce cas, vous avez probablement pensé la couverture comme une illustration pleine page avec des titres venant se placer par-dessus.

Imaginons que vous ayez envie de sortir une édition un peu plus luxueuse, ou une édition limitée, de ce même texte, sous la forme d’un livre à couverture rigide. Vous devrez alors de toute façon reprendre la conception de la couverture sur ses dimensions (vous devrez changer d’imprimeur car Amazon ne fabrique pas de couverture cartonnée), alors peut-être aurez-vous envie d’aller jusqu’à repenser complètement son design ?

C’est ce qui m’est arrivé pour Le Choix des Anges.

J’ai gardé pratiquement les mêmes éléments, mais je les ai remaniés, réagencés, réinterprétés.

Le gabarit de la couverture papier

Alors que nous explorerons le cas particulier du numérique dans un article à part, le moment est venu de constituer véritablement votre couverture papier.

À titre d’exemple, voici comment peut se concevoir une couverture papier pour Books on Demand (BoD), que j’ai personnellement choisi pour mes livres lorsque j’ai abandonné Amazon. Bien évidemment, les choses pourront différer si vous avez opté pour un prestataire différent. Car chaque imprimeur à ses normes, ses exigences.

BoD a une grande qualité : le site vous aide à concevoir votre couverture, soit avec leur outil de design (qui ressemble un peu à un Canva simplifié), soit avec un gabarit facile à construire.

Il suffit de se rendre sur leur outil de calcul de la couverture.

Vous leur donnez quelques informations sur le livre (type de couverture rigide ou souple, collée ou reliée, jaquette ou nom, dimension du corps de livre et nombre de pages, type et grammage de papier), et vous obtenez des mesures précises en centimètres ou en millimètres, et non pas en pouces (inches) comme chez Amazon. Vous pouvez même vous baser sur un petit schéma qui vous montre avec des couleurs où se trouve le dos (ou tranche), la première de couverture, la quatrième, le contreplat, et même les dimensions du pli de couverture.

Cette dernière information est importante car elle vous permet de bien positionner vos titres de façon à ce qu’ils ne soient pas situés dans la zone de pli, ce qui serait disgracieux.

Grâce à ces mesures, je commence par créer un document dans Affinity Designer, avec la taille totale (pour l’exemple de Fæe du Logis, la couverture totale mesure 372 mm de large sur 250 mm de haut). Je veille à créer des marges qui reproduisent le fond perdu/contreplat (dans le cas de Fæe du Logis 17 mm sur les quatre côtés).

Puis je positionne cinq repères verticaux (ou guides, en m’aidant du paramètre Affichage > Gestionnaire de guides…) :

  • Un au milieu de la couverture.
  • Deux pour marquer le dos lui-même.
  • Deux pour marquer, en latéral, les plis de la couverture.

Je place ensuite mes titres, illustrations, etc., en faisant très attention à ne pas les approcher trop des bords, à la fois interne et externe, de chaque partie. C’est ce que l’on appelle la marge de sécurité. Cela garantit que vos titres ne seront pas tronqués.

Mais il y a d’autres règles à respecter également.

Vous devrez absolument placer le code barre proclamant l’ISBN de votre ouvrage, et hélas pas question de faire des fioritures. L’outil de validation de la couverture de BoD est un peu tatillon, donc oubliez les tentatives de déployer ce code barre en blanc ou gris sur fond noir comme je l’ai essayé. Ça ne fonctionne pas. Vous devrez le positionner en noir sur un fond plus clair, afin que le contraste soit suffisant.

De même, vous devrez indiquer le prix de vente du livre, en général près de l’ISBN.

Je vous montre à quoi ressemble la couverture une fois tout cela placé.

Comme vous pouvez le constater, elle est très sobre.

Petite astuce

J’ai veillé, sur chaque livre, à positionner sur le dos (la tranche, donc) du livre, le logo toujours à la même taille et au même emplacement, et le titre toujours au même emplacement en partant du bas.

Ainsi, lorsque deux de mes livres seront placés côte à côte dans une bibliothèque, aura-t-on un effet harmonieux où les logos seront placés exactement à la même hauteur, tout comme les titres.

Armée et casquée, Athéna naquit du crâne de Zeus

C’est l’image qui me vient à chaque fois que je pense à la naissance d’un livre. Armé par les mots, portant l’armure et l’égide de sa couverture, il vient au monde paré de l’intelligence et de l’astuce de son auteur.

Mais il reste une étape cruciale, celle de l’accouchement lui-même.

Comme tout le monde n’est pas un dieu du tonnerre comme l’ami Zeus, je vous conterai dans un prochain épisode comment s’y prendre de façon concrète.

Dans la mémoire du Serpent à Plumes

Filtrer par
Exact matches only
Contenu
Type de Contenu
Tout sélectionner
Articles
Pages
Projets
Téléchargements
Filtre par Catégorie
Tout sélectionner
Chimères Animées
Chimères Partagées
Devine qui vient écrire
L'encre & la plume
Le Serpent à Plumes
Le Serpent d'Hippocrate
Les Feux de la Rampe
Les Pixe-Ailes du Phœnix
Musique des Sphères
Vers l'Infini et Au-delà
Filtre par Catégories De Projets
Tout sélectionner
Films
Jeu de Rôle