Header
Partagez | 

[Thème complet] Etape 5 : Les boutons (2/3)

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Miettes

Doyenne
Bons Points (BP) : 233
Voir le profil de l'utilisateur

Message Sujet: [Thème complet] Etape 5 : Les boutons (2/3)   Ven 10 Sep - 14:05

Notre index est donc prêt. Passons à la suite : les boutons des forums


B] Les boutons des forums



Ces boutons correspondent à ceux que vous voyez quand vous entrez dans un forum : nouveau message, pas de nouveau message, message verrouillé, annonce, post-it.

Allons y Smile

*** Le bouton "Pas de nouveau message"

1/ Créez une nouvelle image de dimension 40*40px

2/ Ouvrez en tant que calque l'image "base.png" et réduisez là : largeur = 200px // hauteur = 100px

3/ Comme pour l'étape précédente, choisissez un endroit où on ne voit que le fond et ajoutez un cadre.

4/ Enregistrer en "no_msg.xcf" puis en "no_msg.png"

Vous avez votre premier bouton.


*** Le bouton "Nouveau message"

1/ Réouvrez le document "no_msg.xcf" et enregistrez le en "new_msg.xcf"

2/ Déplacez le calque "base" pour afficher votre personnage


3/ Ajoutez le texte "new" dans une couleur qui se voit bien et que l'on retrouve sur votre bannière. S'il le faut, ajouter des effets pour que l'on voit bien votre texte (ici, j'ai ajouté une lueur derrière)


4/ Attention, ça se complique un peu ici. Avant tout, enregistrez votre création avant de faire les modifications suivante. Puis enregistrez votre image sous "new_msg_anim.xcf"

5/ Dupliquez les calques "base" et "contour".

6/ Fusionnez les calques de la façon suivante :
>> Sur un calque : base + contour
>> Sur un autre calque : Base + texte (et lumière) + cadre


7/ Faites ensuite : filtre >> animation >> mélanger et faites les mêmes réglages que dans l'étape précédente (séquence : 8 // rayon : 1 // en boucle)

8/ Enregistrez votre image en "new_msg_anim.gif" (n'oubliez pas de cocher "enregistrer en tant qu'animation" Wink )

Et voilà, nous avons notre bouton


*** Le bouton "Message verrouillé"

1/ Ouvrez le document "no_msg.xcf" et enregistrez le en "msg_verr.xcf"

2/ Déplacez le calque "base" pour afficher une autre partie de l'image (si possible la même que vous avez utilisé pour le bouton verrouillé de l'index)


3/ Comme vous l'avez fait pour le bouton verrouillé de l'index, ajoutez le texte XxX

4/ Enregistrez votre image en "msg_verr.png"


*** Le bouton "Nouveau message verrouillé"

1/ Ouvrez le document "msg_verr.xcf" et enregistrez le en "new_msg_verr.xcf"

2/ Dupliquez les calques "base" et "contour".

3/ Fusionnez les calques de la manière suivante :
>> Sur un calque : base + contour
>> Sur un autre calque : base + texte + contour

4/ Faites ensuite : filtre >> animation >> mélanger et faites les mêmes réglages que dans l'étape précédente (séquence : 8 // rayon : 1 // en boucle)

5/ Enregistrez votre image en "new_msg_verr.gif" (n'oubliez pas de cocher "enregistrer en tant qu'animation" Wink )

Encore un bouton de fait Smile


Il ne nous reste plus que les boutons "annonce" et "post-it"

*** Les boutons "Annonce" et "Nouvelle annonce"

1/ Ouvrez le document "no_msg.xcf" et enregistrez le en "ann.xcf"

2/ Déplacez le calque "base" pour avoir une partie qui vous plaise

3/ Ajoutez le texte "Ann." de manière voyante (comme pour le bouton "nouveau message" si possible)

4/ Enregistrez en "ann.png"


5/ Enregistrez sous "new_ann.xcf"

6/ Dupliquez les calques "base" et "contour".

7/ Fusionnez les calques de la manière suivante :
>> Sur un calque : base + contour
>> Sur un autre calque : base + texte + contour

8/ Faites ensuite : filtre >> animation >> mélanger et faites les mêmes réglages que dans l'étape précédente (séquence : 8 // rayon : 1 // en boucle)

9/ Enregistrez votre image en "new_ann.gif" (n'oubliez pas de cocher "enregistrer en tant qu'animation" Wink )


*** Les boutons "Post-it" et "Nouveau Post-it"

Pour ces 2 boutons, répétez les mêmes opérations que pour le bouton "annonce" sauf que je vous invite à écrire "post-it" (avec un retour à la ligne entre post et it")





Tous nos boutons de messages sont à présent terminés.

Prochaine partie : [Les boutons de sujets]



Vous rencontrez un souci avec ce tutoriel ? Venez poser votre question [ici].

Idea N'oubliez pas de lire et de suivre les [règles de la section].
Revenir en haut Aller en bas
[Thème complet] Etape 5 : Les boutons (2/3)
Page 1 sur 1
 Sujets similaires
-
» Thème complet pour blog plateforme skyrock
» Thème complet pour mon forum [CERISE]
» [Thème Complet] Mangas Pub [Seky]
» probleme pour faire un lien avec mes boutons
» boutons à la place du dispatcher
Réponse rapide

School of Progress :: La bibliothèque :: Tutoriels :: Arts plastiques :: The Gimp+