Tutoriel Gimp et Digiscrap

Gimp en français ou Gimp en anglais : changer la langue

2010-07-16T18:19:00.017+02:00

Vous êtes nombreux à dire "J'ai installé Gimp mais je ne comprend rien! Il me cause Anglais le bougre!!! Je le veux en Français...:(". En effet il arrive que les menus et messages de Gimp soient en anglais. Ceci n'est pas du à un mauvais fichier d'installation de Gimp ou à un problème d'installation de fichier de langue. Ceci est juste du à ... Windows! C'est Chris qui m'a envoyé un petit mail pour avoir des explications à ce sujet et à l'inverse de nombreuses personnes pouvoir avoir Gimp en anglais pour un travail de traduction. Elle a eu la gentillesse de nous faire les captures d'écran pour le présent tuto "Changer la langue de Gimp", merci à elle (parce que moi les captures d'écran sous windows, bah euh...j'ai pas windows).

Ce tuto est valable pour XP, Vista et Seven.

1.) Lancez le panneau de configuration par le menu démarrer :

2.) Foncez dans les paramètres "Système" et plongez dans les entrailles de votre Windows.

3.) Demandez lui la tâche "Paramètres Système Avancés" gentiment (bah oui si vous voulez qu'il vous cause en Français, faut être gentil...)

4.) Vous arrivez dans la fenêtre des "Propriétés Système" (attention de ne pas casser les carreaux...de la fenêtre...)

Vous cliquez tout en bas de cette fenêtre sur le bouton "Variables d'environnement". Pour info, une variable d'environnement n'a rien mais alors rien à voir avec l'écologie, c'est juste un truc qui peut varier (une variable quoi) et qui est valable pour tout le système ou tout le compte utilisateur.

5.)
Là vous cliquez sur la variable LANG et vous faites modifier. Deux solutions s'offrent alors à vous :
vous voulez Gimp en Français, vous mettez fr
vous voulez Gimp en Anglais, vous mettez en

Vous validez et lancez Gimp et...

...vous vous retrouvez avec un mignon matou qui pionce dans les jardinières, de la ciboulette (?) comme oreiller en reniflant les géraniums...Non c'est pas ça qu'il faut remarquer. Le Gimp de Chris est en anglais comme elle le souhaitait!

Notez que si vous avez à changer régulièrement la langue de votre Gimp vous pouvez vous créer deux petits programmes batch qui s'occuperont de modifier la langue automatiquement.
Dans le bloc note, vous copiez ce code (vous aurez peut-être besoin de modifier le chemin qui pointe vers l'exécutable de Gimp) :

Rem Lancer Gimp en français
@echo off
set lang=fr
start "" "C:\Program Files\GIMP-2.0\bin\gimp-2.6.exe"

Et vous le sauvez sous Gimp_Fran.bat sur votre bureau.

Pour l'anglais vous créez un autre fichier dans le bloc-note et y copiez :

Rem Lancer Gimp en anglais
@echo off
set lang=en
start "" "C:\Program Files\GIMP-2.0\bin\gimp-2.6.exe"

Et vous le sauvez sous Gimp_Ang.bat sur votre bureau.

Vous n'aurez plus qu'à choisir de lancer Gimp_Fran ou Gimp_Ang en fonction de vos besoins!

DVD vidéo de formation Gimp par Elephorm

2010-02-10T15:03:00.005+01:00

Apprendre à utiliser le logiciel Gimp en suivant des tutoriels est une chose ("C'est en forgeant..."), maitriser l'outil en est une autre. En effet un tutoriel explique une des démarches possible pour parvenir à un résultat et montre de quelle façon se servir, de façon isolée, d'un ou plusieurs outils.
En s'appliquant à travailler sur des tutos nous nous construisons un savoir qui parfois ne nous offre pas l'opportunité d'acquérir de façon solide des méthodes et des concepts. Combien de fois nous disons-nous, après avoir suivi pas à pas un tutoriel : "J'y suis parvenu(e) mais je ne me sentirai pas capable de le refaire seul(e)..."?

Ainsi, je vous présente aujourd'hui un DVD de formation complète à Gimp édité par la société Elephorm qui propose des formations (sur support DVD, par téléchargement ou en VOD par streaming) dans le domaine de la création multimédia.

Le formateur qui assure la présentation du DVD est Thibaut Hofer graphiste professionnel et webmaster du site Calcyum.

La formation aborde l'utilisation de base de Gimp (gestion de l'espace de travail et des fenêtres, manipulation des documents, utilisation des calques et des canaux) et détaille l'utilisation de l'ensemble des outils de dessin (palettes, gomme, calligraphie, pinceau, les brosses, les dégradés...).
A partir de là nous disposons alors des bases indispensables à une utilisation efficace de Gimp.
Un chapitre complet est consacré aux sélections et détourages (y compris les détourages complexes avec l'outil chemin et par les canaux). Cette manipulation parfois laborieuse est pourtant à la base de tout photo-montage et nous permet d'associer dans une même composition des éléments issus de documents différents (la photo du petit dernier dans un paysage de dessin animé, votre photo à la une d'un magazine ou la tête de papy sur le corps d'un bodybuilder...).
Cette formation explique également comment améliorer et corriger les défauts de nos photos (réduction du bruit, sur ou sous-exposition, aberrations chromatiques, vignettage...).
Plusieurs ateliers pratiques nous apprennent enfin à exploiter les concepts théoriques abordés précédemment dans un cadre plus concret. Par exemple : amélioration des défauts d'une vieille photo, suppression d'un élément qui gâche une photo, réaliser un photomontage, imprimer...

L'interface du DVD est très intuitive et bien organisée : accès aux séquences vidéos par le sommaire, indication des chapitres déjà visionnés et de la durée de chaque séquence, possibilité de créer des notes permettant de dégager des points clés ou à revoir dans une séquence, outil de recherche par mot-clef...
Le discours du formateur est fluide, les termes employés sont simples, les captures vidéo d'une grande qualité même en plein écran. Le rythme des vidéos est assez tranquille ce qui permet de bien visualiser les manipulations (que le formateur n'hésite pas à reproduire plusieurs fois) mais on ne s'impatiente pas non plus à attendre la suite.

En conclusion, ce DVD de formation à Gimp constitue une très bonne ressource pour tous ceux qui envisagent d'utiliser ce logiciel libre de façon régulière dans un cadre personnel ou professionnel.

Pour plus d'informations n'hésitez pas à vous rendre sur le site de l'éditeur en cliquant sur la bannière ci-dessous :

Une photo dans un freebie cadre

2009-09-16T11:19:00.017+02:00

Suite à la demande de leloo86 dans le billet demande de tutos, nous allons voir comment nous pouvons insérer une photo dans un cadre prédéfini que vous avez, par exemple, téléchargé dans un freebies de scrap. Ici nous utiliserons un cadre en forme de bulle de B.D du kit Nuit Magique de Shineangel.

1.) Nous ouvrons dans Gimp l'image NM_frame08_shineangel.png du kit. Je suis contraint ici de réduire la taille de cette image à 800 pixels de large car l'image que je souhaite faire apparaitre dans la bulle fait à peu près cette taille. Il s'agit d'une photo de la Calanque de Sugiton à Marseille dans les Bouches du Rhône téléchargée sur www.folp.free.fr. J'ouvre également cette image sur un nouveau calque en passant par le menu Fichier -> Ouvrir en tant que calques :
Nous voyons donc notre bulle et par dessus notre photo que nous souhaitons y insérer. Nous disposons de deux calques visibles dans la fenêtre des calques (pour afficher la fenêtre des calques menu Fenêtres -> fenêtres ancrables -> calques ou CTRL+L au clavier). Nous ajoutons dès maintenant une couche de tranpsarence au calque de la calanque que nous venons d'ajouter en cliquant droit sur le calque calanque et Ajouter un canal alpha :

2.) Nous faisons diminuer l'opacité du calque de la calanque afin de voir par transparence la bulle en arrière-plan :

Ainsi à l'aide de l'outil déplacement nous allons placer notre photo telle que nous souhaitons la voir dans la bulle :

Je souhaite que la photo apparaisse et dans la grande bulle ainsi que dans les trois petits ronds.

Notons qu'il est possible à ce moment là d'imposer une rotation, une réduction de taille ou toute autre transformation à l'image que nous allons encadrer.

3.) Nous passons sur le calque de la bulle (Arrière-plan) et allons prendre l'outil baguette magique afin de sélectionner la zone du milieu de la bulle où nous souhaitons placer la photo. La baguette magique permet en effet de créer une sélection d'une zone contigüe sur la base d'une couleur. Nous cliquons donc dans la bulle et nous remarquons que nous avons créé une sélection de l'intérieur de la bulle (petits pointillés) :

Etant donné que je souhaite que ma photo se retrouve également dans les trois petits ronds du bas, je vais les ajouter à ma sélection toujours en utilisant la baguette magique , en maintenant la touche MAJ de mon clavier ( un petit plus apparait à côté du pointeur de la baguette magique pour indiquer que nous allons ajouter une sélection à la sélection actuelle) et en cliquant dans chacun des ronds.

4.) Nous disposons d'une sélection que nous allons inverser par le menu Selection -> Inverser ou CTRL+I au clavier. Nous sélectionnons le calque de notre photo de calanque et allons supprimer tout ce qu'il y a dans notre sélection (c''est à dire tout ce qui dépasse de notre bulle) par le menu Edition -> Effacer ou Suppr au clavier.

Nous pouvons maintenant remettre l'opacité du calque de la photo à 100%, annuler la sélection par le menu Sélection -> Aucune ou MAJ+CTRL+A au clavier. Notre photo est encadrée :

Nous pouvons alors enregistrer notre travail au format PNG afin de conserver la transparence et l'exploiter dans une nouvelle composition!

Découper une photo dans une photo

2009-09-14T14:27:00.014+02:00

Après un long moment d'absence dans l'écriture des tutos Gimp, je reviens avec un tuto demandé par Anonyme (;p) dans le billet Idées de tutoriel. Nous allons découvrir comment découper une photo au milieu d'une autre photo et lui donner un aspect relief.
J'ai choisi une photo disponible gratuitement sur la banque d'images gratuites et libres de droit Sharkdesign : un paysage d'océan !( les vacances sont encore présentes dans nos esprits non? )

1.) Nous ouvrons notre document dans Gimp et, à l'aide de l'outil de sélection rectangulaire, délimitons la zone que nous voulons mettre en valeur (cela n'est pas très visible sur la photo mais j'ai sélectionné l'avancée de terre sur la mer) :

2.) Nous coupons cette zone soit par le menu Edition -> Couper ou CTRL+X au clavier et la recollons aussitôt par le menu Edition -> Coller ou CTRL+V au clavier. Ceci a pour effet de créer une nouvelle sélection flottante (visible dans la fenêtre des calques Boîte de dialogue -> Calques ou CTRL+L au clavier) que nous nous empressons de renommer pour la fixer (ou ancrer comme vous voulez). Nous nous retrouvons donc avec notre partie découpée :

et deux calques (le fond avec un trou et le morceau qui va dans le trou...) :

3.) Nous cliquons droit sur le calque decoupe (le morceau qui va dans le trou) dans la fenêtre des calques et faisons Alpha vers sélection. Ceci a pour effet de sélectionner le morceau. Nous réduisons la sélection par le menu Sélection -> Réduire (j'ai mis 10 pixels mais tout dépend de la taille de départ de votre image...le but étant ici de faire une bordure autour de l'image). :

Nous inversons notre sélection par le menu Sélection -> Inverser ou CTRL+I au clavier puis nous nous emparons de l'outil remplissage (ou pot de peinture), précisons que nous souhaiton un remplissage de toute la sélection, sélectionnons une couleur blanche et cliquons dans l'entourage de notre découpe :

Nous obtenons une photo avec un cadre blanc (comme une vraie qu'on vient de faire développer ou plutôt d'imprimer à la borne du centre commercial en demandant l'option brillant avec entourage...) :

4.) Après avoir vérifié que le calque decoupe est bien sélectionné, nous utilisons l'outil déplacer pour recaler à peu près la photo au dessus de son trou et lui imposons une légère rotation grace à l'outil rotation :
Puis par le menu Filtres -> Distorsions -> Courber nous allons déformer légèrement (je dis légèrement parce que j'ai toujours tendance à abuser des effets) notre photo. Nous allons l'étirer du haut vers le bas sur les courbes inférieures et supérieures :

5.) Nous voilà avec une photo un peu courbée (parce qu'on l'a tellement manipulée cette photo de vacances emplies de souvenirs...) qui ne prendra une vraie allure de photo qu'avec une ombre portée. Menu Filtres -> Ombres et Lumières -> Ombre portée :

Nous obtenons ainsi cette photo qui se détache de son paysage d'origine. Encore une fois les effets ont été exagérés (courbure, ombre), il serait plus naturel de les adoucir :

Glitters et paillettes étincelantes : une brosse animée

