[1] Introduction

Depuis quelques années, le webtoon (ou bande défilée) s'est imposé sur le web car il permet une lecture adaptée aux différents supports numériques comme les tablettes, smartphones.

Ils peuvent facilement être hébergés sur des plateformes en ligne telles que Tapastic, Line webtoon et bien d'autres !

 

Si la plupart des webtoon sont statiques, il est possible d'augmenter l'immersion dans l'histoire en ajoutant des éléments animés. Cela peut faire la différence avec les webtoon déjà présents !!! Toutefois, ces animations doivent être utilisées raisonnablement pour ne pas perturber le cours de la lecture.

 

Dans cet article, vous allez donc apprendre à créer une bande dessinée animée grâce aux fonctions d'animation du logiciel !

[2] Préparation du storyboard de votre histoire

■ Création de l'espace de travail

 

Commençons donc par définir un nouvel espace de travail dans le logiciel

[Fichier] > [Nouveau]

À tout moment vous pouvez modifier la hauteur de votre espace de travail [Édition] > [Changer la taille de la toile]

 

 

■ Conception du storyboard

 

Comme pour toute bande dessinée, nous démarrons par l'élaboration d'un storyboard afin de préparer le découpage de notre histoire. (vous devez bien sûr avoir rédigé le script de votre scène au préalable ainsi que les dialogues)

 

Le storyboard permet de mettre en avant les éléments forts d'une scène et d'assurer la fluidité de lecture. Pour cela, je me sers d'une ligne (représentée en rouge) sur laquelle viendront se positionner les éléments principaux de chaque case ainsi que les bulles de texte.

Dans le cas d'un webtoon, l'espace vertical entre les cases et les bulles va permettre de définir le rythme de la lecture. N'oubliez pas de vous en servir pour créer des temps et renforcer ainsi le suspense de la découverte !

 

 

 

 

■ Définir les zones d'animation

 

Nous allons également nous servir de ce storyboard pour identifier les zones de l'image sur lesquelles mettre l'animation.

 

Ces animations vous permettent d'exprimer deux choses :

 

• Soit la mise en avant d'un élément fort (personnage par exemple),

• Soit renforcer l'immersion dans le décor (effet atmosphérique par exemple).

Voilà, tout est prêt pour débuter la création de la bande dessinée !

[3] Utilisation des masques et des dossiers pour la mise en page

■ Création des dossiers de cases

 

Tout d'abord, nous allons préparer notre mise en page en créant trois dossiers correspondants aux cases de notre webtoon. Cliquez sur l'icône [Nouveau dossier] pour les créer.

 

Placez ensuite un nouveau calque dans chacun de ces dossiers en cliquant sur l'icône [Nouveau calque].

■ Utilisation du storyboard pour délimiter les cases

 

Sur la page, vous allez afficher votre storyboard en transparence afin qu'il serve de référence pour la création des cases.

Vous pouvez ensuite afficher les règles [Affichage] > [Règles] et faire apparaître des repères pour marquer les limites de cases.

Pour cela, il faut faire glisser la souris de la règle à gauche vers la zone de travail.

Ces repères sont automatiquement associés à un calque que vous pouvez afficher ou masquer si besoin.

■ Ajouter un masque de case au dossier

 

Maintenant, nous allons définir le contour de nos cases grâce à l'outil [Zone de Sélection Rectangle]. Utilisez les bords des repères pour magnétiser le contour de votre sélection.

Sélectionnez ensuite le dossier de la case correspondante dans la palette de calques, puis cliquez sur l'outil [Masque].

 

■ Dessin et colorisation

 

Une fois que le masque est créé, vous pouvez dessiner dans les calques de ce dossier sans dépasser des bords de la case ! Il est temps de laisser exprimer votre talent.

 

■ Bulles de textes et dialogues

 

Reste maintenant à ajouter les bulles de texte.

