Gimp : Ecrire en lettres de verre

effet verre tarnslucide gimp scrapbooking digital
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 tutorial effet verre gimp . Le texte est blanc, le document fait 500*300 pixels et son fond est transparent.

nouveau document lettre verre gimp2.) 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.

verre transparence gimp tutoriel3.) 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.

couper calque renommer gimp tutoriel4.) 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 :

créer calque copier collerIl 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 outil déplacer gimp. 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 :

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

reglage opacité calque gimpCe qui nous donne ceci :


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

effet texte verre translucide
Lire la suite...

Créer des stickers pour le scrapbooking digital

stickers scrapbooking tutoriel gimp autocollantJe 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...).

tutorial gimp stickers autocollant creation image3.) Nous utilisons ensuite l'outil texte outil texte tutorial gimp 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 :

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

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 :

agrandir selection tutoriel gimp stickers
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.

creer calque stickers gimpNous sélectionnons ensuite ce calque dans la fenêtre des calques :


En utilisant l'outil pot de peinture utiliser peindre tutorial gimp 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 :

sticker autocollant gimp tutoriel7.) 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.

reduction automatique de l'image gimp
Puis vous pourrez enregistrer votre document aux formats gif ou png qui gèrent la transparence.

stickers gimp tutoriel digiscrap
Lire la suite...

Gimp : Utiliser un masque prédéfini


tutorial gimp utiliser masqueSuite à 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 :

vacances soleil sable cocotiers maldives2.) 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 :

tutorial gimp ouverture masque
Et son calque présent dans la fenêtre des calques :

tutoriel gimp masque de calque3.) 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 :

réglage opacité gimp tutorialEn utilisant l'outil déplacer nous allons ainsi pouvoir placer le masque sur la partie de la photo qui nous intéresse :

opacité réglage calque gimp tutoriel
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.

ajustement taille masque calque gimp
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.

application masque calque gimpNous obtenons alors cela :

tutorial masque sous gimpCela 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 :
vacances photos ile déserte sable cocotiers
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). Lire la suite...

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

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 :
tutoriel gimp detourage outil extraction2.) Nous sélectionnons l'outil d'extraction du premier plan dans la palette d'outils de Gimp outil detourage extraction premier plan.
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 selection detourgae gimp, notre pointeur se change en lasso. Nous pouvons alors réaliser notre grossière sélection.

etape 1 detourage extraction gimpNous 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 detourage etape 2 gimp.

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

option outil extraction detourage gimpNous 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 :

etape 3 extraction detourage gimpIl 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 :

selection detourage gimp3.) 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 :

detourage gimp extraction tutoriel

Lire la suite...