en-USfr-FR
Trucs et Astuces, Tutoriaux Pinnacle Studio, AVID Studio, HFX, proDAD et Boris FX
Les 25 Derniers Tutos

DV FX - Flux RSS Souscrire à la mise à jour des articles par email - Tous les tutos - Recherche - Tutoriaux par Catégorie / Auteur / Mois

Gimp et les calques

Gimp et les calques Par saby - Dernière mise à jour le mercredi 22 décembre 2010
3958 Visites :: 7 Commentaires :: Article Rating (Nombre de votes: 3)
Catégorie: Tutos Studio 1-15 / Edition  -  Tutos récents  -  Fichier(s) associé(s)
Publié le samedi 11 avril 2009
Créé le jeudi 26 mars 2009 15:48
 

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 :

Image complète

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

A

d'un B :

B

et d'un C :

C

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

Ordre image complète

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 :

Variante 1

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 :

Ordre variante 1

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 :

Variante 2

Voici la nouvelle disposition des calques :

Ordre variante 2

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 :

Variante 3

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

Variante 4

Et voici l'ordre correspondant des calques :

Ordre variante 4

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 :

Oeil

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

Sans fond

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

Sans fond ni B

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 :

Template

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

Calques du template

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.

Applatir 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 :

Coeur + flèche

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

Bouton

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 :

Découpage de 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.

Fichier(s) associé(s)
Partager/sauvegarder cet article


Commentaires
Mamounette Par # Mamounette @ dimanche 12 avril 2009 09:28
Je n'ai pas ce logiciel mais en suivant les explications cela va pouvoir m'aider pour réaliser la même chose car les calques c'est un peu ma bête noire. Merci Saby de nous faire découvrir autre chose que la vidéo mais qui est, on s'en rend compte, extrêment lié.

saby Par # saby @ dimanche 12 avril 2009 12:49
Mamounette,

Est-ce que ça t'intéresserait d'avoir l'image d'origine (le fond blanc + le A + le B + le C) pour pouvoir faire tes propres expériences de manipulation de calques avec ?

Le cas échéant, je demanderai à DV de la mettre à dispo pour tout le monde dans la page de téléchargement.

Mamounette Par # Mamounette @ dimanche 12 avril 2009 13:35
Ah oui Saby, ce serait super. Je ne suis pas une experte dans ce genre de travail et j'avoue que cela me bloque un peu car j'ai constaté combien il était utilie de connaître les calques pour incorporer des images travaillées dans un montage Sutdio. J'ai Photoshop 6 Element, Paint et Photofiltre et donc je ne vais pas encore installer Gimp ... mais j'ai l'intention de faire des essais à partir de ton tuto. Rien ne presse cependant car je suis absente pendant toutes les vacances scolaires.

saby Par # saby @ dimanche 12 avril 2009 23:40
Ok, mais le souci c'est que je m'apprêtais à mettre à disposition le .xcf qui contenait les calques. Et pour le lire il faut Gimp.
Je pourrais donner le .psd, mais reconnais que dans la mesure où mon tuto est basé sur Gimp (d'autres tutos le seront aussi), je trouve balot de devoir fournir une version du fichier pour Photoshop.
Le but des tutos sur Gimp est de vous faire découvrir qu'on peut, dans l'immense majorité des cas, faire tout aussi bien qu'avec Photoshop mais gratuitement.
Tu comprends ?

Mamounette Par # Mamounette @ lundi 13 avril 2009 01:39
Oui, Saby je comprends. Je verrai alors à mon retour de voyage si je dois installer Gimp mais pour le moment j'ai déjà plusieurs logiciels photo sur l'ordi, et encore un de plus j'hésite !

saby Par # saby @ lundi 13 avril 2009 10:53
Voilà, le fichier est uploadé et un rajout a été fait dans le tuto pour le présenter.

Philippe Par # Philippe @ samedi 19 septembre 2009 21:16
Bonjour Saby
Je possède Gimp et il est que ce logiciel est fantastique d'autant plusqu'il est gratuit
J'ai acheté un livre pour l'utiliser mais tes tutauriaux sont très utiles
Merci encore

 
ATTENTION, cette rubrique commentaires ne doit être utilisée que dans le cadre de l'article concerné. Toutes les questions techniques et/ou généralistes liées aux logiciels objets de nos articles doivent être posées par l'intermédiaire des différents forums; il ne sera pas fourni de réponse aux commentaires qui ne répondent pas à ces critères et nous nous réservons même la possibilité de les modérer. Merci par avance de votre compréhension.

Les commentaires supportent les balises : [quote]Texte[/quote], [b]Texte[/b], [i]Texte[/i], [u]Texte[/u], [url]www.sample.com[/url] ou bien [url=www.sample.com]Nom du lien[/url].
Vous pouvez utiliser ces balises pour mettre votre texte en évidence ou insérer un lien dans votre commentaire.

Nom ou surnom (obligatoire) - visible publiquement sur le site

Email (obligatoire) - non visible sur le site

Site Web

CAPTCHA image
Entrer le code ci-contre

Accès au site officiel

Site officiel Pinnacle Studio