2009-03-01T11:10:00.013+01:00

A la demande de Waena dans le billet Idées de tutoriels, nous allons voir comment créer des paillettes qui scintillent (des glitters) en utilisant les brosses animées de Gimp. Une brosse animée est une brosse dynamique qui modifie son comportement lors du tracé. Pas très clair? Pour plus d'informations sur les brosses animées, voir la doc officielle de Gimp : brosse animée.

1.) Nous créons une image de 100*100 pixels fond transparent.

Nous colorions le fond à l'aide de l'outil de remplissage de la couleur de notre choix qui définira la teinte principale de nos paillettes.

2.) Nous allons appliquer l'effet mosaïque à notre carré en passant par le menu Filtres -> Distorsions -> Mosaïque avec les paramètres suivants :

Nous obtenons ceci :

3.) Maintenant commence la création de la brosse animée qui permettra de donner un effet glitter à vos éléments de scrapbooking.
Pour cela nous dupliquons 3 fois notre calque Arrière-plan qui contient nos paillettes grâce au bouton de la fenêtre des calques (CTRL+L au clavier pour afficher la fenêtre des calques).
Puis nous appliquons à chacun des nouveaux calques une rotation par le menu Calque -> transformer -> rotation arbitraire. Pour le premier calque une rotation de -45 degré :
Pour le second une de -90, le suivant une rotation de +45 et le dernier (l'original) nous le conservons comme il est.
Nos calques se présentent alors comme cela :

4.) Pour que nos paillettes donnent l'impression de reflèter la lumière nous ajoutons un nouveau calque à fond transparent que nous pouvons appeler lumière. Sur ce calque à l'aide de l'outil pinceau et en alternant les brosses à contours flous et durs de différentes tailles, nous dessinons quelques ronds blancs. Afin de voir ce que nous faisons, il est nécessaire de rendre les autres calques invisibles en cliquant sur le petit oeil à côté de chaque calque.

Puis nous utilisons le filtre de déformation interactive par le menu Filtres -> distorsions -> Déformation interactive pour déformer nos tâches de lumière :

5.) L'outil rotation que nous avons utilisé a tendance à donner un effet de flou à notre image. Nous allons donc repasser sur chacun de nos calques de paillette et appliquer le filtre Filtres -> Amélioration -> Renforcer la netteté.

6.) Nous allons maintenant enregistrer notre brosse animée par le menu Fichier -> Enregistrer sous... Nous choisissons le dossier de stockage des brosses de Gimp (dans son répertoire d'installation, dossier Brushes) et nommons notre fichier glitter.gih
GIH est l'extension des brosses animées de Gimp.
Une fenêtre de dialogue s'ouvre et nous saisissons les paramètres suivants :

Glitter2 correspond au nom porté par la brosse dans l'explorateur de brosses de Gimp.
Le principe de notre brosse, c'est qu'elle choisira aléatoirement un des 5 calques de notre image à appliquer lors de son utilisation. Pour plus d'explications sur le fonctionnement des brosses animées : brosse animée.

Il ne reste plus qu'à ouvrir l'élément auquel vous souhaitez offrir des paillettes, de prendre l'outil pinceau, de sélectionner votre brosse fraichement créée (si elle n'apparait pas cliquez sur la petite flêche bleue en bas à droite de la fenêtre des brosses) et de colorier! Pensez à adapter la taille de la brosse (dans les options de l'outil pinceau) à la taille de l'élément qeu vous coloriez.

Encadrer une photo grâce aux masques

2009-02-12T20:41:00.015+01:00

Pour répondre à une question de 'Anonyme' :p sur le tuto Gimp DigiScrap : une bordure inégale et floue, nous allons voir comment créer un masque de calque pour encadrer une photo.

1.) Nous ouvrons notre photo dans Gimp et à l'aide d'un outil de sélection, nous sélectionnons la zone de la photo que nous souhaitons encadrer :

2.) Nous cliquons droit sur notre calque dans la fenêtre des calques (Fenêtres -> Fenêtres ancrables -> calques ou CTRL+L au clavier) et cliquons sur Ajouter un masque de calque.... Là nous sélectionnons Noir (transparence totale).

Nous nous retrouvons alors avec une image toute transparente. En effet tout ce qui est noir sur le masque de calque, rend notre photo transparente.

Ainsi nous allons colorier notre sélection en blnac afin de faire apparaitre notre lézard. En cliquant droit sur notre calque nous vérifions que modifier le masque de calque est bien coché.
Nous prenons l'outil de remplissage , sélectionnons la couleur blanche et cliquons dans notre sélection : le lézard réapparait! Ainsi tout ce qui est blanc sur le masque laisse "passer" l'image de la photo, tout ce qui est noir rend la photo transparente :

3.) Nous allons maintenant rendre le bord du cadre flou. Pour cela nous cliquons droit sur notre calque et affichons le masque de calque en cochant Afficher le maque de calque (je sais vous n'auriez pas deviné tout seul :o) ). Nous annulons notre sélction précédente par le menu Sélection -> Aucune ou CTRL+MAJ+A au clavier.
Par le menu Filtres -> Flou -> Flou gaussien, nous appliquons un flou à notre masque de calque :

Nous cliquons droit à nouveau sur notre calque et décochons Afficher le masque de calque. Notre lézard apparait avec une bordure flou :

Il ne nous reste plus qu'à passer par le menu Image -> Découpage automatique de l'image afin de ne conserver que ce qui nous intéresse d'enregistrer notre image dans un format qui gère la transparence (PNG ou GIF) et le tour est joué!

4.) Il est bien sur possible en modifiant le masque de calque avec par exemple les outils de menu Filtres -> Distorsions -> Déformation interactive, de créer un entourage plus complexe :

Incruster un motif, du texte, une image

2009-01-14T12:22:00.012+01:00

Voici, suite à la demande de Sylvie dans le message Idées de tutoriel, une méthode pour incruster un motif, du texte ou encore une photo sur un fond uni. A partir de ce tuto, vous pourrez créez des papiers pour vos digiscrap ou des fonds d'écran originaux.

1.) Nous créons un nouveau document et lui donnons une couleur de fond à l'aide de l'outil remplissage :

2.) Nous créons un nouveau calque par le menu Calque -> Nouveau calque. Nous le nommons motif :

Nous sélectionnons ce nouveau calque dans la fenêtre des calques (CTRL+L au clavier pour l'afficher) et à l'aide de l'outil remplissage , nous allons le remplir du motif de notre choix. Pour cela dans les options de l'outil remplissage, il est nécessaire de cocher la case Remplissage avec le motif :

Nous remplissons donc notre calque motif en cliquant dans le calque :

3.) Nous pouvons maintenant cacher ce calque de motif en cliquant sur l'oeil dans la fenêtre des calques et nous sélectionnons notre calque d'arrière-plan :

Par le menu Filtres -> Carte -> Repoussage d'après une carte nous arrivons à cette fenêtre :
Dans le menu déroulant Repoussage d'après une carte, nous sélectionnons le calque de notre motif. Nous réglons les différents paramètres pour obtenir un aperçu à notre goût et nous validons. : notre motif est incrusté dans notre calque d'arrière-plan :

Comme nous l'avons fait avec un motif, il est tout à fait envisageable de réaliser le même effet avec du texte ou une photo :

Du sang qui coule

2008-12-23T12:04:00.017+01:00

Seb nous a demandé, dans le message Idées de Tutoriels, un tuto qui expliquerait comment faire du sang qui dégouline en fond de ses tableaux de bord sous Ubuntu. Le voilà :

1.) Nous créons un nouveau document à fond blanc (si c'est pour un tableau de bord, créez le de la résolution de votre écran).
Nous créons un nouveau calque, fond transparent, que nous appellerons sang.

2.) A l'aide de l'outil plume , nous traçons une tâche de sang qui dégouline :

3.) Dans les options de l'outil plume, nous cliquons sur Sélection depuis le chemin afin de transformer notre chemin en une sélection.

4.) Pour arrondir un peu nos angles de sélection, nous passons par le menu Sélection -> Adoucir :

Ceci a pour effet d'arrondir les bords de notre sélection mais entrainera aussi un effet de flou sur les bords de la sélection au moment du remplissage. Nous passons donc par le menu Sélection -> Enlever l'adoucissement, nous garderons ainsi la forme plus réaliste des coulures dans pour autant avoir un bord flou par la suite.
Nous sélectionnons le calque sang et à l'aide de l'outil de remplissage nous colorions notre sélection d'un rouge sang (j'ai choisi #851a1a) :

5.) Nous créons un nouveau calque à fond blanc que nous nommons carte_volume. Ce calque va nous permettre de créer une carte de repoussage pour donner du volume et plus de réalisme à notre sang.
Nous sélectionnons ce calque et prenons l'outil dégradé , en mode différence du noir vers le blanc :

Si vous n'avez plus la sélection de votre tâche de sang cliquez droit sur le calque sang et Alpha vers sélection. Nous traçons des dégradés un peu dans tous les sens dans notre sélection :

Nous supprimons la sélection active par le menu Sélection -> Aucune.
Nous appliquons un flou gaussien par le menu Filtres -> Flou -> Flou gaussien :

6.) Nous nous plaçons sur le calque sang. A partir de maintenant nous pouvons cacher le calque carte_volume (en cliquant sur l'oeil à ses côtés dans la fenêtre des calques). Nous allons dans le menu Filtres -> Carte -> Repoussage d'après une carte :

Nous sélectionnons notre calque carte_volume dans le champs Repoussage d'après une carte et ajustons les valeurs pour obtenir l'effet voulu.
Nous remarquons des effets d'aliasing (escalier sur les bords des coulures) peu esthétiques liés à l'utilisation de l'outil adoucissement. L'outil barbouillage pourra permettre de remédier quelque peu à cela.

Des rubans enroulés en spirale

2008-12-16T20:06:00.015+01:00

Suite au tutoriel pour créer des rubans, vous avez été plusieur(e)s à réclamer la suite du tuto pour donner de la forme à ces rubans. Nous allons donc voir comment enrouler ces rubans afin de leur donner une apparence un peu bolduc, ruban de paquets cadeaux.

1.) Nous créons un ruban en suivant le tutoriel précédent, mais sur une image de départ de 1000*1000 pixels et nous fusionnons les calques :

2.) A l'aide de l'outil rotation , nous plaçons notre ruban en travers de la page. Nous utiliserons l'outil déplacement afin de positionner notre ruban dans le milieu de la composition :

3.) Nous aurons besoin de la suite du tutoriel d'une image vide à fond transparent. Nous créons donc une image de 100*100 pixels transparente et la sauvegardons.

Pour donner une forme moins plate à notre ruban, nous allons l'appliquer sur un cylindre. Pour cela, passons par le menu Filtres -> Carte -> Plaquer sur un objet... et nous sélectionnons Plaquer sur Cylindre, précisons que nous voulons un arrière-plan transparent et créer une nouvelle image afin de garder notre original intact.

Cela commence à prendre forme.

- Dans l'onglet lumière, nous pouvons paramétrer le type de lumière qui éclairera notre ruban. Faites des essais, en n'oubliant de cliquer sur le bouton prévisualisation pour voir le rendu :

- Faites aussi varier les paramètres dans l'onglet matériau. Vous pourrez ici faire varier la façon dont la lumière se reflète et se diffuse sur le ruban.
- L'onglet orientation vous permettra de définir la place du ruban dans la page afin de bien l'y centrer. X correspond à l'axe horizontal, Y à l'axe vertical et Z à la profondeur. Il est aussi possible ici de faire tourner le ruban autour de ces axes.
- Enfin nous allons préciser les paramètres de taille de notre cylindre.

Nous devons tout d'abord indiquer quelle image nous souhaitons voir afficher aux extrémités du cylindre. Pour régler cela nous utilisons l'image vide à fond transparent créée au début du tuto et nous l'utilisons comme image d'extrémité.

Nous modifions la taille et le rayon du cylindre sur lequel nous appliquons le ruban à notre convenance :

Il faudra peut-être revenir à l'onglet orientation pour replacer le ruban au milieu de l'image.
Nous validons et obtenons notre ruban enroulé :

En faisant varier la longueur de vos rubans de départ, en les combinant, en les dupliquant, vous pourrez créer de nombreuses formes qui orneront vos conpositions.
Nous verrons dans un prochain tuto comment faire des noeuds à partir de ces rubans.

Freebies rubans texture satin

2008-12-01T23:09:00.004+01:00

Un set de 6 rubans multicolores texture satin ondulé en PNG transparents (3600px de long).

Télécharger

Vous souhaitez créer vos propres rubans avec Gimp : le tutoriel.

Scrap : créer un ruban satin

2008-12-01T21:08:00.021+01:00

Suite à une demande Anonyme sur le billet Idées de Tutos, nous allons voir comment créer des rubans pour vos compositions de scrap. Nos rubans auront une forme simple et droite, avec quelques vagues et nous verrons dans un prochaine tuto comment leur donner des formes plus évoluées. Nous réaliserons un ruban dont la matière se rapproche du satin.