Le logiciel vous permet de les créer directement depuis la barre d'outils, soit grâce à des formes prédéfinies, soit en les traçant à main levée avec l'outil [Plume de bulle].

Disposez ces bulles dans un nouveau dossier et placez-les comme imaginé dans le storyboard. Il ne vous reste plus qu'à tracer les pointes de bulle à l'aide de l'outil [Flèche de Bulle].

Avec l'outil [Texte], complétez vos dialogues et ajoutez-les dans le dossier afin de tout regrouper au même endroit.

Jusque là, tout ressemble à un webtoon classique,

mais nous allons maintenant lui donner vie !

[4] Créez votre première animation

■ Création d'une Nouvelle chronologie

 

Assurez-vous tout d'abord d'avoir ouvert la palette [Fenêtre] > [Chronologie]

 

Dans le cadre de notre webtoon, nous allons créer des animations courtes qui seront jouées en boucle.

Sélectionnez l'icône [Créer une nouvelle chronologie], puis choisissez la durée et la cadence d'animation. Une cadence de 12 permet une animation fluide tout en optimisant l'affichage sur le web. Le temps de lecture pour 1 seconde d’animation est donc également de 12.

■ Préparation du dossier d'animation

 

Sélectionnez ensuite le dossier d'une case dans la palette [Calque] et cliquez sur l'icône [Nouveau dossier d'animation] de la palette chronologie.

Dans ce dossier d'animation, vous allez pouvoir créer plusieurs dossiers « anim_1 », « anim_2 » et « anim_3 » contenant chacun un calque à l'intérieur.

Nommez correctement vos dossiers pour ne pas être perdus pour l'animation !

Dans la palette chronologie, positionnez la tête de lecture (curseur rouge) sur la première image, puis cliquez sur l'icône [Spécifier les Cellulos] et sélectionnez le premier dossier que vous avez nommé « anim_1 »

Un nouveau cellulo est ajouté dans la chronologie.

 

Décalez la tête de lecture rouge de quelques images et recommencez l'opération pour ajouter « anim_02 », « anim_03 » puis à nouveau « anim_02 » pour créer une boucle de lecture.

 

 

■ Création des dessins de l'animation

 

Tous est en place à présent pour pouvoir dessiner les illustrations de notre animation.

 

Commencez donc par activer le [Papier pelure] en cliquant sur l'icône correspondante de la palette chronologie. Cela permet d'afficher les images qui encadrent l'image en cours.

 

Dessinez les étapes de l'animation sur chaque calque des dossiers « anim_01 », « anim_02 » et « anim_03 ».

À ce stade, vous pouvez cliquer sur l'icône de lecture pour vérifier que l'animation fonctionne correctement.

 

Une fois que vous êtes satisfait du résultat, il ne vous reste plus qu'à passer à la mise en couleur en ajoutant de nouveaux calques dans les dossiers associés.

[5] Optimisez votre fichier pour le web

■ Exportation de l'animation

 

Pour finir, nous allons exporter l'animation au format GIF pour le web.

Le choix de la résolution d'image est essentiel pour le poids de l'image.

N'hésitez pas à faire quelques tests pour obtenir le meilleur rapport poids d'image / qualité

Vous voilà prêts pour créer vos propres webtoon !!!

 

 

N'hésitez pas à partager vos créations en commentaire de ce tutoriel ;)

 

 

■ Lien pour télécharger le fichier :

À propos de l’auteur

Je m'appelle Axendre et je suis créateur de la bande dessinée dynamique et interactive « Eden, la seconde aube » que vous pouvez découvrir en lecture gratuite !

 

Sur le site du projet vous pouvez également participer à l'élaboration de votre propre histoire dans l'univers d'Eden en profitant de nombreuses ressources à disposition.

 

Mon objectif est de transformer la vision de la bande dessinée en permettant à chacun de créer des expériences de lecture nouvelles, quel que soit son niveau !

 

■ Site officiel du projet EDEN :