Je vous propose aujourd'hui d'utiliser un logiciel gratuit et open source qui s'appelle Gimp. Pour une description et un lien vers le site officiel je vous invite à vous rendre sur notre page de liens - GIMP (FR).

Gimp, comme tout bon logiciel de traitement d'image qui se respecte, est parfaitement capable de manipuler les calques. Il faut savoir qu'une image peut être constituée d'une sorte de mille-feuilles, chaque feuille s'appelant un calque. L'analogie avec le papier calque de notre enfance est très pertinente. Un calque est a priori transparent et quelque chose peut être dessiné dessus. C'est la superposition virtuelle de ces calques et donc des éléments visuels qu'ils comportent, qui forme l'image.

Petit guide illustré sur les calques :

Un dessin valant mieux qu'un long discours, je vous propose de prendre l'image suivante :

Comme vous pouvez le voir, cette image est constituée d'un fond blanc, mais aussi d'un A :

d'un B :

et d'un C :

La fenêtre des calques nous montre comment tout ça est organisé au sein de notre mille-feuilles :

Le calque le plus en haut est celui qui est sur le dessus du mille-feuilles. Voilà pourquoi on se retrouve avec un A par dessus un B, lui-même par dessus un C, le tout sur un fond blanc.

Corsons un peu l'affaire et changeons l'ordre des lettres dans le mille-feuilles :

Il a suffit en fait de faire passer le calque du C au dessus de tous les autres, suivi de celui du B et ensuite celui du A :

Tout ça en sélectionnant chaque calque et en le déplaçant verticalement grace aux deux flèches vertes en bas de la fenêtre.

Toujours plus haut, toujours plus fort, comment obtenir ça :

Voici la nouvelle disposition des calques :

Si on ne fait que regarder l'image, on ne peut pas deviner comment sont disposés le A et le C, l'un par rapport à l'autre. On bouge le C :

On voit qu'il est au dessus du A. Mais on peut le refaire passer derrière :

Et voici l'ordre correspondant des calques :

Les calques peuvent être occultés dans une image tout en restant présents. Pour ça il suffit de cliquer sur l'oeil qui se trouve en face de chaque calque :

De cette manière, je fais disparaître le fond. Il est toujours dans l'image mais on ne le voit plus :

Pareil sur le calque du B et voilà ce que ça donne :

Ceux qui voudraient s'entraîner avec les exemples que je donne peuvent le faire en récupérant le fichier GimpLayers.xcf mis à votre disposition dans la section "Fichier(s) associé(s)" située au bas de ce tutoriel. Il suffit d'ouvrir le fichier dans Gimp et vous avez tout le matériel utilisé dans le tuto à votre disposition.

Les .psd d'Eye Scream Factory

Certaines images du site Eye Scream Factory sont au format .psd. Ce sont des modèles tous prêts de menus. Le psd est le format natif du célèbre Photoshop développé par Adobe. Heureusement pour nous et nos porte-monnaie, Gimp sait ouvrir et décoder les .psd.

Ouvrons par exemple le fichier 3hearts-main-PAL_D1_DV.psd du package DVD Art Professional Volume I. Voilà à quoi ça ressemble :

Si on veut savoir ce qui constitue cette image, il suffit de jeter un coup d'oeil à la fenêtre des calques :

On y trouve divers éléments :

• divers textes : Title of film, Start movie ...
• des petits coeurs rouges
• des flèches transperçant ces coeurs
• une image de fond

Pour les identifier il suffit juste d'utiliser les yeux en face de chaque calque pour voir à quel élément de l'image le calque correspond.

Par exemple si je ne veux conserver que le fond, il me suffit de masquer tous les autres calques. Puis avant d'enregistrer j'aplatis l'image : Image, Aplatir l'image.

Du coup, tous les autres calques auront été supprimés et il ne me restera plus qu'à enregistrer en .jpg par exemple. Voilà comment récupérer une image pour fond de menu.

Si maintenant je ne souhaite conserver qu'un coeur et sa flèche associée dans le but d'en faire un bouton de menu utilisable dans Studio, la marche à suivre est la suivante : j'affiche le calque qui s'appelle heart #2 (un des coeurs) et le calque (=1) highlight#2 (sa flèche associée) et j'occulte tous les autres :

Voilà ce que l'on récupère :

En fait pas tout à fait puisque cet élément se trouve maintenant dans une image bien trop grande. On va le découper. On crée autour une sélection rectangulaire et on va découper la sélection avec Image, Découper la sélection :

On enregistre en tga pour conserver la transparence : Fichier, Enregistrer sous. On va chercher Image TarGA dans Sélectionner le type de fichier suivi d'Enregistrer. Et quand la fenêtre Exporter fichier apparaît on coche Fusionner les calques visibles puis Exporter. Ensuite Enregistrer à nouveau et c'est terminé. On a récupéré un joli bouton pour nos menus de DVD dans Studio.

Pour l'utilisation des boutons de menu DVD dans Studio, vous référer au tutoriel: Menu DVD: utilisez dans Studio des éléments issus d'Eye Scream Factory.