1.) Nous créons un nouveau document de 250*1000 pixels, fond transparent. A l'aide de l'outil sélection rectangulaire , nous traçons une sélection, du haut en bas de la page, de la largeur souhaitée pour notre ruban :

A l'aide de l'outil remplissage , nous remplissons notre sélection de la couleur de notre ruban.

2.) Nous créons un nouveau calque, fond blanc, que l'on peut nommer volume :

Nous prenons l'outil dégradé , précisons que nous voulons un dégradé PP vers AP (couleur de Premier Plan vers couleur d'Arrière Plan) et prenons du noir comme couleur de PP et du blanc comme couleur d'AP. Nous plaçons l'outil dégradé en mode différence :

Si vous disposez toujours de la sélection du ruban, tant mieux! Sinon faites un clic droit sur votre calque du ruban (Arrière-plan si vous ne l'avez pas renommé) et Alpha vers sélection.
Nous allons, avec notre outil dégradé tracer plusieurs lignes verticales et obliques (il faut éviter les lignes carrément horizontales) pour obtenir quelque chose dans ce style :

3.) Nous passons alors notre calque volume en mode superposer :

Nous obtenons alors notre ruban et ses plissures auquel nous pouvons ajouter une ombre portée par le menu Filtres -> Ombres et lumières -> Ombre portée :

Vous souhaitez dessiner le même ruban dans une autre couleur? Séléectionnez votre calque du rubans (Arrière-plan si vous ne l'avez pas renommé), séléctionnez le ruban avec Alpha vers sélection et coloriez le de sa nouvelle teinte avec l'outil remplissage

Nous verrons dans un prochain tuto comment déformer notre ruban aux endroits des plis pour lui donner un aspect encore plus réaliste. Nous verrons aussi comment créer des rubans aux formes plus évoluées grâce à l'outil plume.

Noël, template ScrapBooking Digital

2008-11-29T22:53:00.004+01:00

Bientôt Noël et les cartes de voeux! Un petit template de Noël avec son sapin, ses boules et son étoile.

Téléchargement format Gimp.
Téléchargement format Photoshop.

Dessiner un sapin de noël

2008-11-29T12:50:00.012+01:00

Noël approche à grand pas avec son lot de bons repas en famille, ses chocolats, ses cadeaux et son sapin de noël. Nous allons donc voir comment dessiner un sapin qui pourra orner vos compositions de scrap.

1.) Nous créons un document vierge à fond blanc de 1000*1000 pixels et ajoutons un calque transparent que l'on nomme sapin. A l'aide de l'outil chemin nous allons tracer le contour de notre sapin après avoir sélectionné notre calque sapin. Pour nous aider à dessiner un sapin à peu près équilibré, nous pouvons placer des guides en cliquant glissant sur les règles horizontales et verticales qui entourent notre document.

Pour utiliser l'outil chemin, il suffit de créer des points d'ancrage (noeuds) en cliquant sur le document. Chaque noeud est automatique relié au noeud sélectionné (par défaut le dernier noeud créé). Nous obtenons ainsi la forme de notre sapin :

Afin de "fermer" notre contour, il faut maintenir la touche CTRL du clavier enfoncée et recliquer sur notre noeud de départ, pour "boucler la boucle".
Si suite à une malencontreuse manipulation votre chemin disparaissait de l'affichage, vous pourriez le retrouver en passant par le menu Fenêtres -> Fenêtres ancrables -> Chemins et en cliquant sur l'oeil de la même façon que pour les calques :

2.) Nous allons maintenant offrir un peu de souplesse à nos branches en les arrondissant. Nous utilisons encore l'outil chemin et allons modifier le tracé de notre sapin. En maintenant la touche CTRL du clavier enfoncée nous cliquons au milieu des branches et déplaçons le nouveau noeud créé vers le bas :

Nous obtenons finalement ceci :

3.) Maintenant que le tracé de notre sapin est fait, nous allons pouvoir le colorier. Pour cela, nous devons transformer notre chemin en sélection par le menu Sélection -> Depuis le chemin ou MAJ+V au clavier. En prenant soin de bien avoir sélectionné notre calque sapin, nous pouvons remplir notre sélection du vert de notre choix avec l'outil de remplissage .

Nous pouvons maintenant cacher notre chemin en cliquant sur l'oeil dans la fenêtre des chemins (Fenêtres -> Fenêtres ancrables -> Chemins).

Nous créons un nouveau calque tronc et nous pouvons utiliser le pinceau et une brosse adaptée pour colorer notre tronc.

Voilà la première étape de la création de notre sapin est terminée. Nous verrons prochainement comment lui donner un aspect un peu moin plat, l'agrémenter de boules, d'une étoiles et de guirlandes.

Proposez vos tutos Gimp!

2008-11-25T19:25:00.003+01:00

Il y a quelques temps, Le_gnou nous avait proposé un tuto Une page de Digiscrap de A à Z.
Si vous aussi, vous avez écrit un tuto Gimp qui vous tient à coeur, agrémenté de captures d'écran et d'explications claires et précises, que vous souhaitez le voir apparaître sur http://gimptutoriel.blogspot.com, n'hésitez pas à nous le proposer sur gimptutoriel@gmail.com (dans le format qui vous arrange...).

A bientôt pour de nouveau tutos!

Passage à Gimp version 2.6!

2008-11-19T18:41:00.004+01:00

Voilà!
J'ai enfin pris le temps de mettre à jour mon Ubuntu 8.04 LTS (Héron Robuste) et de passer au 8.10 (Bouquetin Intrépide) afin de profiter des nouveautés de Gimp 2.6.
Désormais, les tutoriels seront écrits et adaptés pour cette nouvelle version.

Pas de présentation des fonctionnalités de la nouvelle version ici.
Vous pourrez trouver de plus amples informations sur le site officiel de Gimp à cette adresse en anglais : http://www.gimp.org/release-notes/gimp-2.6.html
Et pour les allergiques à l'anglais, la même en français : http://www.gimpfr.org/presentation_gimp26.php

A bientôt pour de nouveaux tutos!

Créer des emoticones animés personnalisés

2008-11-12T19:11:00.014+01:00

Vous passez des heures à discuter avec vos amis sur msn? Vous êtes fans des smileys, emoticones, binettes et autres trombines animés? Pourquoi ne pas créer grâce à Gimp vos propres emoticones animés à partir de vos photos personnelles?
1.) Nous ouvrons la photo de notre choix dans Gimp. Avec l'outil sélection rectangulaire , nous sélectionnons la zone de la photo que nous souhaitons transformer en smiley animé. Puis nous copions cette sélection par le menu Edition -> Copier (CTRL+C) et la collons comme nouvelle image par Edition -> Coller comme -> Nouvelle image (MAJ+CTRL+V) :

2.) Par le menu Filtres -> Distorsions -> Déformation interactive... nous arrivons à cette fenêtre :

En réglant le rayon de déformation et l'intensité, nous allons, en cliquant-glissant sur l'image déformer la tête de notre chat :

Puis nous cliquons sur l'onglet animation et précisons les paramètres souhaités pour l'animation :

Nous validons.

3.) Notre image étant trop grande pour un emoticone, nous allons la réduire à 100 pixels de large par le menu Image -> Echelle et taille de l'image :

4.) Nous n'avons plus qu'à enregistrer notre fichier au format .gif et préciser qu'il s'agit d'une animation :
Dans les paramètres de l'animation nous précisons un délai de 100 ms entre chaque image :

Il ne vous reste plus qu'à installer votre nouveau smiley animé dans votre programme favori de discussion en ligne.

Il serait intéressant de supprimer le fond de cette image en utilisant, par exemple, l'outil d'extraction du premier-plan.

Une bannière diaporama animée

2008-11-07T20:27:00.025+01:00

Nous allons voir comment, à partir de plusieurs petites vignettes, réaliser une bannière animée présentant les images comme un diaporama.
Pour ce tuto, nous utiliserons des vignettes présentant des modèles de maisons à ossature bois. Ces modèles sont la propriété de la société Maisons Vendée Villages, créatrice et constructrice de maisons en bois bioclimatiques (hqe).

1.) Nous partons du principe que nous disposons de vignettes de tailles identiques. Nous disposons ici de 11 vignettes de largeur 85 pixels, hauteur 50 pixels. Sur le bandeau nous présenterons 5 vignettes horizontalement. Nous créons donc une image de 5*85 = 425 pixels de large et de hauteur 50 pixels :

2.) Par le menu Ouvrir en tant que calques (CTRL+ALT+O au clavier) nous ouvrons nos 5 premières images et nous les disposons sur le bandeau en utilisant l'outil déplacer :

Il pourra être nécessaire, pour se simplifier la tâche et bien caler les vignettes, de zoomer sur la bannière et utiliser les flêches du clavier pour les déplacer (en ayant préalablement sélectionné le bon calque et l'outil déplacer ).

3.) Par le menu Image -> Aplatir l'image, nous réduisons notre image à un seul calque.
Nous aurons besoin de ce calque comme première image de l'animation (chaque calque étant à terme une image de l'animation). Nous dupliquons donc notre calque du bandeau par le menu Calque -> Dupliquer le calque ou MAJ+CTRL+D au clavier. Nous pouvons maintenant cacher le calque Arrière-plan.

4.) Nous sélectionnons le calque dupliqué, puis nous décalons l'ensemble de notre bandeau vers la droite d'une distance équivalente à une vignette. Pour cela, passons par le menu Calque -> Transformer -> Décalage et décalons notre calque bandeau de 85 pixels en X :

Ainsi notre bandeau se présente comme celà :

Par le menu Ouvrir en tant que calques nous ouvrons une nouvelle image pas encore présente sur la bannière et nous la disposons grace à l'outil déplacer dans l'espace libre. Une fois la nouvelle vignette correctement placée, nous fusionnons les deux calques :

Nous pouvons alors dupliquer ce nouveau calque, le cacher, et reprendre à l'étape 4.
Nous réalisons cela autant de fois que nous avons de vignettes à présenter.

Enfin lorsque toute sles vignettes ont été utilisées, nous pouvons enregistrer notre document au format .gif en précisant qu'il doit être animé :

Puis nous précisons les paramètres de l'animation :

Et finalement voici notre bandeau défilant :

Nous pouvons remarquer qu'il aurait fallu continuer à décaler les images pour que l'effet de défilement soit "complet".

Script-fu alphabet de stickers pour le scrap

2008-10-20T20:06:00.006+02:00

Nous avions vu vomment appliquer un effet stickers, puis comment automatiser un traitement d'image grace au scripts-fu de Gimp.
En combinant ces deux tutos, nous obtenons un script pour réaliser un effet stickers sur du texte. Mais cette fois-ci nous allons plus loin! Ce script effet-stickers, va être utilisé pour générer des alphabets complets que vous pourrez distribuer en freebies pour le scrapbooking digital.

1.) Le principe d'utilisation est simple. Vous téléchargez le script.
2.) Vous le copiez (le fichier .scm) dans votre répertoire "scripts" du dossier d'installation de Gimp.
3.) Lancez Gimp!
4.) Dans le menu Exts -> Logos, deux nouvelles entrées sont apparues : Alphabet de stickers et Texte effet stickers. Vous l'aurez compris, le premier permet de créer un alphabet complet, le second d'appliquer un effet stickers à un mot.

La fenêtre de création d'un alphabet stickers :

Vous pouvez préciser la taille de la police, la police de caracatère à utiliser, la taille de la bordure blanche du stickers et enfin le répertoire de destination pour sauvegarder votre alphabet de stickers au format PNG transparent (tout prêt à coller sur vos compositions de scrap :) ).

La fenêtre de création d'un texte effet stickers :

La même chose avec en plus le champ de texte pour saisir le texte sur lequel vous souhaitez appliquer l'effet.

