[Windows][Astuce] Creer des menus

Grace a ce tutoriel, vous pourrez maintenant creer des menus super kawaii pour vos données sur cds / dvds / clefs usb
etc...

Le but? Simplement de facilement creer un menu pour vos projets cds/dvds data/divx persos ou gravés pour de la famille ou des amis (Ca fait toujours du bien de se la peter un peu en les impressionnant non? )

Pour ce tutoriel vous aurez besoin de

(1) un logiciel pour dessinner les menus (N`importe quel logiciel capable de sauvegarder en bmp & Jpeg peut etre choisi. un choix typique est MS Paint pour les plus simplistes, et GIMP (Telecharger @ http://www.gimp.org/windows/) ou photoshop ou fireworks pour ceux qui veulent vraiment faire un joli menu bien professionel)

(2) Savoir manipuler le logiciel que vous avez choisi plus haut .

(3) Un logiciel nommé Quick menu builder (http://www.quickmenubuilder.com/MenuFr.php) (oui, un assez vieux projet qui n`empeche est assez abouti.



Etape 1

OK. la premiere etape ici est de dessinner votre menu avec tous les boutons et icones etc...
Ne vous preocuppez pas des effets de mouse over etc, contentez vous de dessinner le menu exactement comme vous voulez qu`il apparaisse a l`ecran. Tout le canvas est ici pris en compte. assurez vous donc d`avoir les bonnes dimensions.
Aussi, si votre menu n`est pas rectangulaire, la transparence ne vous sert ici a rien, dessinez juste votre menu sur un fond blanc (Ou de toute autre couleur) nous nous occupperons de la transparence plus tard.

Voila un screen du menu qui va nous servir d`exemple.



Ou en version cheap (Mais toute aussi viable,



Sauvegardez le menu en jpeg ou bmp.

Tout cela pour vous expliquer que la forme du menu n`est autre que le dessin que vous faites dans cette etape.

A noter que je ferais les boutons pour fermer / minimiser le menu plus tard.




Etape 2

Faites une copie de l`image, mais modifiez y les boutons de sorte qu`ils ressemblent tous a ce que vous voulez comme effet de mouse over. Notez qu`ici, toute autre modification a part les boutons ne seront pas pris en compte dans le menu final. c`est pourquoi, si vous ne voulez pas creer d`effet bevel (C`est facilement fesable aussi) une technique simple et rapide consiste a inverser les couleurs du menu.



Bon pour clarifier un peu la chose, seuls les changements aux endroits ou sont les boutons seront visibles a l`utilisateur.
Exemple en image:



(Note, nous n`en sommes pas encore tout a fait la en fait, un peu de patience petit padawan )

(Vous pouvez aussi creer une troisieme image pour les effets mouse down (click) des boutons, mais perso je ne le fais pas ou tres rarement.)




Etape 3 (passez a l`etape 4 si votre menu est rectangulaire)

Nous nous occuperons ici des transparences pour les menus non rectangulaires. Il nous faut creer une image bmp en blanc et noir de la meme dimension que notre menu. cette image nous servira de filtre visuel. En effet, il faut que les partie visibles du menu soient en noir, et les parties transparentes en blanc. l`astuce pour les utilisateurs de gimp/fw/ps c`est d`utiliser des layers pour le menu, et ensuite alpha to selection pour selectionner la forme des menus, et coloriser selon.
sauvegardez le fichier bmp.
Mon exemple





Etape 4

Ouvrez (enfin ^_^) Quick menu builder. cliquez sur l`image ci dessous pour les premieres operations:





Etape 5
Creez les hotspots pour les boutons.



Vous suivez?
Bon je continuerais ce tutorial un peu plus tard
dites le moi si je n`ai pas ete clair sur quelque point que ce soit, ou si vous avez besoin d`une astuce pour le dessin du menu