TOP
tetris Programmez un Tetris en Java
360 pages PDF pour apprendre à votre rythme.
Développez des jeux vidéo en Java.
www.jdevmaker.com
Gimp 2.4
Documentation
Tutoriels
Ressources
Divers

Dernière mise à jour le 08 juin 2008
consultée 19690 fois
Réaliser  ›  Tutoriels de création  ›  Logo en verre

 

Tutoriel Un logo en verre

Ce document est sous un contrat Creative Commons.

 

Ce tutoriel permettra de nous rendre compte (si besoin en est) de la puissance des modes de calque, lorsqu'ils sont alliés à quelques techniques simple.

Logo de verre
Logo de verre

1 Préparation

1.1 Créez une nouvelle image, faites <toolbox> Fichier > Nouveau ou <image> Fichier > Nouveau. 500 x 250, RVB, fond noir. Validez.

1.2 Puis avec l'outil texte outil texte, créez le texte "Gimp", en vert, de taille 200, avec la fonte Slogan, puis centrez le grossièrement à l'aide de l'outil déplacer outil déplacer. Nommez ce calque "texte".

options de l'outil texte

Voici la couleur verte à utiliser :

couleur

1.3 Mettez ce calque de texte au dimension de l'image par <image> Calque > Calque aux dimensions de l'image.

1.4 Dupliquez le calque "texte", ainsi que le calque "Arrière-plan" par <image> Calque > Dupliquer le calque (Sélectionnez le calque à dupliquer aupravant). Ordonnez les calques dans le dialogue de calque ainsi :

dialogue de calque

1.5 Sélectionnez le calque "texte #1" (celui dupliqué) et faites <image> Calque > Fusionner vers le bas, renommez le calque unique obtenu en "calque 1" :

dialogue de calque
résultat

2 Créer les calques pour le relief

2.1 Sélectionnez le calque "texte", et faites <image> Calque > Transparence > Alpha vers sélection, afin de sélectionner le texte.

2.2 Sélectionnez "calque 1". Appliquons un flou cinétique linéaire, la sélection empêchera le flou de se répendre à l'extérieur du texte, faites <image> Filtres > Flou > Flou cinétique :

flou cinétique

Validez. Voici ce que nous obtenons :

résultat

Déselectionnez avec <image> Sélection > Aucune.

2.3 Dupliquez "calque 1", comme précédemment, et renommez le calque dupliqué en "calque 2".

dialogue de calque

2.4 Avec le "calque 2", appliquez le filtre <image> Filtres > Détection de bord > Néon :

filtre néon

Validez.

résultat

3 Un premier rendu par mode de calque

Nous allons maintenant utiliser les modes de calque afin d'obtenir un premier rendu. En faisant varier ces modes, nous pouvons varier ce rendu. Je vous en propose trois, mais vous pourrez sans doute en trouver d'autres. Si vous désirez travailler ses trois rendus, je vous propose de duppliquer l'image que nous avons réaliser. Pour cela faites , et éventuellement, enregistrez ces trois image avec le nom alternative1.xcf, alternative1.xcf et alternative1.xcf.

Alternative 1

3.1a À partir de l'image obtenu à l'étape 2.4, passez le mode de calque de "calque 2" sur Différence, et celui de "calque 1" sur Extraction.

résultat

Alternative 2

3.1b À partir de l'image obtenu à l'étape 2.4, passez le mode de calque de "calque 2" sur Différence, et celui de "calque 1" sur Soustrait.

résultat

4 Rendu final

Toutes Alternatives

Les étapes ci-dessous s'appliquent à toutes les alternatives.

4.1 Décochez la visibilité du calque "Arrière-plan" en cliquant sur l'oeil dans le dialogue de calque :

dialogue de calque

4.2 Nous allons fusionner tous les calques sauf le fond : <image> Image > Fusionner les calques visibles, puis recochez l'oeil du calque "Arrière-plan" pour le rendre visible.

fusion de calque
dialogue de calque

4.3 Désaturer le calque "texte" par <image> Couleurs > Désaturer, choisissez Moyenne et validez. Vous pouvez aussi choisir un autre paramètre de désaturation et ainsi faire varier le rendu final (assez faiblement) :

désaturation

4.4 On peut éventuellement, afin de renforcer l'aspect de verre, appliquer un flou. Sélectionnez le calque "texte" et dupliquez le ("flou"). Puis faites <image> Filtres > Flou > Flou gaussien de 1 ou 2 px sur ce calque.

4.5 Créez un nouveau calque transparent au dessus des autres ("couleur") : <image> Calque > Nouveau calque. Remplissez le de notre couleur verte avec <image> Édition > Remplir avec la couleur de PP ou <image> Édition > Remplir avec la couleur d'AP. Puis passez son mode de calque sur Couleur.

dialogue de calque

Voici le résultat avec l'aternative 1 :

résultat

Voici le résultat avec l'aternative 2, rassurez-vous, elle doit encore être travaillée... :

résultat

5 Rendu final de l'aternative 2

Les étapes ci-dessous s'appliquent uniquement à l'alternative 2.

5.1 Passez le mode de calque de "couleur" sur Superposer.

5.2 Passez le mode de calque de "flou" sur Différence.

5.3 Toujours sur le calque "flou", faites <image> Couleurs > Inverser.

résultat

5.4 Éventuellement, diminuez les ombres. Pour cela, toujours sur le calque "flou", faites <image> Couleurs > Courbes. Tracez la courbes de Valeur comme ci-dessous et validez.

Outil courbes
résultat

 

Valide XHTML 1.0 Strict
Valide CSS 2.0
Valide Accessibilité
Creative Commons License

Tous les documents et ressources sont sous un contrat Creative Commons.