Ecrire un script-fu pour automatiser un traitement

Une règle simple en informatique : "Si tu dois faire la même chose dix fois, écris un programme!".
En effet, rien de plus lassant que de refaire dix fois la même manipulations sous Gimp. Pour arranger cela et nous faciliter les choses, il existe les scripts-fu. Nous en utilisons souvent sans même le savoir dans le menu Filtres.
Nous allons donc voir comment rendre automatique la création de texte en verre en se basant sur le tutoriel Ecrire en lettres de verre.

Pour les utilisateurs de Gimp2.6 : afin de voir apparaitre ce script dans vos menus, il faut remplacer les lignes qui définissent dans quel menu apparaitra votre script.
Ainsi (script-fu-menu-register "effet-verre" "/Xtns/Logos") deviendra (script-fu-menu-register "effet-verre" "<Image>/Filters/MesScripts").

De cette façon, vous pourrez trouver votre script fraichement installé dans le menu Filtres->MesScripts de la fenêtre Editeur d'image Gimp.

Le principe d'un script est simple, il décrit étape par étape les opérations que nous effectuons sous Gimp en utilisant des procédures. L'ensemble des procédures dont nous disposons est listée dans le menu Exts -> Navigateur de procédures de la fenêtre principale de Gimp.
Nous y retrouvons par exemple gimp-layer-new qui permet de créer un nouveau calque ou encore gimp-edit-cut qui coupe une sélection.

1.) Pour écrire notre script, un éditeur de texte simple nous suffit. Le bloc-note de Windows ou gedit sous Linux feront l'affaire. Nous lançons donc notre éditeur et enregistrons tout de suite notre fichier dans le répertoire scripts de notre dossier d'installation de Gimp.
Nous appelerons, par exemple, notre fichier effet_verre et lui donnons l'extension .scm (extension des scripts de Gimp).

Nous avons donc un fichier effet_verre.scm placé dans le répertoire scripts de notre Gimp.

2.) La première étape de l'écriture de notre script-fu consiste à décrire les étapes même des opérations que nous souhaitons faire effectuer à Gimp. Pour cela nous devons définir une procédure que l'on nommera applique-verre-effet.
Nous tapons donc le code (code signifie ici le contenu d'un programme) suivant :

(define (applique-verre-effet img calque-txt)

Nous indiquons de cette façon que nous définissons (define) une méthode pour appliquer l'effet de verre à l'image img et au calque de texte calque-txt.

Dans cette méthode, nous aurons besoin d'informations comme la hauteur et la largeur de l'image et nous aurons aussi besoin d'un nouveau calque. Nous définissons donc ces variables à l'aide du mot let à l'intérieur de notre procédure applique-verre-effet :

(define (applique-verre-effet img calque-txt)

(let* (
(largeur (car (gimp-drawable-width calque-txt)))
(hauteur (car (gimp-drawable-height calque-txt)))
(calque1 (car (gimp-layer-new img largeur hauteur RGBA-IMAGE "calque-txt 1" 40 NORMAL-MODE)))
)

)

gimp-drawable-width et gimp-drawable-width sont deux procédures qui permettent de récupérer la hauteur et la largeur du calque calque-txt.
Ainsi nous créons grace à gimp-layer-new un nouveau calque calque1 placé sur l'image img de la même largeur et hauteur que calque-txt en mode RVB, dont le nom sera calque-txt1 dans la fenêtre de Gimp, avec une opacité de 40 (pour l'effet transparent du verre) et en mode normal.

Pour connaitre les paramètres qu'il est nécessaire de préciser à une procédure et les valeurs qu'ils peuvent prendre, il suffit de consulter le menu Exts -> Navigateur de procédures :


3.) Nous rentrons maintenant dans le vif du sujet et allons décrire à Gimp les opérations qu'il doit effectuer sur l'image pour appliquer notre effet de verre.
Pour plus de lisibilité et une meilleure compréhension des commentaires sont rajoutés au dessus de chaque nouvelle ligne de code. Ces commentaires sont précédés d'un ; et peuvent être laissés tels quels dans le fichier.

(define (applique-verre-effet img calque-txt)

(let* (
(largeur (car (gimp-drawable-width calque-txt)))
(hauteur (car (gimp-drawable-height calque-txt)))
(calque1 (car (gimp-layer-new img largeur hauteur RGBA-IMAGE "calque-txt 1" 40 NORMAL-MODE)))
)

;Verrouillage de l'alpha du calque calque-txt
(gimp-layer-set-lock-alpha calque-txt TRUE)

;Découpage automatique de l'image à la taille de son contenu
(plug-in-autocrop 0 img calque-txt)

;Ajout à l'image du calque calque1
(gimp-image-add-layer img calque1 1)
;"Nettoyage" du calque calque1 (suppresion de lignes parasites)
(gimp-edit-clear calque1)
;Coloriage en blanc du texte du calque de texte calque-txt
(gimp-edit-fill calque-txt WHITE-FILL)
;Alpha vers sélection du calque de texte afin de ne sélectionner que le texte
(gimp-selection-layer-alpha calque-txt)
;Réduction de la sélection de 1 pixels
(gimp-selection-shrink img 1)
;Edition->Couper de la sélection réduite sur le calque de texte
(gimp-edit-cut calque-txt)
;Edition-> Coller sur le calque calque1 (opacité 40) et ancrage du calque
(gimp-floating-sel-anchor (car (gimp-edit-paste calque1 0)))
;Découpage automatique de l'image à la taille du calque1
(plug-in-autocrop-layer 0 img calque1)
)

)


Voilà la suite d'opérations que nous devons faire effectuer à Gimp pour obtenir notre effet transparent de verre. Ces opérations correspondent, engrande partie, à la suite de manipulations faites dans le tutoriel Ecrire en lettres de verre.


4.) Maintenant nous devons créer une nouvelle procédure que nous appellerons effet-verre qui sera la procédure principale de notre script. En effet, elle va créer notre image, gimp-image-new créer notre calque de texte, gimp-text-fontname appeler notre procédure applique-verre-effet et enfin afficher l'image créée avec gimp-display-new. Nous ajoutons donc à la suite de notre script le code suivant :

