Partagez | 
 

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

Voir le sujet précédent Voir le sujet suivant Aller en bas 
avatar
Bons Points (BP) : 493

Voir le profil de l'utilisateur

MessageSujet: [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].
 

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

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» probleme pour faire un lien avec mes boutons
» boutons à la place du dispatcher
» [Resolu] Disparitions de boutons et autres !
» [Résolu] Impossible de mener à terme un scan complet
» Infos pour racoorder mon FR1B avec un E66 à boutons accordéo

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Progress :: La bibliothèque :: Tutoriels :: Arts plastiques :: The Gimp-
Sauter vers:  
Espace Admin du site

©2008-2018 - School Of Progress - Toute reproduction totale ou partielle est interdite.
Design réalisé par Mewyn - Forum hébergé par forumactif.com

Les logos des SoPiens

Nos correspondants