Le numérique permet d’imaginer

de nouvelles façons de raconter

une histoire…

Du webtoon à la BD interactive

en passant par le jeu vidéo

et l'animation,
voici comment donner vie

facilement (et gratuitement)

à des créations inédites !

RENDRE

INTERACTIF

#animation #code facile
#interactivité

Créez votre BD numérique !

Il existe de nombreuses façons d'aborder la bande dessinée numérique.

Du simple webtoon à la BD interactive...

Nous allons voir comment proposer une expérience

de lecture nouvelle !

LES DIFFÉRENTS FORMATS DE LA BD NUMÉRIQUE

Il est important de comprendre ce qui défini la bande dessinée numérique. Si elle peut s'inspirer des codes de l'animation et du jeu vidéo, la BD numérique doit absolument privilégier la fluidité de lecture du récit.

Le lecteur doit toujours garder le contrôle et avoir le temps de découvrir à son rythme l'histoire que vous allez lui proposer tout en l'immergeant dans un univers.

Les apports de l'animation, du son et de l’interactivité renforcent

cette immersion, toujours au service de l'histoire que vous allez raconter.

De nombreuses expérimentations ont été réalisées jusqu'à aujourd'hui avec des projets en lecture défilée comme Phallaina, des jeux narratifs comme Duck has an adventure, des web documentaires tels que Iranorama, du turbomedia comme Media identity, du digital novel avec MetalGearSolid, de la réalité augmentée comme La douce... la liste est longue et le numérique permet d'envisager de nombreux modes de narration !

Du simple webtoon à la BD interactive, voici différentes pistes pour adapter

vos histoires et rendre accessibles ces nouvelles écritures sur le web !

COMPOSEZ VOTRE PREMIER WEBTOON

Le webtoon est un format de lecture particulièrement adapté aux supports numériques avec une navigation en scrolling vertical ! La lecture est continue et les transitions entre chaque « cases » nécessitent une attention toute particulière puisqu’elles imposent le rythme de la lecture.

Pour la réalisation d'un webtoon, il vous suffit d'un simple logiciel de dessin comme Krita. Le tutoriel qui suit vous montre comment composer votre premier webtoon !

Donnez vie à vos histoires

avec de l'animation

AJOUTER DES ANIMATIONS DANS VOTRE PAGE

Sans parler de dessin animé, il est possible de jouer sur des animations en boucle pour dynamiser vos cases !

Le tutoriel qui suit vous montre comment créer votre bande dessinée numérique

au format webtoon animé en utilisant le logiciel Clip Studio Paint

(version gratuite pendant 30j - 45€ la licence permanente)

Il existe également des alternatives gratuites comme Synfig pour réaliser vos animations facilement !

ANIMEZ LES PLANS DE VOS SCÈNES

Lorsque vous concevez vos illustrations en numérique, essayez de conserver au maximum vos calques. Vous pourrez ainsi créer différents plans de votre scène afin de les mettre en mouvement par glissement. Cela vous permettra de créer des transitions dynamiques et d'apporter de la profondeur !

Servez-vous de ce principe pour réaliser des animatiques afin de présenter votre projet sous forme de court métrage par exemple.

Pour le montage de projets vidéos, DaVinciResolve vous offrira une suite complète et gratuite qui vous permettra de créer des animations de plans, d'ajouter des effets de transitions, de la musique etc.

Voici un exemple d'animatique réalisé pour le lancement du projet Eden.

Ajoutez de l’interactivité

pour augmenter l'immersion

dans l'histoire

La BD interactive permet de vivre une expérience de lecture enrichie. A mi-chemin entre le monde de l’animation et du jeu vidéo, elle alterne entre des phases de transition dynamiques et des scènes dédiées à la contemplation et à la lecture.

CRÉEZ UN DIAPORAMA DYNAMIQUE

Le diaporama animé est une première approche pour dynamiser votre récit

en jouant notamment sur des transitions entre chaque page. L'ordre et le rythme d'apparition de chaque case a l'écran doit être parfaitement maîtrisé.

D'une certaine manière vous allez imposer au lecteur une dynamique d'arrivée

dans la phase de lecture, mais celle-ci va justement être l'occasion de pousser

votre propre rythme pour l'action du récit.

Pour la réalisation d'un diaporama animé, Google slides ou encore Canevas vous offrent la possibilité de publier en ligne des présentations dynamiques faciles à créer.

ENCORE PLUS D'INTERACTIVITÉ !

L’interactivité va permettre au lecteur de devenir acteur du récit. Les actions réalisées au court de la lecture vont ainsi avoir des conséquences sur le déroulement de l'histoire. Celle-ci n'est plus linéaire comme dans un scénario classique. Les événements que vous allez ajouter à la lecture peuvent intervenir lors des transitions dans des délais prédéfinis (QTE) ou sur des scènes fixes.

Des outils de création html5 gratuits tels que Google web designer ou des moteurs de jeux comme GDevelop permettent de produire du contenu interactif pour le web en limitant l'utilisation du code !

Voici un aperçu de la démarche de création d'un chapitre de la BD interactive Eden :

Le chapitre interactif présenté a été réalisé avec le logiciel Animate CC de la suite Adobe (essai gratuit d'un mois puis abonnement mensuel de 24€).

Voici les étapes pour créer votre bande dessinée dynamique à l'aide de ce logiciel en utilisant une programmation qui reste accessible.

Vous pouvez télécharger les fichiers d'exemple pour vous aider.

AUGMENTEZ L'IMMERSION PAR LA MUSIQUE

La musique et les sons jouent un rôle essentiel pour créer une ambiance à votre histoire. Si vous n'êtes pas compositeur, il existe des bibliothèques musicales accessibles librement afin de sonoriser vos projets. Vous pouvez également proposer une lecture audio de votre histoire pour l'accompagner.

Pour réaliser des enregistrements et des montages sonores, vous pouvez utiliser Audacity qui est un logiciel gratuit, facile a utiliser.

RENDRE INTERACTIF LE SUPPORT PHYSIQUE

Si vous prévoyez de proposer une version imprimée de votre livre, l'utilisation de liens à travers les QR codes permettra de proposer un contenu supplémentaire en ligne. Vous pouvez utiliser le site Unitag pour les générer gratuitement.