K Créer
it une BD
P
Pé
«
é dagogique
Avant-Propos
création amenant le public à construire
»
Atelier de
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.
Manipulations du participant - Liste des procédures et manipulations à faire faire par le participant.
i Informations connexes - Apporte des éléments supplémentaires à l’animateur qui peut les transmettre
à son public.
O bjectif pédagogique
Utiliser les calques et
destinée à l’impression. Aborder dans ce
cas la problématique de résolution
d’impression,…
leurs fonctionnalités pour
construire trois cases de - Réaliser une BD collective, en suivant un
bande dessinée, à partir des scénario de type cadavre exquis…
éléments de la bibliothèque - Retravailler la coloration de ces éléments
graphique livrée avec ce scénario. avec des enfants à partir de strips déjà
réalisés (initiation à l’utilisation de la souris,
. Etablir un scénario à partir premier pas sur un logiciel graphique, etc.)
-…
D
d’une thématique définie avec
le groupe (ici, l’usager face
aux TIC)
. Découvrir les fonctionnalités urée estimée
multiples des calques, en
2 heures pleines
réalisant la première case avec le
P
groupe
. Laisser chaque participant créer
les deux cases suivantes
ublic cible
Déclinaisons possibles de l’atelier Groupes scolaires, ou centre de loisirs
- Réaliser une planche complète de BD ou tout autre groupe de personnes
- Réaliser des “ strips ” ou une planche 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.
K«i Créer
t une BD »
P é dagogique
Pé 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
K«i Créer
t une BD »
P é dagogique
Pé 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 fichiers.
Fournitures :
• un exemple dans le répertoire ressources/exemple
• la bibliothèque graphique BD livrée avec ce scénario (ensemble de fichiers
contenant tous les calques dans le répertoire ressources/
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 (fichier aides/Compression_graf/
index.htm)
Kit pédagogique, Créer une BD - 03 /10
K«i Créer
t une BD »
P é dagogique
Pé Introduction
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
K«i Créer
t une Etape
BD 1»
P é dagogique
Pé
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
K«i Créer
t uneEtape
BD 2»
P é dagogique
Pé
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
modifications (déplacement, effacement, etc.) qu’on lui applique ne concerne que lui. Un calque permet de
modifier 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 i Il faut veiller à bien placer les
calques contenant les
représentent chacun des personnages ou une partie des personnages “au-dessus ” du
personnages (tête avec de nombreuses expressions par calque de décor.
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.)
i Il faut veiller à bien placer les
• Faites-leur ouvrir les documents Phylactere1.psd calques contenant les bulles “ au
et Phylactere2.psd qui contiennent deux types de dessus ” du calque de décor et
bulles : une bulle de dialogue, et une bulle de pensée. des calques des personnages.
Dites-leur de les placer dans la première case.
• 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 suffit 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,…) afin 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
K«i Créer
t uneEtape
BD 3»
P é dagogique
Pé
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
K«i Créer
t uneEtape
BD 4»
P é dagogique
Pé
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 fichiers graphiques (fichier 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 fichiers graphiques.
Vous pouvez utiliser le tableau fournis dans le kit pour illustrer l’explication sur
les compressions (fichier 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 fichiers 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 fichier original (en .psd ou .xcf) et un fichier
compressé (GIF ou JPG) => taille du fichier, absence des calques, etc.
Kit pédagogique, Créer une BD - 09 /10
K«i Créer
t uneEtape
BD 5»
P é dagogique
Pé
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