Je ne rentre pas ici dans les détails du code (j'aurai pu le commenter je sais :p), des explications pourront être apportées dans les commentaires du billet.

Voici le code de ce script :

; Texte stickers
; Alphabet stickers

(define (apply-stickers-effet img logo-layer taille_bord)
(let* (
(width (car (gimp-drawable-width logo-layer)))
(height (car (gimp-drawable-height logo-layer)))
(layer1 (car (gimp-layer-new img width height RGBA-IMAGE "Layer 1" 100 NORMAL-MODE)))
)

(script-fu-util-image-resize-from-layer img logo-layer)
(gimp-layer-set-lock-alpha logo-layer TRUE)

(gimp-image-add-layer img layer1 1)
(gimp-edit-clear layer1)
(gimp-context-set-foreground '(0 0 0))
(gimp-edit-fill logo-layer FOREGROUND-FILL)

(gimp-selection-layer-alpha logo-layer)
(gimp-selection-grow img taille_bord)
(gimp-edit-fill layer1 WHITE-FILL)
(plug-in-autocrop-layer 0 img layer1)
(plug-in-autocrop 0 img layer1)

)

)

(define (save-png-file letter img dest)

(let* (
(drw (car (gimp-image-merge-visible-layers img 0)))
(file-name (string-append dest "/" letter ".png"))
)
(file-png-save RUN-NONINTERACTIVE img drw file-name file-name 0 0 0 0 0 0 0)
)
)

(define (effet-stickers text size font bordure destination)
(let* (
(img (car (gimp-image-new 256 256 RGB)))
(b-size (* size 0.2))
(text-layer (car (gimp-text-fontname img -1 0 0 text b-size TRUE size PIXELS font)))
)
(apply-stickers-effet img text-layer bordure)
;(gimp-display-new img)
(save-png-file text img destination)
(gimp-image-delete img)
)

)

(script-fu-register
"effet-stickers"
"Texte effet stickers"
"Crée un texte effet stickers"
"Skonce"
"Skonce"
"2008"
""
SF-STRING _"Text" ""
SF-ADJUSTMENT _"Font size (pixels)" '(100 2 1000 1 10 0 1)
SF-FONT _"Font" ""
SF-VALUE "Taille de la bordure" "5"
SF-DIRNAME "Destination" ""
)

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

(define (alphabet-stickers size font bordure destination)
(let* (
(alphabet '("A" "B" "C" "D" "E" "F" "G" "H" "I" "J" "K" "L" "M" "N" "O" "P" "Q" "R" "S" "T" "U" "V" "W" "X" "Y" "Z" "0" "1" "2" "3" "4" "5" "6" "7" "8" "9"))
)
(while (pair? alphabet)
(effet-stickers (car alphabet) size font bordure destination)
(set! alphabet (cdr alphabet))
)
)
)

(script-fu-register
"alphabet-stickers"
"Alphabet de stickers"
"Crée un alphabet avec un effet stickers"
"Skonce"
"Skonce"
"2008"
""
SF-ADJUSTMENT _"Font size (pixels)" '(100 2 1000 1 10 0 1)
SF-FONT _"Font" ""
SF-VALUE "Taille de la bordure" "5"
SF-DIRNAME "Destination" ""
)

(script-fu-menu-register "alphabet-stickers"
"/Xtns/Logos")

Un fond d'écran electro animé pour portable

2008-10-15T15:35:00.017+02:00

Nous allons voir comment créer un blinkie (gif animé) multicolore et electro pour personnaliser le fond d'écran de votre portable.

1.) Nous allons utiliser une image libre de droit issue du site Photos Libres :

2.) Le principe va être de créer un nouveau calque pour chacune des images de notre animation. Nous ouvrons notre image dans Gimp et affichons la fenêtre des calques par le menu Boîte de dialogue -> calques ou CTRL+L au clavier.

3.) Nous dupliquons notre calque Arrière-plan en cliquant droit sur le calque et Dupliquer le calque ou en utilisant le bouton en bas de la fenêtre des calques.
Nous cachons le calque Arrière-plan en cliquant sur l'oeil et sélectionnons le calque dupliqué afin de modifier sa couleur :

Nous passons par le menu Couleurs -> Teinte - Saturation et faisons varier le curseur Teinte afin de modifier la couleur de notre image à notre goût :

Nous obtenons une image dans les tons jaunes :

4.) Nous pouvons alors reprendre à l'étape 3. Nous dupliquons notre calque Arrière-plan une nouvelle fois, cachons notre calque jaune, et appliquons une nouvelle couleur à notre nouveau calque par le menu Couleurs -> Teinte - Saturation. Nous faisons cela jusqu'à avoir 5 ou 6 calques de couleurs différentes :

5.) Nous allons maintenant enregistrer notre document comme une animation.
Par le menu Fichier -> Enregistrer sous..., nous donnons un nom à notre fichier et lui donnons l'extension .gif.
Gimp nous propose alors de créer une animation :

Nous demandons à Enregistrer en tant qu'animation et à passer en couleurs indexées.

Puis nous spécifions les paramètres de notre animation :

Nous voulons faire une boucle infinie pour que notre animation ne s'arrête jamais, nous précisons un delai d'une demi seconde (500 ms) d'affichage de chaque image. Enfin nous enregistrons!

6.) Il ne vous reste plus qu'à transférer votre image sur votre portable par le biais de votre cable USB ou par bluetooth et à le paramétrer pour qu'il utilise votre image comme fond d'écran ou écran de veille! Demain vous serez la star du collège avec votre écran personnalisé.

Ce tuto a été testé sur un portable Nokia 5610 XpressMusic.

Créer un fond style manga

2008-10-07T19:42:00.009+02:00

Vous vous sentez une âme de mangaka (auteur de mangas, les fameuses bandes dessinées japonaises)?
Nous allons voir comment réaliser un fond dans le style manga!

1.) Nous créons un nouveau document de 800*600 pixels.
2.) Avec l'outil de remplissage , nous remplissons notre document de rouge :

3.) Par le menu Filtres -> Distorsions -> Fenêtre avec stores... nous affichons cette fenêtre de paramètrage :

La couleur des rayures sera la couleur d'arrière plan définie dans la fenêtre principale de Gimp. En modifiant le déplacement, nous parvenons à obtenir des rayures à peu près régulière. Nous choisissons enfin une orientation verticale.

Nous obtenons donc une image rayée rouge et blanc :

4.) Par le menu Filtres -> Distorsions -> Coordonnées polaires..., nous ouvrons cette boîte de dialogue :

Nous plaçons le curseur de profondeur du cercle à 0 ainsi que celui de l'angle de décalage.
Nous validons et obtenons notre fond style manga prêt à accueillir vos plus beaux dessins de personnages :

Ecrire un script-fu pour automatiser un traitement

2008-09-23T19:45:00.019+02:00

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.

Une page de Digiscrap de A à Z par Le_gnou

2008-09-17T10:25:00.020+02:00

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 € !!!)

Scrapbooking : Template incrustation de texte

2008-09-11T17:42:00.015+02:00

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.

Créer des bulles pour un roman photo de vacances

2008-08-31T13:06:00.019+02:00

Avylis dans le message Idées de tutoriel, souhaiterait savoir comment faire parler ses photos de vacances avec des bulles de B.D. Nous allons voir comment créer avec Gimp des bulles et faire parler nos photos.

1.) Nous ouvrons notre photo dans Gimp. Moi c'est le chat que je vais faire parler :

2.) Nous prenons l'outil de sélection elliptique ( ou l'outil de sélection rectangulaire pour faire des bulles rectangle) et nous traçons sur notre photo la forme souhaitée de notre bulle :

3.) Nous transformons notre sélection en chemin par le menu Sélection -> Vers chemin. Nous allons faire afficher notre chemin en ouvrant la boîte de dialogue des chemins par Boîte de dialogue -> chemins.

En double cliquant dans cette fenêtre sur votre chemin, vous le faites apparaître sur votre photo (normalement ça devrait être en mettant l'oeil comme sur les calque mais là ça ne fonctionne pas?!) :

4.) Une fois votre chemin affiché c'est l'outil chemin qui est sélectionné par défaut et ça tombe bien. En maintenant la touche CTRL de notre clavier enfoncée nous allons, en cliquant sur le chemin y ajouter deux noeuds (représentés par un gros point) de part et d'autre d'un noeud déjà existant à l'endroit où nous souhaiterons étirer notre bulle. En image :

5.) Toujours avce l'outil chemin sélectionné, nous allons cliquer sur le noeud existant de la photo ci dessus (celui autour duquel nous avons créer deux nouveaux noeuds) puis l'étirer vers la bouche (ou la gueule) du chat :

6.) Nous créons un nouveau calque transparent pour notre bulle par le menu Calque -> nouveau calque ou MAJ+CTRL+N au clavier. Nous pouvons le nommer bulle.
Nous sélectionnons notre calque bulle dans la fenêtre des calques (CTRL+L au clavier pour afficher la fenêtre des calques).
Vérifions que notre chemin est bien actif en double-cliquant dessus dans la fenêtre des chemins (nous voyons les noeuds de notre chemin sur notre photo) et vérifions qu'aucune autre sélection n'est active en faisant Sélection -> aucune ou MAJ+CTRL+A .
Nous allons maintenant tracer notre chemin par le menu Edition -> tracer le chemin.

Choisissez l'épaisseur de votre trait, prenez couleur pleine et modifiez à votre convenance le style de ligne . La couleur utilisée pour tracer la bulle sera la couleuir définie comme couleur de premier-plan. Nous obtenons ceci :

7.) Toujours avec notre calque bulle sélectionné nous allons prendre l'outil remplissage , sélectionner la couleur blanche comme couleur de premier-plan et cliquer dans notre bulle :

8.) Il ne nous reste plus qu'à utiliser l'outil texte pour remplir notre bulle du texte de notre choix :
Une fois que vous avez créé votre première bulle, vous pouvez dupliquer son calque pour les bulles suivantes et utiliser les outils de dimension et rotation pour l'adapter à la situation!

Changer la couleur des yeux

2008-08-22T23:12:00.019+02:00

Vous voulez voir quelle tête vous auriez avec des yeux bleus, verts ou encore rouges ??!!
Rien de plus simple avec Gimp. Nous allons changer la couleur de vos yeux!

1.) Nous ouvrons notre photo (avec des yeux tant qu'à faire, là d'ailleurs y'a que ça...deux yeux...) :

2.) Nous créons un nouveau calque transparent que je nomme couleur yeux puisqu'il comportera la couleur modifiée des mirettes du Monsieur de la Photo (un noble...). Pour afficher la fenêtre des calques si pas visible : CTRL+L au clavier.

3.) Nous nous plaçons sur le calque de la photo (Calque Copié pour moi) et allons sélectionner les yeux sur la photo.
Les yeux c'est plutôt rond, nous allons donc utiliser l'outil sélection elliptique pour réaliser notre sélection. Nous utilisons les poignées présentes dans le carré qui entoure la sélection pour détourer au mieux notre premier oeil.
Pour ajouter le second oeil à la sélection, il suffit de maintenir la touche SHIFT appuyée et un petit plus apparaît près de l'icone de l'outil sélection indiquant que nous allons ajouter le deuxième oeil à la sélection.

4.) Nous sélectionnons maintenant le calque couleur yeux, prenons l'outil de remplissage , sélectionnons la couleur qui nous ferait plaisir d'offrir à nos yeux et enfin vérifions que Remplir toute la sélection est bien coché dans les options de l'outil remplissage :

Nous pouvons alors donner leur nouvelle teinte à nos deux billes et les colorier :

5.) Je vous entends déjà brailler : "Ouais super! Ca ressemble à rien! Je faisais la même avec Paint!". C'est pas fini...c'est tout.

Nous allons faire passer notre calque couleur yeux en mode superposer :

Y'a déjà un mieux :

6.) Nous allons maintenant fignoler le boulot. Tout d'abord nous déselectionnons tout par Sélection -> Aucune ou SHIFT+CTRL+A au clavier.
Nous sommes toujours sur le calque couleur yeux.

Nous zoomons bien sur le détail des yeux avec la molette de la souris.

Avec la gomme et une brosse dure qui fait pile poil la taille de la pupille de l'oeil, nous allons redonner sa couleur noire à elle-ci en gommant le rouge présent dans la pupille. Pour ajuster la taille de la brosse, jouez avec la barre Etirer ou rétrecir.

Puis avec une brosse plus douce au contour flou (fuzzy), nous allons gommer doucement les endroits où le rouge déborde (sur les cils principalement).

Enfin avec l'outil pinceau et la couleur que vous avez choisie pour les yeux, nous allons mettre quelques retouches aux endroits où notre sélection elliptique n'a pas été très chanceuse.

Et finalement :

Gimp Effet reflet

2008-08-19T15:29:00.015+02:00

Nous allons voir comment faire rapidement un effet de reflet ou effet miroir d'un texte sur le sol en utilisant un masque de calque avec Gimp.

1.) Nous créons un nouveau document de 400*250 pixels et colorons l'arrière -plan de la couleur de notre choix à l'aide de l'outil remplissage .

2.) Nous sélectionnons l'outil texte , précisons notre police, la taille du texte et sa couleur dans les options de l'outil texte et écrivons notre texte :

3.) Dans la fenêtre des calques (Boîte de dialogue -> Calques ou CTRL+L au clavier) cliquez droit sur votre calque de texte et Dupliquer le calque. Nous nous retrouvons alors avec deux calques identiques du texte.
Nous sélectionnons le calque que nous venons de créer et par le menu Calque -> transformer -> miroir vertical nous retournons notre calque et le plaçons à l'aide de l'outil déplacement juste sous le calque de texte original :

4.) Nous allons maintenant créer un masque de calque associé à notre calque de reflet en cliquant droit sur le calque et Ajouter un masque de calque...
Nous choisissons l'option Blanc (opacité complète) :

