Bouton Style Crystal
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
Ce tutoriel est réalisé avec le logiciel The Gimp :
• Cliquez-ici pour télécharger gratuitement The Gimp >>
• Cliquez-ici pour télécharger gratuitement The Gimp >>
!
):
*
Merci de me l'avoir indiquée !
