Tutoriel Comic Composer #1 : le mode page

Si vous avez tout suivi, vous savez désormais que le site EspritBD a pour ambition de devenir un véritable tremplin de la jeune création, en permettant aux jeunes auteurs et illustrateurs de poster leurs planches en ligne gratuitement, afin qu’elles soient consultables par tous, sur ordinateur, tablettes, et smartphones.

Seulement, pour en arriver là, une étape supplémentaire à la simple mise en ligne de vos travaux sur un blog est nécessaire : mettre vos planches en forme grâce au logiciel Comic Composer, disponible gratuitement sur EspritBD. Vous n’êtes pas certain de la marche à suivre ? Ne vous inquiétez pas, EspritBD est là pour vous guider pas à pas.

Alix Leroux vous dit tout ! ©Alix Leroux

Votre planche est terminée et sauvegardée sur votre ordinateur ? Après avoir téléchargé gratuitement Comic Composer depuis le site EspritBD ou bien directement depuis le site d’Aquafadas, c’est parti pour la dernière étape avant de pouvoir la mettre en ligne !

Alix Leroux a déjà réalisé en image un petit tutoriel extrêmement instructif !

Sélection du format de composition

A l’ouverture de Comic Composer, vous avez le choix de formater votre planche en utilisant soit le mode Page, soit le mode Animé. Nous nous intéressons aujourd’hui au mode Page uniquement. Ce mode est le plus simple d’accès, il permet entre autres de numériser de manière efficace vos planches. Si vous voulez faire vos premiers pas sur Comic Composer, et y poster des œuvres que vous aviez déjà conçu auparavant dans un format « page » ou au format « note de blog », c’est l’outil idéal !

En fait, le mode Page, c’est ce qui se rapproche le plus de la présentation habituelle d’une bande dessinée. Vous configurez au chemin de lecture, un survol de votre planche. Ainsi, le lecteur est guidé dans votre planche, mais il dispose d’une grande liberté. Il peut choisir d’arrêter le timing que vous avez configuré pour avancer ou reculer « au clic ». Il peut aussi zoomer et dézoomer dans votre visuel,  ou naviguer du bout des doigts…

Une fois le logiciel ouvert, cliquez sur l’icône du mode page, et sélectionnez les planches à ouvrir dans le logiciel, au format jpeg. Et hop, la moitié du travail est déjà faite !

La mise en forme : les scènes

Pour commencer, un peu de vocabulaire. Comic Composer vous permet tout d’abord de créer des scènes, qu’il est souvent préférable de faire coincider avec chacune de vos cases pour une meilleure lisibilité.

Ce bouton, en haut à gauche, permet de créer une nouvelle scène rectangulaire. (Cmd+R ou Ctrl+R) Une fois celle-ci positionnée correctement sur votre planche, vous pouvez en modifier la taille très facilement, en faisant simplement glisser les ronds blancs.

Chaque scène est délimitée par un cadre blanc ©Alix Leroux

Notez que vous pouvez modifier l’ordre des scènes à votre guise, en les faisant simplement glisser à la bonne place dans la colonne de droite.

Faites glisser les scènes dans l'odre que vous préférez pour un résultat parfait :)

Dans un deuxième temps, et, à l’intérieur de chaque scène, vous avez la possibilité de créer autant de shots que vous le souhaitez, c’est à dire une délimitation plus précise de ce qui sera visible à l’intérieur de chaque scène.

Les shots

Une fois votre scène en place, donc, vous devriez apercevoir un rectangle délimité par des lignes et ronds jaunes : il s’agit d’un shot. Ces shots définissent la zone visible lors de la lecture le reste étant alors grisé. Par défaut, ils ont la taille de la scène créée, mais il peut en exister un ou plusieurs au sein de cette même scène, selon ce que vous souhaitez montrer. Petite explication en images :

Scène trop grande pour un format smartphone ! Pas de souci ! :) ©Alix Leroux

Ci-dessus, j’ai défini une scène par rapport à ma case. Or, problème : ma case est bien trop grande et contient trop d’éléments pour être lisible en format iPhone. Il se peut aussi que je veuille expérimenter les déplacements internes à chaque case, ou le timing :)

Solution : je crée plusieurs shots à l’intérieur de ma scène, comme illustré ci-dessous. Pour ce faire, je peux appuyer sur le bouton « + » du menu Shot, en colonne de droite, en dessous du menu des scènes, ou je copie colle mon Shot précédent. Si vous souhaitez conserver exactement le même hauteur, après avoir collé, vous pouvez déplacer le shot sur la droite ou le bas par exemple, avec les touches correspondantes du clavier. Appuyez sur « Shift » pour la glisser plus rapidement.

Les flèches jaunes reliant les shots entre eux indiquent le sens de déplacement de votre 'caméra' ©Alix Leroux

Vous voyez les flèches jaunes qui indiquent le déplacement logique entre les différents shots ? Ce sont les transitions, ou travellings dans notre cas, qui créent le mouvement entre les différentes composantes de chaque scène. Vous pouvez aussi choisir d’effectuer un mouvement de zoom, en réduisant la taille du shot au sein du précédent. Appuyez sur « Shift » en modifiant leur taille pour conserver le ratio, ou sur « Alt » pour réduire proportionnellement la hauteur ou la largeur. Sachez par ailleurs que les shots se succèdent par défaut dans l’ordre dans lequel vous les créez. Vous pouvez en effacer un en cliquant dessus puis en appuyant sur « Del ».

Un double clic permet de mettre le shot automatiquement à la taille de l’iPhone, format horizontal. Pratique pour voir ce qui sera lu sur ce smartphone, ou en petit écran ! Sur un iPad, ou en fullscreen, la liseuse affichera directement plusieurs scènes simultanément, en fonction de la résolution de l’écran, et par rapport à celle de votre œuvre, pour éviter la pixelisation. Le mode page est donc idéal pour numériser rapidement des œuvres papiers, mais si vous souhaitez concevoir des bd numériques, nous vous recommandons le mode animé, où vous pourrez maîtriser le rendu final sur toutes les plateformes, et prévisualiser ce dernier.

Le timing

Faites du timing un élement central de votre intrigue

Dans la colonne de droite, choisissez la vitesse de défilement de chaque shot, de chaque scène, afin d’intégrer un élément potentiellement fondamental dans votre narration : le timing. Pauses, ralentissements, et accélérations prennent une toute autre dimension et vous permettent d’explorer encore davantage de pistes !

Les menus « Effets » ne sont pas conçus pour une utilisation en mode page. Les effets ne sont lisibles que dans la liseuse animée !!! Là encore, le mode Page sert principalement à la numérisation d’œuvres papier, et non à la création numérique. 

Mettre en ligne sur EspritBD

Enfin, une fois votre œuvre Comic-Composée, il vous suffit de vous rendre dans le menu Fichier > Enregistrer sous, et de sauvegarder votre oeuvre numérique nouvellement créée au format .avep…

Finalisez votre BD en 2 clics !

…puis de vous connecter sur EspritBD à l’aide de votre compte auteur. Il suffit ensuite sélectionner Mon profil > Mes œuvres > Publier une nouvelle œuvre, de remplir les champs nécessaires du formulaire en n’oubliant pas d’attacher votre fichier .avep, et zou ! Publication sous 48 heures garantie :). Elle est pas belle la vie ?

Ah ! et n’oubliez pas qu’il vous sera demandé d’uploader une couverture, au format 180x240px, qui apparaîtra en vignette sur le Wall. Ce n’est pas grand, alors concevez une image « choc », ou un titre frappant !

Comment prévisualiser le résultat final ? 

Sur un Macintosh, pour avoir un petit aperçu de ce que l’on fait sur votre terminal mobile, le mieux est de créer un export de ce fichier dans un simulateur (gratuit) : MyKiosk

Avant toute chose, vous devez enregistrer votre appareil sur Comic Composer (il suffit d’enregistrer l’UDID de votre iPhone/iPad dans les Préférences de CComposer). Vous avez un très bon tutoriel à ce sujet ici.

Une fois toutes ces cartes en main, vous êtes prêts, une fois pour toute.

Il vous suffit, donc, de cliquer sur Fichier > Exporter et de sélectionner votre appareil pour créer le fichier .zave (qui vous permettra de faire le test.)

Ceci étant fait, vous ouvrez votre iTunes et dans Appareil > « Nom de votre iPhone/iPad » > Apps vous scrollez en bas de page dans le menu Apps où vous trouverez MyKiosk. Cliquez dessus.

Vous n’avez plus qu’à faire glisser votre fichier .zave dans « Documents MyKiosk » ou de cliquer sur « Ajouter »

Et c’est fait.

Ouvrez MyKiosk dans votre appareil et lisez votre BD !

Si vous avez besoin de faire des corrections, vous pouvez modifier votre fichier . Avep sur Comic Composer ; l’exporter à nouveau en .zave et à le glisser dans « Documents MyKiosk » pour comparer.

Il vous reste des questions ? Le mode d’emploi détaillé de Comic Composer est disponible au téléchargement ici (PDF). 

Allez, à vous de jouer !