Partagez | 

[Thème complet] Etape 7 : Les boutons de message

Message Sujet: [Thème complet] Etape 7 : Les boutons de message    Lun 13 Sep - 17:45

Miettes

avatar
Voir le profil de l'utilisateur
Bons Points (BP) : 498
Nous voici à l'avant dernière partie de notre série de tutoriels pour faire un thème complet Smile Ici, nous allons voir comment faire les boutons de message (citer, éditer, supprimer, profil, etc). Pour cela, nous allons fortement nous baser sur la partie pour faire la barre de nav.

[Revoir l'étape précédente]





Ici, nous allons, une fois encore, faire quelque chose de simple. Nos boutons ne seront que du simple texte.

Etape 7 : les boutons de message



1/ Créez une nouvelle image de dimension 650px de large sur 40px de haut avec un fond transparent.

2/ Avec une typo basique de taille 14px (si possible la même que vous allez utiliser pour votre forum), ajoutez un calque de texte comportant :
"Editer, Citer, Supprimer, IP, Profil, MP, Site, Yahoo, MSN, Mail, Skype"

Je ne fais que quelques boutons, mais le principe est le même pour les autres. Ici, j'ai choisi d'utiliser la police "verdana bold".

3/ Ajoutez un nouveau calque de texte "En ligne" d'une couleur différente (essayez de reprendre celle du bouton "message !" et "rejoins-nous" de la barre de nav')

[The Gimp] Faire un thème complet : les boutons de message

4/ Travaillez le texte comme la barre de nav', pour l'adapter à votre thème.

[The Gimp] Faire un thème complet : les boutons de message

5/ Comme nous l'avons fait dans l'étape précédente, placez des repères pour délimiter vos boutons

[The Gimp] Faire un thème complet : les boutons de message

6/ Il ne vous reste plus qu'à les découper, comme nous l'avons fait pour les boutons de la barre de navigation.

[The Gimp] Faire un thème complet : les boutons des messages[The Gimp] Faire un thème complet : les boutons des messages[The Gimp] Faire un thème complet : les boutons des messages[The Gimp] Faire un thème complet : les boutons des messages[The Gimp] Faire un thème complet : les boutons des messages[The Gimp] Faire un thème complet : les boutons des messages[The Gimp] Faire un thème complet : les boutons des messages[The Gimp] Faire un thème complet : les boutons des messages[The Gimp] Faire un thème complet : les boutons des messages[The Gimp] Faire un thème complet : les boutons des messages[The Gimp] Faire un thème complet : les boutons des messages[The Gimp] Faire un thème complet : les boutons des messages

Et voilà ! Le thème est terminé !

[The Gimp] Faire un thème complet

Cependant, il nous reste encore les boutons de partenariats à faire. Nous verrons ceci dans notre dernier tutoriel.

[Etape suivante : les boutons de partenariat]






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].


Dernière édition par Miettes le Mar 28 Sep - 13:09, édité 1 fois
Revenir en haut Aller en bas
[Thème complet] Etape 7 : Les boutons de message
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
Réponse rapide

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