5.) Nous sélectionnons notre masque de calque en cliquant dessus dans la fenêtre des calques (il doit avoir une bordure blanche) :

Nous prenons l'outil dégradé , sélectionnons le noir comme couleur de premier-plan et le blanc comme couleur d'arrière-plan, choisissons le dégradé PP vers AP (couleur de premier-plan vers arrière-plan) :

Nous traçons alors un dégradé du bas vers le haut sur notre masque de calque en cliquant sur notre image du bas du reflet vers le haut en maintenant le cli appuyé (comme un glisser-déposer). N'hésitez pas à faire plusieurs essai en annulant (CTRL+Z) et recommençant en traçant un dégradé plus ou moins long :

Et voilà!

Il est aussi possible pour accentuer l'effet de créer une "fracture" enter le plan du texte et le plan du reflet en ajoutant un dégradé sur un des deux plans :

Scrapbooking : coloriser un dessin noir et blanc

2008-08-10T22:34:00.021+02:00

Beaucoup de templates proposés en freebies pour le scrapbooking digital sont composés d'éléments composés de dégradés noir et blanc à qui l'on souhaiterait souvent offrir un peu de couleurs.
Nous allons donc voir dans ce tutoriel comment, sous Gimp, coloriser un dessin noir et blanc.

Pour cela nous allons utiliser un élément du 32ème template du blog EM Design (un blog hollandais sur le digiscrap) que vous pourrez trouver ici. Nous allons employer ici le papillon de façon isolé pour simplifier les choses mais la technique restera la même sur un template "complet".

1.) Nous ouvrons le document que nous souhaitons coloriser dans Gimp :

2.) Nous allons créer un nouveau calque par le menu Calque -> Nouveau calque ou grace au petit bouton en bas à gauche de la fenêtre des calques (Boîte de dialogue -> calques ou CTRL+L au clavier pour afficher la fenêtre des calques). Laissez les paramètres de taille par défaut, donnez un nom explicite à votre calque et choisissez la transparence comme type de remplissage :

Notre nouveau calque doit être placé au dessus de l'élément que l'on cherche à coloriser dans la pile des calques :

3.) Nous allons maintenant voir comment utiliser l'outil de sélection baguette magique pour sélectionner chacune des zones que nous allons colorier.

Cependant le principe restera toujours le même :
- se placer sur le calque "papillon"
- sélectionner à l'aide d'un outil de sélection la zone à colorier
- se placer sur le calque "couleurs"
- colorier la sélection active... et ainsi de suite.

Nous nous plaçons donc sur le calque "papillon" et nous prenons l'outil baguette magique . Cet outil va nous permettre de sélectionner une région de l'image dans la quelle les couleurs sont proches. Nous allons pouvoir faire varier le seuil de tolérance des couleurs à ajouter dans la sélection en faisant glisser la barre seuil dans les options de l'outil.

Afin de trouver la bonne valeur de seuil, il sera nécessaire de tester plusieurs valeurs. Ainsi lorsque nous n'avons pas réussi à sélectionner la partie souhaitée entièrement, il faut déselectionner (Sélection -> Aucune ou MAJ+CTRL+A au clavier), puis augmenter un peu le seuil. C'est un coup de main à prendre, mais après s'y être entrainé un peu ça devient automatique.
Par exemple pour sélectionner la partie haute de l'aile, il a fallu mettre le seuil à 59,3 et cliquer dans cette partie (on aperçoit les petits pointillés de sélection sur la photo).

Nous pourrions alors sélectionner le calque couleur et colorier notre sélection. Cependant nous allons voir comment ajouter la seconde aile à notre sélection ainsi que les parties inférieures. Pour cela nous gardons notre baguette avec le seuil précédent et nous allons maintenir la touche MAJ enfoncée en même temps que nous cliquerons la zone à ajouter (un petit plus apparait près de l'icone de la baguette pour indiquer que nous ajoutons à la séelction courante).

Ainsi :

4.) Nous passons alors sur le calque couleurs, sélectionnons l'outil de remplissage pot de peinture
, définissons la couleur que nous souhaitons appliquer à nos ailes et précisons bien dans les options de l'outil que nous voulons remplir toute la sélection :

Et nous colorions :

Nous pouvons alors :
- revenir au calque papillon
- créer une nouvelle sélection (il est possible d'employer d'autres outils de sélection en fonction de vos besoins. Les principaux sont présentés dans ce message).
- se placer sur le calque couleurs
- colorier...et ainsi de suite!

5.) Nous remarquons alors que notre couleur est "aplatie" et que nous ne distinguons plus le dégradé de l'aile. Pour remédier à cela nous allons modifier le mode du calque couleurs et le mettre en mode Fusion de grain.

Amusez vous à tester tous les modes pour voir les différents rendus.

Il est aussi possible de fignoler le travail en peignant directement sur le calque couleurs avec le pinceau en évitant de déborder et en gommant avec la gomme les petites imperfections. Pour les détails, ne pas hésiter à zoomer à fond en utilisant la molette de votre souris.

Voici ce que cela donne en mode fusion de grain une fois tout le papillon colorié.

En mode superposer :

En mode Ecran :

Freebies Scrapbooking Alphabet Rebondi Rose

2008-08-08T13:44:00.005+02:00

Basé sur le tutoriel Faites ressortir vos textes : relief et perspective, un alphabet rebondi rose en freebies.

Téléchargement

Freebies Scrapbooking Alphabet Rebondi Bleu

2008-08-08T13:40:00.004+02:00

Basé sur le tutoriel Faites ressortir vos textes : relief et perspective, un alphabet rebondi bleu en freebies.

Téléchargement

Faites ressortir vos textes : relief et perspective

2008-08-07T18:53:00.019+02:00

Vos textes et vos alphabets vous paraissent raplala? Nous allons voir comment leur donner un effet de volume et les faire ressortir sur vos compositions et vos pages de scrapbooking.

1.) Nous créons un nouveau document (fond transparent pour le scrapbooking c'est mieux) d'une taille de 800*600 pixels par exemple.

2.) Nous utilisons l'outil texte pour saisir notre texte et la fenêtre des paramètres de texte pour choisir sa police, sa couleur et sa taille.

3.) Dans la fenêtre des calques (Boîte de dialogue -> calques ou CTRL+L au clavier), nous allons tout d'abord sélectionner notre texte en cliquant droit sur notre calque de texte et en faisant Alpha vers sélection. Puis nous allons créer un nouveau calque en cliquant sur le petit bouton en bas à gauche . Nous allons choisir un fond noir pour ce calque (mettez le noir en couleur de premier ou d'arrière-plan et cochez la bonne case).

Nous obtenons donc une image noire avec la sélection de notre texte dessus :

4.) Nous allons réduire la sélection par le menu Sélection -> Réduire. J'ai choisi de réduire ma sélection de 8 pixels. Faites vos tests!

5.) En utilisant l'outil de remplissage nous allons colorier notre texte en blanc :

6.) Nous déselectionnons notre texte par Sélection -> aucune ou SHIFT+CTRL+A au clavier.
Nous appliquons ensuite un flou gaussien à notre texte blanc (c'est toujours le calque noir qui est sélectionné) par le menu Filtres -> Flou -> Flou gaussien. Voici les paramètres choisis (encore une fois faites vos tests!) :

7.) Puis nous allons mettre notre calque noir en mode Ecran dans la fenêtre des calques :

Et nous obtenons un texte un peu rebondi, arrondi, en forme quoi!

8.) Enfin, pour accentuer l'impression de relief, nous allons appliquer le filtre de perspective que vous trouverez dans Filtres -> Ombres et lumières -> Perspective. Nous appliquons ce filtre sur notre calque de texte qu'il vous faut donc préalablement sélectionné. Voici mes paramètres (faites vos ?) :

Il ne vous reste plus qu'à découper votre image pour ne garder que l'essentiel par Image -> Découpage automatique de l'image puis sauvegarder votre fichier au format PNG qui conservera la tranparence.

Freebies Scrapbooking Alphabet Stickers

2008-08-02T15:42:00.005+02:00

Un autre petit alphabet en utilisant le tutoriel "Créer des stickers pour le scrapbooking digital".

Télécharger

Freebies Scrapbooking Alphabet translucide effet verre

2008-08-01T16:49:00.005+02:00

En utilisant l'effet verre du tutoriel "Ecrire en lettres de verre", voici mon premier freebies alphabet.
Vous disposerez dans cette archive de l'alphabet complet en majuscule et des chiffres de 0 à 9 au format PNG transparent : bah oui le verre c'est transparent ;)
N'hésitez pas à proposer vos critiques en commentaires...

Téléchargement

Gimp : Ecrire en lettres de verre

2008-07-26T22:54:00.014+02:00

Cat, dans le désormais bien exploité message Idées de tutoriel, cherche à savoir comment nous pourrions utiliser Gimp pour donner une apparence translucide à un élément se rapprochant en fait d'un effet de verre.

Nous allons donc voir une méthode permettant de se rapprocher d'une texture de verre sur un texte. Cette technique pourra être adapté à tout autre élément.

1.) Nous créons notre texte avec l'outil texte . Le texte est blanc, le document fait 500*300 pixels et son fond est transparent.

2.) Nous allons sélectionner notre texte en cliquant droit sur son calque et en faisant Alpha vers sélection. Nous allons ensuite réduire cette sélection par le menu Sélection -> réduire en choisissant une réduction de 1 pixel.

3.) Nous allons ensuite (toujours avec le calque de texte sélectionné) couper cette sélection par le menu Edition -> Couper ou CTRL+X au clavier.

4.) Nous allons ensuite coller ce que nous venons de couper par le menu Edition -> coller ou CTRL+V au clavier. Ceci aura pour effet de nous créer un nouveau calque contenant l'intérieur de notre texte. Cec calque sera dans un premier temps une séelction flottante :

Il est alors nécessaire soit de renommer le calque de sélection flottante (en doucble cliquant sur son nom) ou de cliquer sur le bouton de nouveau calque pour confirmer sa création :

5.) Nous allons alors décaler le calque interieur texte que nous venons de créer en utilisant l'outil déplacement . Nous le décalons afin qu'il ne soit plus exactement dans le cadre du contour du texte de départ afin de donner comme un petit effet de relief :

6.) Puis nous allons baisser l'opacité du calque interieur texte pour lui offrir de la transparence.

Ce qui nous donne ceci :

Nous obtenons notre effet translucide se rapprochant du verre, plus visible sur fond non transparent :

Créer des stickers pour le scrapbooking digital

2008-07-24T20:56:00.017+02:00

Je ne connaissais pas les stickers en digiscrap, c'est Marilyne dans le message Idées de tutoriels qui explique, qu'en digiscrap, ce sont des mots ecrits avec un contour blanc. Moi j'étais déjà parti dans l'esprit D&co, Valérie Damidot et toute la clique avec les bambous et les coquelicots collés sur les murs...
Bon! Nous allons donc voir comment en scrapbooking digital créer des stickers avec Gimp.

1.) Nous allons tout d'abord nous rendre sur l'excellent site de polices de caractères http://www.dafont.com/fr/ afin de sélectionner la police de notre choix sur laquelle nous allons créer le stickers.

Une fois que vous avez installé votre nouvelle police sur votre ordinateur, lancez Gimp!

2.) Nous créons un nouveau document à la taille de notre choix (500*300 pixels si vous ne savez pas quoi choisir, on réduira après).
Dans les options avancées de la création de notre document, nous optons de remplir avec de la transparence (oui sur un fond blanc nous ne verrions pas notre contour blanc...).

3.) Nous utilisons ensuite l'outil texte afin de créer notre stickers. Pour utiliser la police que vous avez installée précédemment, rendez-vous dans les options de l'outil texte (menu Boîte de dialogue -> options des outils). Profitez-en pour régler la taille et la couleur de votre futur sticker :

4.) Placez votre texte à peu près au centre de votre document en utilisant l'outil de déplacement
:

5.) Notre document présente deux calques : le calque d'Arrière-plan et notre calque de texte.

Nous allons cliquer droit sur notre calque de texte (si vous ne voyez pas la fenêtre des calques, menu Boîte de dialogue -> calques ou CTRL+L au clavier) et faire Alpha vers sélection. Ceci a pour effet de sélectionner tout notre texte.
Nous allons alors agrandir cette sélection par le menu Sélection -> Agrandir. Vous pouvez alors choisir de combien de pixels vous souhaitez agrandir votre sélection : 3 pixels pour la taille de notre image peut convenir. Nous nous retrouvons alors avec une sélection de la forme de notre texte mais un peu plus grande que celui-ci :

6.) Nous allons utiliser cette sélection pour créer notre contour. Pour cela nous allons créer un nouveau calque qui contiendra ce contour. Par le menu Calque -> Nouveau calque, nous créons un calque de la taille de notre document que l'on peut nommer contour et qui aura un fond transparent.

Nous sélectionnons ensuite ce calque dans la fenêtre des calques :