(define (effet-verre text size font )
(let* (
(img (car (gimp-image-new 256 256 RGB)))
(b-size (* size 0.2))
(calque-texte (car (gimp-text-fontname img -1 0 0 text b-size TRUE size PIXELS font)))
)
(applique-verre-effet img calque-texte)
(gimp-display-new img)
)
)

5.) Il ne nous reste alors qu'à créer l'interface qui permettra à l'utilisateur, de saisir le texte sur lequel il souhaite appliquer l'effet verre SF-STRING, de préciser la police à utiliser SF-FONT ainsi que sa taille SF-ADJUSTMENT.
Nous précisons ici aussi les données identifiant la procdure principale à appeler effet-verre, le créateur du script et son contenu.
Enfin nous demandons à Gimp de présenter ce script dans un de ses menus. Ici le menu choisi est Exts -> Logos.
Pour tout cela nous ajoutons ce code à la suite du script :

(script-fu-register
"effet-verre"
"Texte de verre"
"Crée un simple effet translucide de verre sur du texte"
"Skonce"
"Skonce"
"2008"
""
SF-STRING _"Text" ""
SF-ADJUSTMENT _"Font size (pixels)" '(100 2 1000 1 10 0 1)
SF-FONT _"Font" ""
)

(script-fu-menu-register "effet-verre" "/Xtns/Logos")

6.) Une fois que le code complet est saisi, que le fichier est bien enregistré dans le répertoire des scripts de Gimp au format .scm, il est nécessaire de demander à Gimp de recharger les scripts par le menu Exts -> Script-fu -> Actualiser les scripts.
Désormais nous avons un entrée dans le menu Exts -> Logos -> Texte de verre qui ouvre une boîte de dialogue :

Nous pouvons alors saisir notre texte, préciser sa taille et sa police et cliquer sur Valider.
Le script s'exécute et affiche l'image créée :

Voici la version complète du script :

