[Gimp] Faire un cadre cristallisé

Aller en bas

[Gimp] Faire un cadre cristallisé

Message par Cyrgal le Mer 19 Nov - 14:49

Un cadre très cristallisé et original à créer grace à The Gimp. Un
rendu exclusif qui inclus différents effets comme les patterns, les
reflets, les dégradés ...


Niveau requis : Moyen
Difficulté : Débutant maitrisant les bases de la 2d
Temps : 10 - 15 minutes
Auteur : Maxime Douce (MacManus)

Nous allons apprendre ensemble à créer un très joli bouton (style crystal), voici le résultat de ce tutoriel :



Dans ce tutoriel, je vais vous apprendre à créer entièrement, sans aucune image de base, un bouton de type crystal.
Si c'est la première fois que vous essayez de faire ce tutoriel, ou si
vous êtes débutant dans GIMP, ne modifiez que quand je vous le propose
et suivez à la lettre les indications. Les valeurs données dans ce tuto
sont données à titre indicatif, vous pouvez à tout moment les modifier
selon vos envies et vos goûts...

Pour les purs débutants, je vous conseille d'aller voir cet excellent résumé de l'interface de GIMP, ICI.

1 - Création du fond pour le bouton

- Nous allons commencer par créer une image de 800 x 600. (Je vous impose le format de l'image, je vous expliquerai pourquoi après.)




- Nous allons ajouter un nouveau calque nommé "fond", transparent.



- A l'aide de l'outil de "Sélection rectanglaire" (R), faites un rectangle, à peu près comme dans la copie d'écran qui suit :



- Ne rien déselectionner puis allez dans :
Selection >> rectangle arrondi
- Remplissez les paramètres comme dans la copie d'écran suivante, à
savoir 83 % de rayon (je vous impose le format de l'image car si la
sélection avait été plus éttendue, ça n'aurai pas été cette valeur...).



Nous avons donc une sélection arrondie qui correspond donc à la silouhette du bouton.



- A l'aide de l'outil remplir (shift+B), remplissez le rectangle aux bords arrondis avec la couleur d'AP (Arrière Plan), à savoir normalement, le Noir...




- Ensuite, allez dans :
Selection > > Reduire la selection
- Compétez comme dans la copie d'écran ci dessous :



- Nous allons créer un nouveau calque, nommé "Relief".

- Ensuite, appuyez sur la petite flèche d'inversion , inversez les couleurs d'AP et de PP, de manière à ce que le blanc soit en PP (premier plan) et le noir en AP (Arrière plan).
Ensuite, il faut choisir l'outil de dégradé" (L), et il y a en dessous
une liste de dégradés. Vous devez choisir, le dégradé "PP Vers
transparent " (Ou Alpha. Alpha étant le terme graphique de la
transparence, ce dégradé va donc de la couleur de Premier Plan vers la
transparence).




- Vérifiez bien que vous êtes sur le calque "relief", appliquez un
dégradé du haut au bas de la sélection. Si le dégradé est inversé par
rapport à la copie d'écran suivante, vérifier que la case "inverser"
soit bien décochée, dans les options du dégradé faite les étapes
précédentes ou alors vous avez dû vous tromper quelque part.
Normalement, vous obtenez ceci :



- Réduisez encore selection :
Selection >> Reduire la sélection
- Saisissez une valeur de 30 cette fois ci.




- Ensuite, il faut créer un nouveau calque nommé "Bordure interieure".



- Saisissez l"'outil remplir" (Shift+B), et remplissez de noir la sélection, en veillant bien à être sur le calque nommé "Bordure interieure".




- Encore une fois, réduisez la selection de 1 pixel.



2 - Création de l'interieur de bouton

- Nous allons créer un nouveau calque nommé "coeur".



- Ensuite, saisisez l'Outil de dégradé" (L),
vous devez changer la couleur d'AP et de PP par des couleurs
ressemblantes à la copie d'écran suivante, en tout cas, des couleurs
pas trop differentes, dans les mêmes tons, mais l'une un peu plus
foncée que l'autre. Pensez également à remettre "PP vers AP" comme type
de dégradé.




- Nous sommes sur le calque "Coeur", effectuez le dégradé de haut en bas (clair vers foncé) dans la selection, comme dans la copie d'écran ci dessous :




- Maintenant, un petit récapitulatif en image des calques que vous devriez avoir. ATTENTION : Veillez à respecter leur ordre !



- Toujours sur le calque "coeur", appliquez un effet vidéo :
Filtres >> Distortions >> vidéos
- Et choisissez 3x3, puis validez...



3 - Effet Crystal

- Nous devons créer un nouveau calque, nommé-le [b]"crystal"
celui-ci.



- Avec l'outil de selection elliptique" (E), faites une sélection ressemblante à celle de mon image :



- Faites toujours attention d'être bien sur le calque "crystal", utilisez l'outil dégradé" (L). Remetez le blanc en couleur de PP, puis sélectionnez le dégradé "PP Vers transparent ".
- Ensuite, nous allons essayer d'obtenir un bon résultat. Tracer votre
dégradé du haut vers le bas de la sélection. Vous devez, normalement,
obtenir ceci :



- Maintenant, sélectionnez le calque "Coeur", faites un clique-droit dessus, et sélectionnez "alpha Vers Selection".



- Sélectionnez ensuite le calque "Crystal", puis faites :
Selection >> Inverser
- Puis :
Edition >> Effacer
- Vous devrez obtenir ceci :



[color=#008000]4 - Lumière

- Nous devons créer un nouveau calque transparent et l'appeler "light".



- Ensuite allez dans:
Filtres >> Ombres et lumières >> eblouissement graduel
- Choisissez comme source de lumière "Distant sun".



- Maintenant, sans quitter cette fenêtre, vous allez retourner dans la
fenêtre principale, où se trouve votre bouton, puis survolez avec le
curseur l'extrémité droite de celui-ci.
- Retenez les coordonnées qui s'affichent en bas à gauche de la
fenêtre, puis saisissez-les dans les options de réglage de la position
de la source de lumière, jouez avec les parametres, pour voir leur
utilité pour tenter d'obtenir un effet similaire à mes réglages.



- Valiez et normalement vous obtenez ceci, et ça n'est pas trop ce que l'on veut !



- Nous devons sélectionner le calque "Coeur", et faire clique-droit, "Alpha vers selection"...



- Sélectionnez ensuite le calque "light", puis faites :
Selection > > Inverser ou (Ctrl+I)

Edition >> Supprimer ou (ctrl+K)
- Vous obtenez ceci :



- Nous allons ensuite sélectioner le calque "Fond", puis dupliquez-le. Rennomez le en "fond 2".
- Sélectionnez le calque dupliqué (le plus bas de la pile), et faites :
Filtres >> Flou >> flou gaussien
- Et remplissez les valeurs approximativement comme moi :



Et voila c'est fini !


Pour les débutants, faites :
Fichier >> Enregistrer l'image...
Je vous conseille le format png, mais libre à vous de choisir.
Si en plus de cela, vous voulez enregistrer avec le format de "the
GIMP", qui vous permettra de conserver les calques, et faire des
modifications par la suite, enregistrez avec l'extension *.xcf .

Voilà j'espère avoir pu vous aider !
@+
MacManus

_________________



avatar
Cyrgal
Admin
Admin

Nombre de messages : 540
Age : 43
Logiciels Graph Utilisés : Photoshop
Date d'inscription : 09/11/2008

Voir le profil de l'utilisateur http://palette.graphforum.com

Revenir en haut Aller en bas

Re: [Gimp] Faire un cadre cristallisé

Message par BORK le Mer 19 Nov - 16:39

pas mal du tout mes bouton de forum serais super bien avec ce cadre Wink
avatar
BORK
Dépendant
Dépendant

Nombre de messages : 600
Age : 25
Logiciels Graph Utilisés : PhotoFiltre Studio
Date d'inscription : 18/11/2008

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum