Créer une BD Avant-Propos «Atelier de création amenant le public à construire un strip de trois cases, destinée au web, en utilisant les calques dans un outil graphique» Méthode de lecture de scénario P Exploitation, Indique à l animateur les documents, matériel ou logiciels nécessaires. Notions - Indique à l animateur les notions à transmettre à son public dans les différentes étapes de l atelier. Assistant - Propose à l animateur des conseils ou documents pour faciliter la présentation des concepts techniques. i Manipulations du participant - Liste des procédures et manipulations à faire faire par le participant. Informations connexes - Apporte des éléments supplémentaires à l animateur qui peut les transmettre à son public. Objectif pédagogique Utiliser les calques et leurs fonctionnalités pour construire trois cases de bande dessinée, à partir des éléments de la bibliothèque graphique livrée avec ce scénario.. Etablir un scénario à partir d une thématique défi nie avec le groupe (ici, l usager face aux TIC). Découvrir les fonctionnalités multiples des calques, en réalisant la première case avec le groupe. Laisser chaque participant créer les deux cases suivantes Déclinaisons possibles de l atelier - Réaliser une planche complète de BD - Réaliser des strips ou une planche destinée à l impression. Aborder dans ce cas la problématique de résolution d impression, - Réaliser une BD collective, en suivant un scénario de type cadavre exquis - Retravailler la coloration de ces éléments avec des enfants à partir de strips déjà réalisés (initiation à l utilisation de la souris, premier pas sur un logiciel graphique, etc.) - urée estimée D2 heures pleines ublic cible PGroupes scolaires, ou centre de loisirs ou tout autre groupe de personnes ayant pour acquis l utilisation d un PC. Kit pédagogique, Créer une BD - 01 / 10 - Auteur : Fabrice Lourie (CSI) Cette création est mise à disposition selon le Contrat Paternité - Pas d Utilisation Commerciale - Partage des Conditions Initiales à l Identique disponible en ligne http://creativecommons.org/licenses/by-nc-sa/2.0/ ou par courrier postal à Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.
Plan de l atelier Introduction Accueil Présentation du projet Etape 1. Ecriture du scénario (storyboard) Choisir les protagonistes Choisir le décor Ecrire la trame Ecrire les dialogues Etape 2. Création de la première case du strip Cette phase se fait progressivement, avec l accompagnement de l animateur, qui présente les différentes manipulations des calques. Etape 3. Passage à la deuxième et troisième case du strip Laisser les visiteurs enchaîner par eux-mêmes les deux autres cases, tout en les assistant face à leurs problèmes. Etape 4. Enregistrement dans le format Web et présentation du travail Enregistrer les travaux dans un format pour le Web (type GIF ou JPG) Etape 5. Présentation et conclusion Faire un diaporama des œuvres, projeté à tous les participants Possibilité éventuelle de les intégrer dans une page Web pour publication Kit pédagogique, Créer une BD - 02 /10
P Exploitation générale Matériel/Logiciels : υn logiciel de graphisme gérant les calques et leurs transformations (symétrie, homothétie, ) la bibliothèque graphique accompagnant le scénario Un répertoire de travail partagé en réseau dans lequel vous placerez un répertoire strips_date, pour stocker les BD finalisées). Vous enregistrez dans ce répertoire de travail l ensemble des documents réalisés par les participants, avec leur prénoms_noms comme nom de fi chiers. Fournitures : un exemple dans le répertoire ressources/exemple la bibliothèque graphique BD livrée avec ce scénario (ensemble de fi chiers contenant tous les calques dans le répertoire ressources/) Assistants : assistant sur les différents formats graphiques pour le Web (Fichier aides/format_graf/index.htm) assistant sur les différentes compressions graphiques pour le Web (fi chier aides/compression_graf/ index.htm) Kit pédagogique, Créer une BD - 03 /10
K«i Créer t une BD» Introduction P é dagogique Pé Accueil du Public Vous pouvez consulter le document sur l accueil fourni dans le kit (Fichier Fichier aides/accueil_gen.rtf aides/accueil_gen.rtf). Présentation du projet Présentez un exemple du résultat attendu, disponible dans ce kit (répertoire ressources/exemple/ exemple_psd.psd). Répertoriez en les détaillant les différentes étapes de création : Ecriture du scénario/storyboard Création de la première case du strip Création (en autonomie) des deux autres cases Enregistrement et publication éventuelle. Kit pédagogique, Créer une BD - 04 /10
Etape 1 Ecriture du scénario Comment faire une histoire courte? Notions : Chute comique, dialogues concis, comique de situation Scénario pour une bande dessinée ( strip de trois cases) Le strip, bande dessinée disposée en une série horizontale de quelques images, paraît en général dans journaux, souvent en noir et blanc. Sa particularité : une histoire très courte, caractérisée par trois parties bien précises (une pour chaque case) : la mise en place des personnages dans le décor (QUI & OU?) la mise en situation (QUOI?) la chute comique ou dramatique au choix (POURQUOI ou COMMENT?) Vous pouvez vous aider de l exemple pour expliciter chacune de ces parties (répertoire ressources/exemple/exemple_psd.psd). i Il est recommandé de mettre à disposition de chaque participant une feuille de papier et un crayon. Avertissez aussi les participants qu ils n auront aucun droit d auteur sur leurs œuvres. Les participants sont invités à écrire leur scénario Proposez-leur une thématique Lancez un court débat d environ 5 minutes autour de cette thématique. Préparez préalablement quelques questions pour stimuler l imagination de vos participants Présentez-leur les différents protagonistes disponibles dans la bibliothèque (répertoire ressources\ Bibliotheque\present\index.htm) Présentez-leur les différents décors disponibles dans la bibliothèque (répertoire ressources\ Bibliotheque\present\index.htm) Proposez aux participants de rédiger succinctement les trois parties du scénario (QUI et OU? / QUOI? / POURQUOI ou COMMENT?) qui correspondent aux trois cases. A partir de ces situations, demandez aux participants de rédiger les dialogues en veillant à respecter l univers décrit dans le scénario (personnalité et ton des protagonistes). Kit pédagogique, Créer une BD - 05 /10
Etape 2 Création de la première case L outil logiciel graphique Notions : calques (déplacements et transformations), outil texte Les calques Un calque, comme son nom l indique, est une couche indépendante de l image de fond. Toutes les modifi cations (déplacement, effacement, etc.) qu on lui applique ne concerne que lui. Un calque permet de modifi er une partie de son dessin, sans altérer le reste du contenu. Etablissez une comparaison avec des papiers calque que l on «empilerait» sur un dessin. L outil texte L outil texte permet de taper du texte sur le dessin. Notez que chaque texte s édite sur un calque créé automatiquement lorsque l on commence l édition du texte. Les participants sont invités à découvrir les fonctionnalités des calques Demandez-leur d ouvrir leur logiciel graphique Dites-leur d utiliser le document canevas_3cases.psd (ou canevas_3cases.xcf selon le logiciel utilisé) qui leur servira de canevas pour placer les trois cases. Avant tout, créez un nouveau calque, puis gribouillez légèrement dessus pour présenter à votre public les différentes manipulations offertes par le calque : Déplacement de calque Homothétie de calque Déformation Rotation Masquer le calque Après cette démonstration, effacez le calque. Les participants sont invités à réaliser la première case de leur strip Demandez-leur d ouvrir le document backgrounds.psd (ou backgrounds.xcf selon le logiciel) Dans ce document est placé l ensemble des décors de la bibliothèque sur différents calques. Invitez les participants à choisir leur décor (en fonction de leur scénario), et à le copier dans la première case du canevas. Si l action se passe toujours dans le même décor, ils doivent renouveler l opération pour chaque case. Kit pédagogique, Créer une BD - 06 /10
i Lorsque quand on fait un copier/coller d un document à un autre, un nouveau calque est automatiquement généré sur le document de destination. Demandez ensuite aux participants d ouvrir les documents perso1.psd et perso2.psd (existe également en.xcf pour Gimp) Ces documents sont constitués de nombreux calques qui représentent chacun des personnages ou une partie des personnages (tête avec de nombreuses expressions par exemple). En fonction du scénario, les participants choisissent les éléments de leurs personnages et les placent en situation dans le décor. Vous pouvez inviter les visiteurs à y effectuer quelques transformations (une rotation par exemple pour renverser un personnage sur le dos, ou réduire sa taille, etc.) Faites-leur ouvrir les documents Phylactere1.psd et Phylactere2.psd qui contiennent deux types de bulles : une bulle de dialogue, et une bulle de pensée. Dites-leur de les placer dans la première case. i Il faut veiller à bien placer les calques contenant les personnages au-dessus du calque de décor. i Il faut veiller à bien placer les calques contenant les bulles au dessus du calque de décor et des calques des personnages. Demandez ensuite aux participants de placer les dialogues dans ces bulles. Indiquez-leur de sélectionner l outil texte. Les participants choisissent une police de caractère, une taille et un style, puis tape le discours du premier protagoniste. Ce n est pas grave si le texte sort de la bulle, il suffi t de transformer soit le calque du texte, soit celui de la bulle pour le faire tenir dedans. Les participants renouvellent l opération pour les discours suivants. L opération terminée, dites-leur de sélectionner le calque du premier phylactère créé, et d aller dans le menu Edition/transformation/ homothétie. Faites-leur utiliser maintenant les ancres du cadre qui entoure leur bulle (son calque) pour la déformer (agrandir, allonger, ) afi n qu elle englobe la totalité du texte. Dites leur de renouveler l opération pour chaque dialogue. Il leur faut maintenant, pour chaque phylactère fusionner les calques qui les intéressent (la bulle et le texte qu elle contient). Dites-leur de répéter la manipulation pour chacun des phylactères. C est bon! La première case est faite! Si le logiciel graphique retenu propose de créer des groupes de calques, l utiliser pour chacune des cases. Kit pédagogique, Créer une BD - 07 /10
Etape 3 Passage aux deux cases suivantes Laissez les participants poursuivre sur les deux autres cases, tout en leur précisant que vous êtes à leur disposition, en cas de souci. Suivez avec attention le déroulement des opérations et assistez votre public dès que le voyez aux prises avec un problème. N hésitez pas à reprendre une étape sensible avec l ensemble du public. Kit pédagogique, Créer une BD - 08 /10
Etape 4 Enregistrement au format graphique pour le Web Les différents formats de compression graphique pour le Web Notions : Les différents formats d images, la compression graphique, pourquoi et comment? Les différents formats d images Il existe plusieurs formats d images sur les ordinateurs. Chacun a ses caractéristiques. Pour ce projet, vous utiliserez le JPEG qui a le mérite de permettre une forte compression tout en préservant la qualité de l image, surtout photographiques. Vous pouvez utiliser le tableau fourni dans le kit pour illustrer les différences de formats des fi chiers graphiques (fi chier aides/formats_graf/index.htm). La compression des images Pour accélérer le chargement des images sur le Web (ou pour faciliter le stockage de ces mêmes images sur des supports amovibles, de type disquette), les outils graphiques proposent de compresser, c est- à- dire de réduire la taille des fi chiers graphiques. Vous pouvez utiliser le tableau fournis dans le kit pour illustrer l explication sur les compressions (fi chier aides/compression_graf/index.htm). Les participants sont invités à enregistrer leurs œuvres dans un format graphique pour le Web Avant tout, faites enregistrer les fi chiers au format graphique du logiciel, pour conserver une version avec l ensemble des calques. Dites-leur de précéder à l enregistrement au format GIF (ou JPG). Présentez les différents paramètres de compression (nombre de couleurs pour le format GIF et taux de compression pour le format JPG) i Il faut veiller à passer les documents en mode couleurs indexées pour un enregistrement au format GIF. Notez que dans le cadre de votre atelier, ce format est recommandé du fait de la monochromie du document (la compression du format GIF jouant sur le nombre de couleurs). iil faut veiller à leur donner des noms tout en minuscules, car la plupart des serveurs distinguent majuscules et minuscules. Evitez les accents, espaces, et autres caractères spéciaux : cela peut nuire au bon affichage des images. Vous pouvez présenter dès lors les différences entre un fi chier original (en.psd ou.xcf) et un fi chier compressé (GIF ou JPG) => taille du fi chier, absence des calques, etc. Kit pédagogique, Créer une BD - 09 /10
Etape 5 Présentation et conclusion Vous pouvez maintenant présenter les œuvres ainsi réalisées. P Utilisez par exemple le logiciel XNView, téléchargeable gratuitement sur Internet, pour créer un diaporama des strips réalisés. Vous pouvez proposer à votre public de suivre ultérieurement un atelier d intégration de page Web, pour mettre en ligne un album de BD, qui regroupera l ensemble des strips réalisés. Mais cela fera l objet d une autre session J Kit pédagogique, Créer une BD - 10 /10