(define (applique-verre-effet img calque-txt)

(let* (
(largeur (car (gimp-drawable-width calque-txt)))
(hauteur (car (gimp-drawable-height calque-txt)))
(calque1 (car (gimp-layer-new img largeur hauteur RGBA-IMAGE "calque-txt 1" 40 NORMAL-MODE)))
)

(gimp-layer-set-lock-alpha calque-txt TRUE)
(plug-in-autocrop 0 img calque-txt)

(gimp-image-add-layer img calque1 1)
(gimp-edit-clear calque1)

(gimp-edit-fill calque-txt WHITE-FILL)
(gimp-selection-layer-alpha calque-txt)
(gimp-selection-shrink img 1)
(gimp-edit-cut calque-txt)
(gimp-floating-sel-anchor (car (gimp-edit-paste calque1 0)))
(plug-in-autocrop-layer 0 img calque1)
)

)

(define (effet-verre text size font )
(let* (
(img (car (gimp-image-new 256 256 RGB)))
(b-size (* size 0.2))
(calque-texte (car (gimp-text-fontname img -1 0 0 text b-size TRUE size PIXELS font)))
)
(applique-verre-effet img calque-texte)
(gimp-display-new img)
)

)

(script-fu-register
"effet-verre"
"Texte de verre"
"Crée un simple effet translucide de verre sur du texte"
"Skonce"
"Skonce"
"2008"
""
SF-STRING _"Text" ""
SF-ADJUSTMENT _"Font size (pixels)" '(100 2 1000 1 10 0 1)
SF-FONT _"Font" ""
)

(script-fu-menu-register "effet-verre" "/Xtns/Logos")

Vous pouvez télécharger ce script ici.

Nous verrons dans un prochain tutoriel comment créer un script pour générer des alphabets complets pour le Scrapbooking Digital. Lire la suite...

Une page de Digiscrap de A à Z par Le_gnou

Une première sur Gimp Tutoriel : Le_gnou membre du forum http://libertyscrap.forumpro.fr/ et défenseur des logiciels libres m'a soumis un tutoriel, écrit de sa plume, qui présente comment créer une page de digiscrap de A à Z. Il souhaitait que ce dernier soit diffusé sur Gimp Tutoriel : c'est chose faite.
Merci à lui pour sa participation.

Nous allons ensemble construire de A à Z une page de digiscrap. A la fin de cet atelier, vous aurez appréhendé les notions fondamentales des logiciels "professionnels" d'édition d'image :

• notion des calques,

• les filtres,

• les différents modes de sélection

• les outils de découpe, etc

Voici la page que nous allons réaliser :

AVANT DE COMMENCER :

Si vous avez déjà The Gimp sur votre ordinateur mais qu'il est installé depuis plus d'un an, vous avez sûrement la version 2.2 qui n'est plus utilisée aujourd'hui. En cas de doute, lancez The Gimp et allez dans le menu Aide > A propos de... Vérifiez que votre version soit bien supérieure ou égale à 2.4.1.

- Installez The gimp 2.4 sur votre ordinateur en cliquant ici
- Téléchargez le kit que je vous ai concocté à partir du kit d'août de Digi-Scrapbook : cliquez ici
- Téléchargez la police 2Peas Wild Child et installez là,
- ce sketch,
- deux photos de votre choix

ETAPE 1 : Indiquer à The Gimp où sont vos polices.

The Gimp a d'abord été conçu pour Linux et n'a été que récemment porté sous Windows.
A cause de ça, il est nécessaire d'indiquer à The Gimp de chercher vos polices dans C:\Windows\Fonts. (sous Linux, on peut mettre les polices où on veut, ce qui permet à Bernard d'avoir des polices différentes par rapport à Micheline)

Voici comment faire :

• Lancez The Gimp,

• Allez dans Fichier > Préférences

• Dans la liste à gauche, dépliez la catégorie Dossiers en cliquant sur le signe + et sélectionnez Polices

• Dans la partie droite de la boîte de dialogue, cliquez sur l'icône "Naviguer"

• Désignez le dossier C:\Windows\Fonts et validez

• Fermez The gimp, les polices seront chargées à son prochain lancement

ETAPE 2 : Création de notre projet

Nous allons créer une nouvelle image qui sera de forme carrée d'une taille de 1024 pixels de côté.

NOTE : Normalement, en scrap, une page est de dimension 30cm x 30cm, ce qui correspond à 3600px x 3600px. Mais seul un ordinateur disposant de beaucoup de mémoire vive peut vous permettre de travailler confortablement avec une telle taille d'image. C'est pour cette raison que nous nous limiterons dans cet atelier à une page de 1024 px !

Lancez The Gimp, puis Fichier > Nouveau - une boîte de dialogue s'ouvre : renseignez les informations comme ci-dessous :

Avant de commencer à travailler, nous allons enregistrer ce nouveau document : Fichier > Enregistrer sous... et appelez votre document digiscrap.xcf.

ETAPE 3 : Mise en place du papier de fond

Dans la fenêtre de votre image, faites :
Fichier > Ouvrir en tant que calques...
naviguez jusqu'au dossier Une_digipage_sous_The_Gimp et sélectionnez l'image Fond_de_page.jpg

ETAPE 4 : Encrage des bords

Commençons par créer un nouveau calque transparent. De cette manière, si l'encrage est incorrect, il suffira de gommer ce calque sans abimer notre joli papier de fond.

IMAGE > Calque > Nouveau calque... Donnez lui un nom comme Encrage_fond. Dans « Type de remplissage de calque », sélectionnez Transparence.

Nous allons maintenant encrer les bords de notre page. Rien de plus facile grâce aux brushes !

Dans la palette d'outils Gimp :

1 - cliquez sur l'outil pinceau,
2- sélectionnez une couleur rougeâtre,
3- sélectionner une brosse un peu irrégulière

Il ne vous reste plus qu'à colorer le contour de votre page...

NOTE SUR LES BRUSHES : Pour ceux et celles qui ne savaient pas ce qu'on appelle un brush, vous venez d'en utiliser un ! Il en existe des tas à télécharger sur le net que l'on peut utiliser comme des tampons dans vos digipages. Vous pouvez même créer les votres et les intégrer à The Gimp.

ETAPE 5 :

On va modifier le papier nommé Centre.jpg de façon à lui donner cet aspect :

N'ayez crainte pour la decoupe, on va utiliser le sketch comme modele. Vous allez voir, c'est plus sympa que la perforeuse et le cutter !

Si vous n'avez pas téléchargé le sketch, il est tant de vous rattraper :
http://img151.imageshack.us/img151/1992/sketch4tc1.jpg

On va commencer par ouvrir ce sketch comme calque :

Dans la fenêtre de votre image, faites :

Fichier > Ouvrir en tant que calques...
naviguez jusqu'au dossier où vous avez mis le sketch et sélectionnez l'image sketch4tc1.jpg

On refait la même manip pour ouvrir comme calque le papier Centre.jpg

Faite maintenant apparaître votre liste des calques en enfonçant simultanément les touches Ctrl L
On va d'abord travailler sur le sketch alors on va remonter le calque sketch4tc1.jpg tout en haut de la pile grâce aux fléches comme le montre cette illustration :

Vous remarquez surement que le sketch n'est pas à la bonne taille ! On va remedier à ça. Basculez vers votre image et faites :

Calque > Echelle et taille du calque...

Puis spécifier une taille de 1024 px de largeur :

Validez votre choix en cliquant sur le bouton Echelle

ATTENTION : A partir de maintenant, toute opération que vous ferez va s'appliquer au calque ACTIF, c'est à dire, dans le calque qui est en surbrillance dans la pile de calque (Ctrl + L). En cas de fausse manip, vous pouvez annuler la dernière opération grâce à Edition > Annuler ou bien Ctrl + Z.

ETAPE 6 : Découpage du calque "Centre.jpg"

• Basculez vers la liste des calques (Ctrl L), et vérifiez que vous travaillez sur le calque sketch4tc1jpg

• Remontez le tout en haut de la pile si nécessaire,

• Basculez vers la palette d'outils et sélectionnez l'outil "Sélection contiguë" (la baguette magique) et activez l'option "ajouter à la sélection courante"

• Basculez vers votre image,

• Cliquez successivement sur les bandes noires du haut et du bas du sketch,

• Basculez vers la liste des calques,

• Activez le calque "Centre.jpg",

• Basculez vers votre image et enfoncez la touche SUPPR (ou DEL) de votre clavier

• Faites Sélection > Aucune

• Basculez vers la liste des calques,