En utilisant l'outil pot de peinture et en sélectionnant du blanc comme couleur de premier plan (ou tout autre couleur après tout), cliquez dans votre sélection. Problème : nous nous retrouvons avec notre contour par dessus notre texte.
Il ne nous reste plus qu'à glisser le calque du contour sous le calque du texte pour voir apparaître notre sticker :

7.) Si vous souhaitez utilisez votre sticker dans une composition de scrap ou le partager avec d'autres, il sera intéressant de réduire la taille de votre document à la taille du texte par le menu Image -> Decoupe automatique de l'image qui supprimera la zone vide autour du texte.

Puis vous pourrez enregistrer votre document aux formats gif ou png qui gèrent la transparence.

Gimp : Utiliser un masque prédéfini

2008-07-23T16:54:00.019+02:00

Suite à la demande de Stéph dans le message Idées de tutoriel ? nous allons voir comment utiliser un masque préconçu tels que ceux qu'elle a trouvé ici pour offrir un cadre original à une photo.

1.) J'ouvre tout d'abord la photo sur laquelle je souhaite appliquer le masque, ambiance soleil, sable blanc et palmiers sur une île déserte :

2.) Pour cet exemple j'ai choisi le masque que vous pouvez télécharger ici. Il s'agit du numéro 9 qui est au format standard JPG donc facilement reconnu par Gimp. Nous allons ouvrir le masque sur un nouveau calque par le menu Fichier -> Ouvrir en tant que calques.

Nous pouvons donc voir notre masque apparaître sur la photo :

Et son calque présent dans la fenêtre des calques :

3.) Nous pouvons remarquer que notre masque n'est pas adapté à la taille de notre photo. Nous allons donc voir une méthode pour arranger cela et sélectionner une partie de la photo que nous souhaitons encadrer.
Commençons par baisser l'opacité du calque du masque :

En utilisant l'outil déplacer nous allons ainsi pouvoir placer le masque sur la partie de la photo qui nous intéresse :

Puis nous redonnons son opacité à 100% à notre masque.
Toujours avec le calque du masque sélectionné, nous allons le sélectionner entièrement en cliquant droit dessus et Alpha vers sélection.

Puis nous sélectionnons le calque de notre photo et y ajoutons un canal alpha en cliquant droit dessus et Ajouter un canal alpha. La sélection du masque étant toujours active (les petits pointillés courent autour), nous allons inverser la sélection par le menu ou Sélection -> Inverser ou CTRL+I au clavier. Ainsi tout ce qui est en dehors du masque sur la photo est sélectionné.

Nous allons supprimer toute cette zone superflue par Edition -> Effacer ou Suppr au clavier.

De cette façon nous avons le masque et la partie de la photo qui nous intéresse.

Il ne nous reste plus qu'à réduire les dimensions de l'image par le menu Image -> découpage automatique de l'image.

Voilà pour les petits soucis de mise en page liés à la taille de notre photo et de notre masque. Notez qu'il aurait été possible de réduire la taille de la photo afin de l'adapter à la taille du masque.

4.) Maintenant nous allons pouvoir transformer notre image de masque en vrai masque de calque. Pour cela cliquez droit sur le calque du masque et Ajouter un masque de calque.
Là nous sélectionnons la case à cocher Copie du calque en niveau de gris.
Ainsi tout ce qui est noir sur le masque laissera apparaître l'image de notre photo et tout ce qui est blanc sera opaque à notre photo.

Nous obtenons alors cela :

Cela ne correspond pas vraiment à ce que nous aurions souhaité. Il aurait été préférable que le blanc soit transparent et le noir opaque non?

Nous allons donc annuler la création de notre masque par Edition -> Annuler Ajouter un masque de calque ou CTRL+Z au clavier.
Après avoir sélectionné le calque du masque, nous allons en inverser les couleurs par le menu Couleurs -> Inverser. Puis nous allons refaire clic droit sur le calque du masque et Ajouter un masque de calque. Nous sélectionnons à nouveau la case à cocher Copie du calque en niveau de gris.

Nous obtenons alors un effet sympa d'encadrement de notre photo :

Pour information, alors qu'il est normalement possible d'ouvrir des fichiers .psp (PaintShop Pro) avec Gimp, je ne suis pas parvenu à ouvrir celui présenté sur le site où les masques ont été téléchargés.
Par contre il est possible d'ouvrir avec Gimp les fichiers avec l'extension .msk (masques pour PSP).

Détourage facile avec l'outil extraction de premier plan

2008-07-10T16:06:00.014+02:00

Aujourd'hui nous allons apprendre à utiliser un outil récemment arrivé dans Gimp : l'outil d'extraction du premier plan . Comme son nom l'indique, cet outil permet de sélectionner facilement une zone en premier plan d'une image.

1.) Nous allons utiliser l'image d'un daim (issue de http://www.folp.free.fr/) que nous ouvrons dans Gimp :
2.) Nous sélectionnons l'outil d'extraction du premier plan dans la palette d'outils de Gimp .
La première étape consiste à sélectionner grossièrement le tour de l'élément que nous souhaitons détourer : le daim!
Automatiquement, à la sélection de l'outil , notre pointeur se change en lasso. Nous pouvons alors réaliser notre grossière sélection.

Nous voyons apparaître la zone extérieure à la sélection que nous venons d'effectuer en bleue.

2.) L'étape suivante consiste à peindre l'intérieur de l'élément que nous cherchons à détourer avec le pinceau qui est lui aussi automatiquement proposé par l'outil .

Remarquons que dans les options de l'outil nous pouvons préciser la taille de la brosse utiliser pour peindre notre intérieur.

Nous peignons donc grossièrement à l'intérieur de notre animal :

Dès que nous relachons la souris, notre sélection s'affine autour de notre élément de premier plan :

Il est alors possible au cas où certaines zones auraient été mal interprétées de préciser si elles font partie du premier plan ou de l'arrière plan en les peignant après avoir sélectionné dans les options de l'outil si l'on souhaitait peindre le premier ou l'arrière-plan dans la partie affinage interactif.
Dans mon cas, l'intérieur de l'oreille a été interprétée comme de l'arrière plan (elle apparaît en bleu). Je vais donc sélectionner Marquer le premier plan dans les options de l'affinage interactif et colorier l'intérieur de l'oreille.

Pour avoir une sélection moins "brutale" il est possible dans les options de l'outil extraction de premier-plan de cocher adoucir les bords.

Une fois que votre élément vous semble bien sélectionné, appuyez sur Entrée au clavier et votre sélection est créée :

3.) Il est alors possible, au cas où votre sélection ne serait pas encore impeccable à votre goût, en utilisant l'outil lasso , d'ajouter (en maintenant la touche MAJ de votre clavier) une partie de l'image à votre sélection ou d'en retirer (en maintetant la touche CTRL de votre clavier).

4.) Votre daim est détouré, il ne vous reste plus qu'à l'exploiter pour le faire voyager vers d'autres horizons :

Gimp : créer une mosaïque

2008-06-23T18:06:00.009+02:00

A la demande de Guillaume dans les commentaires du billet "Idées de tutoriels", nous allons voir comment créer une mosaique à partir d'une photo. Pour cela nous allons réutiliser notre photo du Sacré Coeur utilisée dans le tutoriel "Un croquis à partir d'une photo" et téléchargée sur http://www.folp.free.fr.

1.) Nous ouvrons notre photo :

2.) Passons par le menu Filtres -> Distorsions -> Mosaïque...
Nous obtenons alors la fenêtre suivante qui va nous permettre de préciser quel type de mosaïque nous souhaitons créer :

Nous voyons que nous pouvons préciser
- la forme des morceaux : carrés, hexagones, octogones et carrés, triangles.
- la taille des morceaux
- la hauteur des carreaux (donne plus ou moins l'effet de relief)
- l'espacement laissé entre les carreaux pour les "joints"
- la régularité des carreaux (pour obtenir des carrés, choisir carré comme forme de morceaux et mettre la régularité à 1)
- la direction de la lumière qui va se refléter sur les carreaux de la mosaïque
- la variation de couleur (mettre à 0 pour un rendu de couleur identique au modèle)

Les cases à cocher :

- lissage, lisse les bords des carreaux
- moyenne des couleurs calcule pour chaque carreau la moyenne des couleurs présentes dans la zone du carreau et l'affiche (un carreau -> une couleur)
- autorise le découpage des carreaux, je n'ai pas encore bien saisi l'utilité...si vous avez des pistes? A priori cela coupe certains carreaux en deux de facçon aléatoire...
- surface piquée rajoute un peu de grain aux carreaux
- éclairage de l'AV/AR Plan, si coché les joints apparaissent en blanc sinon en noir.

Voici ce que l'on obtient avec les paramètres vu dessus :

Gimp : fond d'image flou et mise en valeur

2008-06-12T15:12:00.016+02:00

Comment faire ressortir un élément d'une photo?

Nous allons tout d'abord voir une autre méthode permettant de combiner couleur et noir et blanc dans une même photo en utilisant un masque de calque puis nous verrons comment rendre le fond de l'image flou pour placer en premier plan l'élément qui nous intéresse.
Pour ce tutoriel, j'ai sélectionné une photo du Sénat dans le jardin du Luxembourg sur le site de photos libres http://www.folp.free.fr/.

1.) Nous ouvrons notre document dans Gimp et dupliquons notre calque dans la fenêtre des calques (Boîte de dialogue->calques ou CTRL+L au clavier).
Cliquez droit sur votre calque d'arrière plan et Dupliquer le calque.

2.) Sélectionnons le calque Copie de Arrière-plan et rendons le noir et blanc par le menu Couleurs -> Désaturer.
Nous ne voyons donc qu'une image noir et blanc mais n'oublions pas qu'en dessous notre calque Arrière-plan a lui gardé ses couleurs.

3.) Nous allons faire ressortir les fleurs du premier plan de cette photo. Pour cela nous allons créer un masque de calque sur la calque Copie de Arrière-plan en cliquant droit sur le calque et
Ajouter un masque de calque. Nous choisissons blanc comme couleur d'initialisation.

Le masque de calque va fonctionner ainsi :
-si l'on passe de la couleur noire sur le masque, nous verrons apparaître le calque inférieur (même comportement que la gomme) -> opacité nulle.
-si l'on passe de la couleur blanche c'est l'inverse -> opacité complète.

Ainsi en utilisant le pinceau avec une couleur noire nous allons pouvoir faire apparaître la couleur de nos fleurs. Si l'on déborde un peu, il suffit de repasser un coup de pinceau blanc pour voir réapparaître le noir et blanc.
Nous sélectionnons donc le masque de calque (le petit rectangle blanc à côté du calque Copie de Arrière-plan) et attaquons avec notre pinceau noir!

Pour bien comprendre le fonctionnement du masque, amusez vous à passez du noir au blanc...Ca fait bizarre au départ mais on s'habitue vite.

Voici ce que l'on obtient :

On comprend bien en observant notre masque de calque que le blanc donne une opacité complète et le noir une opacité nulle :

4.) Toujours avec le calque Copie de Arrière-plan sélectionné (attention le calque pas le masque), nous allons lui ajouter un flou par le menu Filtres -> Flou -> Flou gaussien...

Même si là nous observons nos fleurs floues, elles n'apparaîtront pas au final vu que cette zone est noire sur le masque de calque.

Voici le résultat obtenu :

Freebies Scrapbooking : fleurs multicolores

2008-06-12T14:51:00.005+02:00

Le désir fleurit, la possession flétrit toutes choses.
Marcel Proust

Téléchargement

Gimp : effet papier brûlé

2008-06-10T09:59:00.022+02:00

Après avoir déchiré du papier, nous allons voir comment le brûler!

1.) Création d'un nouveau document de 600*300 pixels, fond transparent.

2.) Nous ajoutons un nouveau calque transparent qui accueillera notre feuille de papier. Je le nomme papier.

3.) Nous nous plaçons sur le calque papier et prenons l'outil sélection rectangulaire .
Nous dessinons notre feuille de papier sur le calque en traçant une sélection et en la remplissant de la couleur de notre choix avec l'outil pot de peinture .

4.) Nous attrapons l'outil gomme et toujours sur le calque papier, nous gommons la zone du bord de la feuille que nous souhaitons faire cramer.

5.) Nous créons un nouveau calque transparent sur lequel nous allons appliquer la brûlure du papier. Je nomme ce calque brulure.

6.) Prenons l'outil pinceau et donnons lui ces paramètres (opacité 50% et brosse dure en cercle de 15).

Nous choisissons une couleur dans les gris (j'ai pris #9d9689) sélectionnons le calque brûlure et peignons le bord de la feuille.
Astuce : pour éviter de déborder de la feuille il est possible de se placer auparavant sur le calque papier et de faire Alpha vers sélection en cliquant droit sur le calque. Ainsi la feuille est sélectionné, il ne reste qu'à repasser sur le calque brûlure et à peindre.

Nous obtenons cela :

7.) Sélectionnons maintenant l'outil doigt qui va nous permettre d'étaler un peu la brûlure de l'extérieur de la feuille vers l'intérieur (dans le sens des flammes quoi :) ). J'utilise toujours comme brosse le cercle dur de 15 et un taux de 30 (Boîte de dialogue -> options des outils pour accéder aux options de l'outil de barbouillage).

