+ Accueil du site > I. Fiches pratiques > 1.3. Produire / Créer / Publier > 1.3.1. Documents > Images

[Tutoriel] Panographie avec Inkscape

Mis en ligne le 8/01/2010

Contexte pédagogique : les compétences informatiques peuvent évidemment être exploitées en arts visuels. Intéressons-nous aux fractionnements et autres panoramiques. On aura au passage l’occasion de valider quelques items du B2i.

La création de panoramiques est intéressante (lire [Logiciels] Des outils pour les panoramiques) mais des logiciels (géniaux au demeurant) font (presque) tout le montage : tout le travail et le talent du photographe s’exercent au moment de la prise de vue... Et ce n’est pas une sinécure !

Fréquentant occasionnellement le blog Photojojo, une note traite de la panographie : on réalise un montage photo en jouant sur la superposition et l’opacité des différentes images.

Un groupe sur Flickr expose les réalisations : http://www.flickr.com/groups/panography/

De fait, la panographie propose une approche plus créative et ludique que la réalisation classique de panoramiques :
- la prise de vue n’a pas besoin d’être aussi précise (respect de l’axe de rotation, superposition rigoureuse des clichés...),
- le montage se fait à la main : c’est la partie la plus intéressante.

Comme le suggère l’article de Photojojo, le montage se fait avec un logiciel qui permet l’utilisation des calques pour pouvoir gérer les clichés indépendamment... Et montre la démarche avec Adobe Photoshop.

Partisant des logiciels libres, on pourrait facilement adapter le tutoriel à Gimp.

Mais je vous propose ici une approche plus originale : nous allons détourner Inkscape, le génial logiciel vectoriel libre (lire [Liens] Inkscape, outil vectoriel pour la PAO), qui va encore une fois nous montrer sa puissance et sa simplicité d’utilisation.

L’intérêt d’inkscape sur les logiciels bitmaps ? Les images seront traitées comme des objets, ce qui nous épargnera la gestion fastidieuse des calques !

Au travail !

1. la prise de vue

Plus simple que pour un véritable panoramique, les clichés peuvent être faits à main levée, sans pied ni rotule, en essayant toutefois de garder le même point de vue et en superposant les clichés.

2. la préparation des images

Les fichiers-image seront sûrement trop grands, je vous conseille de redimensionner les images à 800 pixels pour le long côté. Selon vos habitudes (lire Les formats de fichiers), plusieurs solutions s’offrent à vous :
- utiliser l’excellent Powertoy Resizer directement dans l’explorateur ;
- utiliser la commande d’automatisation présente dans la plupart des gestionnaires d’images ;

  • dans Xnview : Outils > Conversions multiples,
  • dans Irfanview : Fichier>Convertir/Renommer en série,
  • dans Gimp : il faut utiliser un greffon, commme David’s Batch Processor : ce n’est donc pas le plus simple !
  • MAJ le 07/01/10 Passé récemment sous Linux, j’ai découvert un nouvel outil dédié au traitement par lots : Phatch (Phatch = Photo & Batch !). Simple et facile d’utilisation... Adopté ! (il est d’ailleurs également disponible en version Windows).

3. Le montage dans Inkscape

3.1. Préparer l’espace de travail

Préparons l’espace de travail : Fichier > Propriété du document :
- un fond blanc plutôt que transparent (nécessaire pour l’export du document final sans transparence),
- suppression de la bordure (inutile ici).

3.2. Importer les fichiers-image

On pourra utiliser la commande Fichier > Importer mais cela risque d’être long s’il y a de nombreuses images.

- Sélectionnez TOUTES les images à utiliser dans l’explorateur (avec les touches MAJ et CTRL) ;
- Faites-les glisser dans Inkscape ;
- IMPORTANT ! Les images sont seulement liées au document (comme dans une page html)... Si vous supprimez les images du dossier, elles disparaissent du montage dans Inkscape ;-( ! L’intérêt ? Le fichier Inkscape est ainsi plus léger et plus facile à exploiter.
Si vous devez déplacer le fichier de travail, vous devez déplacer le dossier source ou incoporer les images dans le fichier Inkscape : Menu Extensions > Images > Incorporer toutes les images (depuis la version 0.47... Dans les versions précédentes, la commande était dans le menu Effets).

- Toutes les images étant superposées, nous allons les éclater pour toutes les voir :

  • CTRL+A pour tout sélectionner,
  • commande : Objets > Lignes et colonnes :

3.3. le montage proprement dit

Ouf ! Finie la technique... Passons à la partie la plus ludique qui exploite le potentiel d’Inkscape :

- Pour déplacer les images : un simple cliqué-glissé à la souris (pas de calque à sélectionner !) ;
- Pour faire tourner les images : un clic sur l’image permet d’accéder aux poignées de rotation ;
- Pour modifier l’ordre d’empilement des images superposées : utilisez les touches Origine(=au premier plan), Paragraphe précédent(=monter), Paragraphe suivant(=descendre) et Fin(=arrière-plan)...

- Déplacez-vous sur la page avec le Clic du milieu (cliquez et maintenez enfoncée la molette de la souris) ;
- Zoomez dans le dessin avec la combinaison CTRL+molette.

- OPTION : vous pouvez diminuer l’opacité des images des premiers plans de 40 à 70% (comme préconisé sur PhotoJojo) :

4. L’exportation du montage panographique

L’agencement des images terminé, il reste à exporter le résultat en image bitmap :

- On place un cadre blanc derrière les images (ou coloré mais attention si vous avez utilisé la transparence) ;
- On sélectionne le cadre et les images en faisant glisser la souris ;
- le bouton ou la commande Fichier > Exporter en bitmap ouvre une boite de dialogue :

  • on choisit le bouton « Sélection » : c’est la sélection courante que l’on veut exporter,
  • on choisit la taille du fichier bitmap (en pixels donc),
  • On choisit un nom et une destination pour enregistrer le fichier :

Inkscape génère un fichier bitmap au format PNG :

D’autres exemples en diaporama ci-dessous... Amusez-vous bien !


Quelques liens supplémentaires :

- L’article sur les panoramiques pourrait vous intéresser : [Logiciels] Des outils pour les panoramiques ;
- La page Panography sur DeviantArt : http://browse.deviantart.com/?qh=&a... ;
- Un tutoriel pour Photoshop ;-) et un fil de discussion sur l’excellent site Photovirus : http://www.virusphoto.com/58510-cre... ;
- Le site de l’artiste David Hockney et une page Flicker de réalisations Hockeynesques
- La page Flickr de Tomas Correa : http://www.flickr.com/photos/tomasc... ;
- Le super site de Gaël Fontana : http://triturages.free.fr/.

DIAPORAMA

Version à imprimer

FORUM


Répondre à cet article
Creative Commons License
Le contenu de ce site est mis à disposition par Christophe Coubret sous un contrat Creative Commons. | Site réalisé avec SPIP
Ce site respecte la charte de l'anneau Sitinstit