• Rendez le calque "Sketch" invisible en cliquant sur l'oeil qui apparait devant ce calque

Vous devriez avoir ceci :

• Eliminez les parties indésirables de ce calque (ce que j'ai mis en fluo) avec un outil de sélection de votre choix et la touche SUPPR (ou même l'outil gomme si vous voulez vous compliquer la vie !)

EXERCICE : Utilisez la technique vue ci-dessus pour recréer les perforations sur les "pétales" du calque Centre.jpg

Si vous voulez gagner du temps et passer à la suite, je vous autorise à tricher en téléchargeant le calque troué :
http://dl.free.fr/mIMOqlRo2

Il ne reste plus qu'à donner un peu de relief à cet élément de la page :

• Basculez vers la liste des calques,

• Sélectionnez le calque Centre.jpg,

• Clic droit > Alpha vers sélection,

• Basculez vers l'image,

• Filtres > Décoration > Ajouter un biseau...

• Décochez "Travailler sur une copie" et validez

• Sélection > Aucune

Joli, non ?

ETAPE 7 : Mise en place des 2 photos

C'est inédit, on va d'abord mettre les photos et après on fera le mattage !

• Basculez vers votre image,

• Fichier > Ouvrir en tant que calques... et ouvrez votre première photo,

• idem pour la seconde photo,

• Pour chacun de ces 2 nouveaux calques, Calque > Echelle et taille du calque...

• Spécifiez une hauteur avoisinant 270px

• Basculez vers la palette d'outils et sélectionner l'Outil de déplacement

• Placez vos deux photos correctement sur la page

Nous allons rendre ces deux photos indissociables afin de faciliter le mattage :

• Basculez vers la fenêtre des calques,

• Repérez les calques contenant vos photos et sélectionnez celui qui est le plus haut dans la pile,

• Clic droit > Fusionner vers le bas

Vos deux photos sont maintenant sur un seul et même calque

ETAPE 7 (suite) : Mattage des 2 photos

Ouvrez l'image "mattage_photos.jpg" en tant que nouveau calque. Vous savez maintenant trés bien faire ça.

Sélectionnez le calque contenant vos deux photos et faites :

• Clic droit > Alpha vers sélection

• Sélectionnez le calque "mattage_photos.jpg"

• Basculez vers l'image,

• Sélection > Agrandir la sélection et réglez la valeur à 100,

• Sélection > Réduire la sélection, décochez la case "Réduire depuis le bord de l'image" et réglez la valeur à 90,

• Sélection > Inverser la sélection et enfoncez la touche SUPPR

Et voilà le travail !

ETAPE 8 : Journaling

