[Tutoriel] Un poster à partir d’une image SVG

Contexte pédagogique : pour terminer une séquence en Sciences Expérimentales & Technologie (la digestion par exemple), vous auriez besoin d’un poster à accrocher au tableau pour la séance d’institutionnalisation... Fabriquons-le nous-même !

Nous allons utiliser un logiciel qui permet de faire un poster à partir d’une image. Le résultat sera d’autant plus réussi que l’image de départ sera grande...

Choix d’une image

Cherchons une image : une requête « tube digestif » dans votre moteur de recherche préféré vous proposera ce lien :

C’est exactement le document que je cherchais... ClicD sur l’image > Enregistrer sous. J’ai maintenant ce document au format PNG 400px-Digestive_system_dia gram_fr.svg.png :

Certes, ce document est intéressant, mais :
 il est trop complet pour l’école élémentaire : il va falloir le nettoyer avec un logiciel de retouche d’image (effacer à la gomme les légendes inutiles, supprimer également les traits avec l’outil Cloner...)... Même si je sais faire, ça risque d’être un peu long !
 De plus, l’image n’est pas si grande que ça (400 × 554 pixels)... la qualité du poster risque d’être plutôt médiocre.

Comment faire ?

Revenons sur notre page web. Si je clique sur le lien (au lieu d’enregistrer l’image), j’arrive sur cette page :

C’est le dessin original, créé en mode vectoriel (format SVG)... Génial, je vais pouvoir :
 le modifier facilement en supprimant les textes et les segments des légendes,
 et surtout créer une grande image bitmap (format PNG) qui sera de bonne qualité pour créer le poster.

Préparation de l’image dans Inkscape

Si vous ne connaissez pas encore Inkscape, logiciel libre, allez vite faire un tour ici .

La dernière version est ici (lien direct).

Enregistrons le fichier Digestive_system_diagram_fr.svg et ouvrons le avec Inkscape :

Tous les éléments de l’image sont modifiables mais ils sont groupés. Dégroupons-les : menu Objets>Dégrouper (Maj+Ctrl+G)....

Il faut le faire deux fois de suite pour tout dissocier :

On peut maintenant déplacer, éditer, supprimer tous les objets (pour l’exemple j’ai déplacé les légendes en dehors du dessin au lieu de les supprimer) :

Là, j’ai tout supprimé, légendes et traits. L’image est prête :

Enregistrez votre document au format vectoriel (SVG). Il pourra resservir.

Pour l’exploiter dans vos productions (document word, openoffice writer, diaporama), il faut l’exporter, i.e. l’enregistrer dans le format bitmap (PNG) :

1. Menu Fichier>Exporter en bitmap...,
2. Sélectionnez le bouton Page pour exporter tout le contenu du cadre,
3. Modifiez les dimensions de l’objet pour avoir une grande image : 2000 px de largeur par exemple,
4. Le bouton Parcourir est nécessaire pour nommer le fichier à exporter et choisir l’emplacement sur le disque... save,
5. L’exportation proprement dite : bouton exporter.

Voici le résultat dans une visionneuse d’image : la qualité est effectivement au rendez-vous !

Note : le fond gris indique simplement que le fond est transparent. Pour avoir un fond blanc, il aurait simplement fallu mettre un rectangle blanc en arrière plan du dessin dans Inkscape).

Création du poster avec PosteRazor

Le plus dur est fait, il reste à créer le poster. Utilisons PosteRazor, à télécharger ici : http://posterazor.sourceforge.net/.

L’utilisation est simple, suivez le guide :

1. / 5 : 0uvrir l’image,
2. / 5 : Format du papier : A4 en mode portrait,
3. / 5 : Choix du recouvrement : 1 cm en bas et à droite,
4. / 5 : Taille du poster : 4x4 pages,
5. / 5 : Enregistrer le fichier au format PDF.

Il ne reste plus qu’à imprimer et coller le poster :

Bonne séquence !

PS : Ne passez pas à côté d’Inkscape, c’est réellement un outil formidable à mettre dans les mains de tout enseignant qui doit créer ses supports.