8.) Nous allons maintenant reprendre le pinceau avec une brosse plus petite (11) et une couleur plus foncée proche du noir (#423838), opacité 100%. Nous peignons le bord de la feuille à nouveau :

9.) A nouveau nous prenons l'outil barbouillage pour étirer la brûlure vers le centre de la feuille :

10.) Enfin, nous allons donner une teinte un peu plus réaliste au papier brûlé qui tend vers le marron. Toujours sur le calque brûlure, par le menu Couleurs -> Balance des couleurs, nous faisons varier les barre de défilement des couleurs primaires jusqu'à obtenir la couleur souhaitée :

Vous pouvez rajouter une ombre portée à votre travail :

Cet effet peut être combiné au papier froissé.

Gif animé vagues et ronds dans l'eau

2008-06-09T15:35:00.016+02:00

Nous allons voir comment faire nager un cygne!

1.) Alors, tout d'abord, il nous faut un cygne qui barbote. J'en ai trouvé un sur le site d'images libres http://www.folp.free.fr/

2.) Nous ouvrons notre cygne dans Gimp (hé pas besoin de scalpel hein?)
Nous devons sélectionner l'eau qui entoure le cygne. Pour cela, nous allons en fait sélectionner le volatile à l'aide de l'outil ciseau intelligent puis nous inverserons notre sélection.

L'outil ciseau intelligent, comme son nom l'indique, est intelligent (ou presque!). Il tente de reconnaitre les formes d'une image pour nous permettre de les sélectionner plus facilement.
Pour l'utiliser, nous devons cliquer, tout autour du volatile blanc. Nous créons ainsi des points qui une fois reliés constitueront notre sélection.

Notez qu'il est possible de déplacer un point qui se serait mal placé (cliquez-déplacez le point) et que nous pouvons rajouter un point en cliquant à nouveau entre deux points. Plus il y aura de points, plus la sélection sera précise.

N'hésitez pas à zoomer (CTRL+molette de la souris) pour placer plus précisément vos points.

Voici un cygne ceinturé par les points du ciseau intelligent :

Cliquez au milieu du chemin formé par vos points : nous obtenons une sélection.
Nous allons maintenant inverser cette sélection en faisant Sélection -> inverser ou CTRL+I au clavier. C'est donc désormais l'eau qui est sélectionnée.

Pour améliorer l'animation qui va suivre nous allons réduire notre sélection de 10 pixels par le menu Sélection -> réduire (décocher réduire depuis le bord de l'image).

3.) Par le menu Filtres -> animation -> vagues, nous allons laisser Gimp générer les images de l'animation de l'eau. J'ai choisi les paramètres suivants. A vous de faire vos tests.

4.) Nous pouvons alors voir ce que donne l'animation par le menu Filtres -> animation -> rejouer l'animation.
Il ne reste plus qu'à optimiser l'animation pour le Gif par Filtres -> animation -> Optimiser (pour gif) et enregistrer notre fichier en précisant bien que c'est une animation.

Et voilà votre cygne fait des ronds dans l'eau!

Gimp : Effet papier dechiré

2008-06-09T10:04:00.016+02:00

Suite à une demande dans le message Idées de tutoriel, nous allons voir comment réaliser rapidement sous Gimp une effet de papier déchiré.

1.) Nous créons un document de 600*300 pixels (ou plus, ou moins c'est comme vous le sentez...) en fond transparent (voir Remplir avec dans les options avancées à la création du document).

2.) Nous créons un nouveau calque nommé papier qui représentera notre feuille que nous souhaitons déchirer, arracher, mettre en morceaux, en lambeaux même!
Pour cela, ouvrons la fenêtre des calques par Boîte de dialogue -> calques ou CTRL+L au clavier et cliquons sur le bouton de nouveau calque en bas à gauche. Nous lui laissons la taille par défaut et choisissons un remplissage transparent.

3.) Sélectionnons l'outil de sélection lasso , plaçons nous sur le calque papier et traçons la forme de notre papier et du bord de sa déchirure. Pour cela tracer une ligne irrégulière en travers de votre document et contourner votre fenêtre de travail pour fermer votre sélection.
Prenons l'outil de remplissage pot de peinture et donnons de la couleur à notre papier en cliquant dans la sélection (après avoir bien sûr sélectionné la couleur de votre choix!).

4.) Maintenant que le papier est créé, nous allons nous occuper de sa déchirure. Créons un nouveau calque transparent nommé déchirure.
Nous le sélectionnons.
De nouveau avec l'outil lasso nous créons une sélection qui va longer le bord de notre papier mais ne suivra pas forcément très précisément la ligne de celui-ci. Nous peignons ensuite cette sélection de blanc avec le pot de peinture.
Vous remarquerez que la calque de la déchirure est au dessus du papier et la cache. Faîtes le passer en dessous dans la fenêtre des calques.

Nous obtenons ceci :

5.) Afin de donner un aspect plus réaliste à notre papier déchiré nous allons travailler un peu sur la bande blanche. Pour cela nous allons tout d'abord voir comment la sélectionner.
Nous sélectionnons notre calque déchirure puis clique droit dessus Alpha vers sélection. Ceci a pour effet de sélectionner tout le blanc du calque. Nous allons maintenant soustraire à cette sélection le papier bleu.
Sélectionnons le calque papier et prenons l'outil sélection par couleur . Cet outil va nous permettre de soustraire toute la zone bleue à notre sélection actuelle. En effet enfoncez la touche CTRL de votre clavier (un petit moins apparait près de l'icone de votre outil sur le document) et cliquez dans la zone bleue : la sélection ne porte plus que sur la bande blanche.

6.) Avec notre sélection de la bande blanche toujours active, nous resélectionnons alors notre calque déchirure pour travailler dessus.
Nous allons utiliser l'outil barbouillage avec la brosse ronde de 11 pixels une opacité à 100 et un taux à 50. Passons l'outil sur la bande blanche. Cela a pour effet de donner un peu de transparence et d'adoucir la découpe. Nous obtenons quelque chose comme cela :

7.) Nous pouvons maintenant corriger quelques imperfections dans la découpe du papier à l'aide du pinceau mais aussi décaler le calque déchirure vers le bas pour agrandir celle-ci.
Enfin nous pouvons, après avoir sélectionné le calque déchirure, y ajouter une ombre portée par le menu Filtres -> ombres et lumières -> ombre portée.
Et voici notre page déchirée terminée.

Banque d'images gratuites et libres de droit

2008-05-28T19:17:00.004+02:00

Un petit lien vers un site sympa qui propose je cite "des photos gratuites et libres de droits à télécharger, elles sont classées par thèmes et accessibles par un moteur de recherche."
Ce site c'est Free On Line Photos http://www.folp.free.fr/

Dans la même catégorie nous pouvons aussi trouver :
http://badplayer.free.fr/
http://www.photo-libre.fr
http://gimp-savvy.com/PHOTO-ARCHIVE/ (en anglais)
http://pdphoto.org/ (en anglais)
http://www.sharkdesign.fr/

N'oubliez pas de vérifier pour chacun de ces sites les conditions dans lesquelles vous pouvez exploiter ces photos.

Des thèmes divers, un moteur de recherche, des photos de qualité : une bonne base pour s'exercer avec Gimp!

Recherche mannequins volontaires pour retouche photo

2008-05-22T18:22:00.006+02:00

Non non, pas de plan foireux dans un appartement miteux avec un photographe glauque et pervers :). Rassurez-vous!

, dans le but de proposer des tutoriels sur la retouche photo sur visage, cheveux, des détourages, montages, trucages... recherche des personnes prêtes à jouer les mannequins et à voir afficher leur trombine sur le blog.

Le principe est simple, vous envoyez votre ou vos photo(s) par mail à avec votre idée de projet et on se charge du tutoriel!

Pour donner quelques pistes :

Comment je peux changer ma couleur de cheveux avec Gimp?
Comment je peux changer la couleur de mes yeux avec Gimp?
Comment me faire une coupe rasta avec Gimp?
Comment ressembler à Hulk?
Comment me faire les oreilles d'un lutin avec Gimp?
...et tout ce qui vous passe par la tête...dans la limite de la loi :)

A bientôt!

Template Digital Scrapbooking : cadretor

2008-05-21T21:00:00.007+02:00

Téléchargement au format Gimp
Téléchargement au format Photoshop

Vieille photo : améliorations des défauts

2008-05-21T13:52:00.015+02:00

Vous êtes allés fouiller dans le grenier de Mammy? Vous y avez découvert un trésor? Une boîte pleine de vieilles photos!!! Jaunies par le temps, craquelées, déchirées, blanchâtres, vous souhaiteriez les mettre à l'abri une fois pour toute des intempéries de la vie? Une solution : numérisez les avec votre ami le scanner et nous allons voir aujourd'hui comment réparer les cicatrices du temps et les faire revivre...

1.) Nous ouvrons notre photo ancienne. Sur ma photo, j'ai flouté les visages. Ceci n'est donc pas un des défauts de la photo que nous allons tenter de corriger.
D'ailleurs en passant, pour flouter la partie d'une photo, vous pouvez utiliser l'outil de flou et de netteté représenté par la goutte d'eau .

Nous remarquons que la photo manque un peu de contraste, qu'elle est un peu blanchâtre, nuageuse et qu'elle comporte une grosse cicatrice sur le bord gauche. Nous allons voir comment remédier à cela.

2.) Occupons-nous tout d'abord de réparer la "déchirure". Nous allons pour cela utiliser l'outil de clonage ou tampon qui permet de sélectionner une zone de la photo et de la reproduire sur une autre zone.

Nous sélectionnons donc l'outil clonage.
Son fonctionnement est le suivant : maintenez la touche CTRL du clavier enfoncée et cliquez sur la zone de couleur que vous souhaitez reproduire (ici nous choisirons des zones de la veste pour corriger la craquelure sur la veste et des zones du mur pour réparer le mur).
Relâchez la touche CTRL et "peignez" sur la zone que vous souhaitez améliorer (ici la pliure).

Remarques:
-si vous vous déplacez, la zone clonée (représentée par une petite croix dans un rond) se déplace elle aussi dans l'image.
-si vous relachez le bouton de la souris et recliquez, le clonage recommence à son point de départ.

Il est possible de modifier la taille de la brosse ainsi que son opacité dans les options de l'outil clonage (menu Boîte de dialogue -> options des outils).

N'hésitez pas à zoomer sur la zone abimée de l'image pour un travail plus précis.

Il faudra reprendre plusieurs fois la zone à cloner pour un résultat satisfaisant ne tranchant pas trop avec la réalité.

Voici ce que nous pouvons obtenir :

Nous pouvons encore voir en observant précisément le passage du tampon. En effet, il subsiste des marques liées aux couleurs clonées et à la brosse utilisée. Pour rémédier à cela nous allons utilisre l'outil barbouillage qui va nous permettre de mélanger des couleurs sur une zone de l'image et ainsi donner une apparence plus réaliste à notre correction.

Voici ce que nous obtenons après le barbouillage (qui rime avec crabouillage) et la correction au tampon de la seconde pliure en bas à gauche de l'image ainsi que des petites tâches réparties un peu partout sur la photo :

3.) Nous allons maintenant voir comment donner un peu plus de netteté et de contraste à notre photo ancienne. Pour cela nous accédons au menu Couleurs -> Luminosité - Contraste.
A partir de ce menu nous allons pouvoir régler la luminosité et le contraste (vous n'aviez pas deviné hein?) de notre photo et lui donner un aspect moins blanchâtre et en faisant ressortir un peu les détails.

A chacun ensuite de trouver ses propres réglages en fonction de ses goûts et surtout de la photo de départ...

Il est par ailleurs possible d'utiliser dans le menu Couleurs -> Niveaux, le paramétrage des niveaux de couleurs pour "préciser" les couleurs de la photo...

Bilan final, avant-après :

Gimp : dessiner des étoiles, des ronds, des courbes

2008-05-19T19:16:00.016+02:00

Nous allons voir comment créer et dessiner simplement des figures géométriques avec Gimp en utilisant GFig. GFig permet en effet de dessiner des lignes, des ronds, des ellipses, des courbes de bézier, des étoiles, des polygones...

1.) Créons un nouveau document de 600*600 pixels...enfin de la taille qui vous plaît hein?

2.) Passons dans le menu Filtres -> Rendu -> Figures géométriques (GFig)

3.) Nous observons dans la barre du haut toutes les figures que nous allons pouvoir dessiner avec GFig.

Un trait
Un carré
Un rond
Une ellipse
Un arc de cercle
Un polygone
Une étoile
Une spirale
Une courbe de Bézier