Activez la palette d'outils, sélectionnez l'outil texte (l'icône en forme de A) puis choisissez la bonne police et l'alignement centré :

Cliquez à l'endroit désiré dans votre page digiscrap et entrez votre texte dans la boîte de dialogue. Lorsque vous avez validé votre texte, vous pouvez, grâce aux options de l'outil texte, modifier à loisirs la taille de la police, la couleur du texte, etc

Avec une taille 35 et une couleur rouge bordeau, voici ce que j'obtiens :

Il ne reste plus qu'à donner un peu de relief à cet élément de la page :

• Basculez vers la liste des calques,

• Sélectionnez le calque de texte,

• Clic droit > Alpha vers sélection,

• Basculez vers l'image,

• Filtres > Décoration > Ajouter un biseau...

• Décochez "Travailler sur une copie" et validez

• Sélection > Aucune

Mattage du Journaling :

Ouvrez en tant que calque, le même papier que pour le fond,

• Sélectionnez le calque contenant votre journaling,

• Clic droit > Alpha vers sélection

• Sélectionnez le calque ouvert précédement,

• Basculez vers l'image,

• Sélection > Agrandir la sélection et réglez la valeur à 3,

• Sélection > Inverser la sélection et enfoncez la touche SUPPR

• Sélection > aucune

Accesssoirement, vous pouvez aussi ajouter un biseau à ce mattage

ETAPE 9 : Le titre

Comme tout à l'heure pour le journaling, utilisez l'outil texte pour placer votre titre. Choisissez une police avec de grosses lettres.

REMARQUE : Sur ma page de digi, l'effet découpé a été obtenu tout simplement car la poilice choisie était comme ça. Malheureusement, je suis incapable de me souvenir quelle était cette police. Une chose est sûre : c'était une DAFONT !

Une fois votre titre créé, ouvrez en tant que calque l'image nommée papier_titre.jpg.

• Sélectionnez le calque contenant votre titre,

• Clic droit > Alpha vers sélection

• Sélectionnez le calque papier_titre.jpg,

• Basculez vers l'image,

• Sélection > Inverser la sélection et enfoncez la touche SUPPR

• Sélection > aucune

• Supprimez le calque de texte (clic droit sur ce calque dans la liste des calques > supprimer)

Encore une fois, vous pouvez ajouter un biseau au calque papier_titre.jpg

ETAPE 10 : L'embellissement avec son ombre

Facile ! Ouvrez en tant que calque, le fichier nommé fleur.png.

Placez le à l'endroit voulu avec l'outil de déplacement .

Filtres > Ombres et lumières > Ombre portée

Laissez les options proposées et validez. Eventuellement, il est possible de déplacer le calque contenant l'ombre pour ajuster l'effet de profondeur.

ETAPE 11 : Votre défi

Terminez cette page en plaçant sous le titre, les trois morceaux de papier qui se chevauchent...

CONCLUSION :

Cet atelier un peu plus long que d'habitude vous a conduit à utiliser plusieurs techniques avec The Gimp. J'espère qu'il vous aura donné envie de découvrir et d'utiliser ce logiciel fabuleux et LIBRE !!!

Je souhaite faire un clin d'oeil à deux personnes que vous ne connaissez pas : Spencer Kimball et Peter Mattis qui ont créé The Gimp en 1995. Aujourd'hui, une équipe de centaines de contributeurs contribue à rendre The Gimp toujours plus performant !

Ce logiciel tiens une place particulière dans le monde du libre :

• Il fut le premier logiciel libre à la fois grand public et professionnel,

• A ses débuts, il n'était disponible que sous Linux et sa notoriété était telle que des infographistes sont passés à Linux rien que pour pouvoir utiliser The Gimp (rappelons que son concurrent Photoshop coûte autour de 900 € !!!)

Lire la suite...

Scrapbooking : Template incrustation de texte

Suite à une demande par mail, nous allons voir comment créer un template de digiscrap qui permet d'avoir un texte de notre choix qui se découpe sur une photo.

1.) Nous créons un document vierge, fond blanc, d'une taille de 3600*3600 pixels (taille standard des templates de scrapbooking) :

2.) Nous créons un nouveau calque transparent de la taille de notre document (taille par défaut proposée) par le menu Calque -> Nouveau calque ou MAJ+CTRL+N au clavier. Nous nommerons ce calque cadre texte.
Nous nous plaçons sur ce calque en cliquant dessus dans la fenêtre des calques (CTRL+L au clavier pour voir la fenêtre des calques).



Nous prenons l'outil sélection rectangulaire et précisons dans les paramètres de l'outil (Boîte de dialogue -> options des outils) que nous voulons arrondir les angles de notre sélection avec un rayon de 100 :

Puis nous traçons sur notre composition une sélection qu'il est possible de centrer exactement en utilisant les guides :


Puis à l'aide de l'outil de remplissage nous colorions l'intérieur de notre cadre en noir :

3.) Nous prenons ensuite l'outil texte et écrivons sur notre composition le texte souhaité. Nous précisons la police, la taille de notre texte dans les options de l'outil texte et choisissons la couleur noire.
Nous utilisons ensuite l'outil déplacer pour placer notre texte en contact avec notre cadre :


Nous fusionnons ensuite notre calque de texte avec le cadre en cliquant droit sur le calque de texte dans la fenêtre des calques et en faisant Fusionner vers le bas.

Voilà! Il ne vous reste plus qu'à enregistrer votre template au foramt Gimp (.xcf), photoshop (.psd) ou PNG et à le diffuser ou l'exploiter.

Si vous ne savez pas comment utiliser un template composé de calques avec Gimp : utiliser un template de digiscrap.

Et à ce propos, nous verrons bientôt comment utiliser un template en PNG.


Lire la suite...