Pour dessiner une forme, sélectionnez la dans la barre, cliquez, glissez, relachez. La forme est dessinée.

Nous n'allons pas étudier ici chacune des formes que l'on peut dessiner ainsi que tous les paramètres que l'on peut faire varier, ce serait trop fastidieux...

Toutefois, nous pouvons retenir que pour chaque forme dessinée, deux paramètres peuvent être changés :

La brosse utilisée pour le tracé ainsi que la couleur du trait
Le type (motif, dégradés...) et la couleur de remplissage de la forme

Pour les polygones, les étoiles et les spirales, il est possible de préciser le nombre de côtés de la figure (heuuu...pour une spirale, ça veut dire quoi le nombre de côtés??!?).

Enfin, il existe sur la barre un bouton permettant de déplacer un objet , de déplacer un point d'une forme , de copier un objet , de supprimer un objet et enfin de sélectionner un objet .

Tous ces outils permettent de dessiner rapidement et facilement des formes géométriques.

Template Digital Scrapbooking : trois cadres

2008-05-03T08:15:00.004+02:00

Téléchargement au format Gimp
Téléchargement au format Photoshop

Template Digital Scrapbooking : voie lactée

2008-04-30T21:24:00.005+02:00

Un nouveau template pour avoir la tête dans les étoiles!

Téléchargement au format Gimp
Téléchargement au format Photoshop

Bon scrap!

Gimp : écrire le long d'une courbe ou d'une forme

2008-04-30T13:14:00.022+02:00

Nous avions déjà vu comment écrire le long d'un chemin sous Gimp, mais parfois nous pouvons avoir envie de suivre le chemin d'une forme déjà existante sur un template de digiscrap par exemple.
La façon de procéder consiste à créer un chemin qui va suivre la forme et à appliquer la même méthode que dans le tutoriel écrire le long d'un chemin sous Gimp. Toutefois nous verrons cette fois comment ne pas seulement tracer le contour des lettres mais les remplir d'une ou plusieurs couleurs.

Pour ce tutoriel, nous allons utiliser le template boule (certains ont dit "masque de plongée"...).

1.) Nous ouvrons le template.

Nous pouvons supprimer le calque de texte de présentation du template qui ne nous servira plus.

2.) Nous allons utiliser l'outil chemin pour tracer un chemin le long de la forme sur laquelle nous voulons écrire.

L'outil chemin permet de créer des noeuds qui se rejoindront pour former le chemin. Nous allons donc cliquer tout le long de noter forme pour créer notre chmein. Plus il y aura de noeuds plus le chemin sera précis.

Sélectionnons l'outil chemin dans notre palette d'outils et affichons les options de l'outil par le menu Boîte de dialogue -> options des outils.
Nous sélectionnons le mode tracer.

Nous allons pouvoir ajouter les noeuds de notre chemin le long de la forme. Je choisis ici de créer un chemin le long du cadre blanc.

Si certains points vous semblent mal placés, il est possible de les déplacer après en cliquant sur le point concerné et en glissant avec la souris.

Si votre chemin disparait suite à une manipulation, pas de panique! Il suffit d'afficher la fenêtre des chemins par le menu Boîte de dialogue -> chemins. Là vous pouvez voir tous les chemins de votre document.
Cliquez dans la première case de votre chemin pour faire apparaître l'oeil et que votre chemin soit affiché sur le document.

Vous pouvez alors à nouveau modifier votre chemin en sélectionnant l'outil chemin et en cliquant sur celui-ci dans votre document.

3.) Imaginons que nous souhaitions que notre texte ne soit pas le long du cadre mais un peu plus haut. Pour cela nous allons déplacer l'ensemble du chemin en sélectionnant le mode Déplacement.

Nous n'avons plus qu'à cliquer sur un noeud actif de notre chemin (celui qui est vide) et glisser le chemin à l'endroit souhaité.

Il est aussi possible en passant en mode Edition et en maintenant la touche MAJ enfoncée de supprimer un noeud du chemin.

4.) Maintenant que notre chemin est créé, attaquons-nous au texte. Nous sélectionnons l'outil texte , cliquons sur notre document et saisissons notre texte. En affichant les options de l'outil texte, nous choisissons la police et la taille qui nous convient et qui soit adaptée à ce que l'on souhaite faire (écrire le long du chemin...).
Le choix fait ici pour la taille et la police ne sera plus modifiable une fois que le texte sera tracé le long du chemin...

Si vous ne voyez pas votre texte s'afficher sur le document c'est sans doute que votre calque de texte a été créé sous un autre calque du template qui le cache. Affichez la fenêtre des calques (Boîte de dialogue -> calques ou CTRL+L au clavier) et glissez-déposez votre calque de texte en premier dans la hiérarchie des calques :

5.) Nous allons maintenant faire suivre le chemin à notre texte.
Si vous n'êtes plus en mode édition de votre calque de texte, doucle-cliquez sur le T de votre calque de texte dans la fenêtre des calques et ouvrez les options de l'outil texte.

Nous allons cliquer sur le bouton Texte le long d'un chemin pour que notre texte soit tracé le long du chemin que nous avons créé.

Un nouveau chemin est alors créé. C'est le chemin de notre texte le long du chemin que nous avions créé :

6.) Nous pouvons à ce moment cacher ou supprimer le calque de texte de départ (dans la fenêtre des calques) afin d'y voir plus clair.
Nous pouvons aussi cacher le chemin le long duquel le texte a été tracé (dans la fenêtre des chemins).

Nous disposons donc maintenant d'un chemin qui représente notre texte courbé. Afin de lui donner vie (un chemin n'est qu'un élément de tracé qui sert d'outil mais mais qui n'existe pas concrètement sur la composition), nous allons créer un nouveau calque dans la fenêtre des calques que nous pouvons nommer chemin courbé :

Une fois le calque créé, nous retournons dans la fenêtre des chemins (Boîte de dialogue -> chemins) .
Nous cliquons droit sur notre chemin de texte et sélectionnons Chemin vers sélection.
Nous avons ainsi créé une sélection basé sur le chemin de texte. Et cette sélection, nous allons maintenant pouvoir lui donner de la couleur.

Vérifions que le calque texte courbé est bien sélectionné et sélectionnons l'outil pot de peinture .
Affichons les options de cet outil et vérifions que Remplir toute la sélection est bien coché.

Nous n'avons plus qu'à sélectionner une couleur et cliquer dans la sélection de notre texte pour colorier celui-ci.

Nous pouvons alors déselectionner le texte par le menu Sélection -> Aucune et supprimer l'affichage du chemin autour du texte dans la fenêtre des chemins et voilà! Notre texte le long d'une forme est tracé :

Template Digital Scrapbooking : boule

2008-04-26T09:45:00.006+02:00

Un petit template en forme de ... boule! Ce template servira pour un futur tutoriel expliquant comment écrire le long d'une courbe.

Bon scrap!

Oups!!! Je viens de me rendre compte que j'avais oublié les liens pour le téléchargement!!!

Template Digiscrap Boule pour Gimp
Template Digiscrap Boule pour Photoshop

Gimp : effet lueur extérieure

2008-04-21T23:26:00.013+02:00

Après l'effet néon, l'effet lueur extérieure.
Cet effet donnera une apparence brumeuse et nuageuse à vos dessins et me fait penser à ce que mes yeux voient parfois le soir tard...très tard...

1.) Créer un nouveau document de 400*100 pixels.
2.) Nous utilisons l'outil texte pour saisir le texte que nous souhaitons orner d'une lueur, en précisant la police et la couleur de notre texte.

Nous faisons ensuite le menu Calque -> calque aux dimensions de l'image afin que notre lueur ne soit pas tronquée au moment de sa création.

3.) Par le menu Filtres -> Alpha vers logo -> lueur extérieure...nous accédons à ce menu qui va nous permettre de choisir la taille de notre lueur ainsi que sa couleur.

Après validation voici ce que nous obtenons :

4.) Nous remarquons qu'un fond noir s'est invité dans l'image et que même si nous avions donné une autre couleur à notre texte, celui-ci redevient noir.
Nous pouvons observer cela dans la fenêtre des calques (menu ou Boîte de dialogue -> calquesCTRL+L au clavier).

Ainsi, si l'on souhaite changer la couleur de fond, nous devons sélectionner le calque Background et le recolorier à l'aide de l'outil pot de peinture . De même pour le texte!

Template Digital Scrapbooking : petit puzzle

2008-04-21T10:45:00.004+02:00

Toujours dans l'idée du puzzle, mais avec des pièces plus petites...pour laisser plus de place à votre créativité!

Téléchargement au format Gimp
Téléchargement au format Photoshop

Template Digital Scrapbooking : puzzle

2008-04-20T23:07:00.004+02:00

De retour avec un nouveau template : un puzzle!

Chaque pièce est indépendante et peut accueillir une photo.

Téléchargement format gimp
Téléchargement format photoshop

Bonne soirée, bon scrap!

Gimp : un blinkie néon (gif animé)

2008-04-18T13:31:00.019+02:00

La mode est au blinkie (petite image animée du web)! En fait ce n'est qu'un retour des gifs animés des débuts d'internet.
A ce propos le jeune site http://blingee.com/vous permet de créer vos blinkie en ligne avec paillettes et stras!!!

Nous avions déjà vu comment créer une animation avec Gimp dans laquelle nous redonnions le sourire à Henri Salavador.
Nous allons voir comment créer un blinkie avec gimp en réutilisant l'effet néon. Le principe reste le même quel que soit le blinkie ou l'animation que vous souhaitez réaliser : chaque calque réprésente une image de l'animation qu'il faudra enregistrer comme telle (gif animé) et optimiser pour le web.

1.) Créer une image de 400*100 pixels.
2.) Nous utilisons l'outil texte pour insérer notre texte.

3.) Nous mettons le calque de texte aux dimensions de l'image par le menu Calque -> Calque aux dimensions de l'image...

3.) Nous allons donner l'effet néon à notre texte par le menu Filtres -> Alpha vers logo -> Néon...
Voici les paramètres que je choisis, faites vos tests!

Voici ce que ça donne :

4.) Nous remarquons que l'effet neon a créé de nouveaux calques sur notre image :

Nous allons faire un peu le ménage en applatissant les trois calques Neon Tubes, Neon Glow et Background. Pour cela cliquons droit sur Neon Tubes et faisons Fusionner vers le bas, faisons de même avec Neon Glow.
Enfin, supprimons le calque Arrière-plan (sélectionnez le calque Arrière-plan et cliquez la petite poubelle en bas à droite de la fenêtre des calques).
Nous n'avons plus qu'un seul calque :

5.) Nous allons maintenant créer les images de notre blinkie. Chaque image de l'animation sera représentée par un calque. Nous dupliquons donc notre calque en cliquant droit dessus et en faisant Dupliquer le calque. Cela nous crée un calque Copie de Background que nous sélectionnons.
Nous allons changer la couleur de notre néon par le menu Couleurs -> Teinte-Saturation.

Faites glisser le curseur Teinte et validez lorsque la couleur vous convient.

6.) Nous renouvelons l'opération Duplication calque - Changement de Couleur autant de fois que nous le souhaitons.

Attention plus il y aura d'images différentes dans votre animation plus son poids sera élevé et plus son temps de chargement sera long...

J'ai opté pour cinq calques de couleurs différentes :

7.) Il est possible d'avoir un premier aperçu de votre animation blinkie par le menu Filtres -> Animation -> Rejouer l'animation...Une nouvelle fenêtre s'ouvre et vous pouvez cliquer sur le bouton de lecture. Ceci n'est qu'un aperçu. En enregistrant votre animation vous pourrez choisir le temps d'afichage de chaque image.

Vous pouvez aussi remarquer que dans le menu Filtres -> Animation

Nous allons maintenant enregistrer notre animation par le menu Fichier -> Enregistrer sous...Nous choisissons un nom à notre fichier et lui donnons l'extension .gif

Gimp va alors nous demander si l'on souhaite faire de notre image une animation :

Il faut donc lui préciser que l'on souhaite enregistrer notre fichier comme une animation.

Puis nous réglons les paramètres de l'animation, en particulier le délai entre chaque image:

Et voilà! Il ne vous reste plus qu'à diffuser votre blinkie sur votre site!

Gimp Scrapbooking : téléchargement des freebies boutons

2008-04-17T18:54:00.019+02:00

Héhééééé, nous avions appris ici à réaliser nos propres freebies boutons avec Gimp à partir d'une photo et ici à les coloriser! Mais seulement ceux-ci n'étaient disponibles au téléchargement. Et comme certain(e)s sont pressé(e)s de scrap-composer, ne veulent pas trop se fatiguer et sont plus farniente qu'ébullition de cerveau, les voici dispo en téléchargement :

	Télécharger		Télécharger
	Télécharger		Télécharger
	Télécharger		Télécharger
	Télécharger		Télécharger