Tgames Actualité Consoles et Homebrew

Salut à tous !

Editer les couleurs du menu système

[TUTO Niv.2] car nous allons modifier le code des fichier brlyt avec Benzin.
Ce tuto peut paraître long mais il ne présente rien de compliqué, il est simplement très détaillé.

Avant de commencer ce tuto, vous devez maîtriser les suivants:
- [TUTO Niv.1] Appliquer un Thème .MyM sur votre Wii
- [TUTO Niv.1] Utiliser Benzin (Editer les Brlyt et Brlan)
- [TUTO Niv.1] Fabriquer son propre écran d'accueil Wii

Vous aurez besoin de:
-NotePad++
-ThemeMii

Sommaire:
- Principe
- Changer la couleur de la date
- Changer la couleur de l'heure
- Changer la couleur de la bordure du bas de la page des chaînes
- Changer la couleur des bordures des chaînes
- Changer la couleur du fond derrière les chaînes

PRINCIPE DE FONCTIONNEMENT:

Pour éditer les couleurs du system menu, nous devons changer les valeurs RGBA du brlyt correspondant.

RGBA? C'est quoi ça ?

RGBA est un sigle anglais représentant, en informatique, le codage des couleurs avec gestion de l'opacité.

Chaque couleur qui existe a donc son propre code couleur RGBA.
Le code RGBA sépare le canal rouge, vert, et bleu d'un couleur; l'intensité de chaque canal varie de 0 à 255.
L'opacité est gérée par le canal Alpha toujours sur une échelle de 0 à 255,
Le 0 étant transparent, et le 255 totalement opaque.

R= Rouge
G= Vert (Green)
B= Bleu
A= Alpha (transparence)


Quelques exemples:

R= 255; G= 0; B= 0; > Rouge (car R=255 mais pas de bleu ni de vert)
R= 0; G= 0; B= 255; > Bleu (car B=255 mais pas de rouge ni de vert)
R= 0; G= 255; B=0; > Vert (car G=255 mais pas de rouge ni de bleu)


Comment connaître la valeur RGB d'une couleur qui vous plait ?

C'est très simple

Ouvrez le logiciel Paint fournit avec Windows. et cliquez sur modifiez les couleurs.

vous pouvez choisir la couleur qui vous plaît et le logiciel vous donnera sa valeur RGB.




Bien maintenant que vous avez compris le principe RGBA,
Nous allons voir comment éditer les brlyt pour changer les couleurs.

On va commencer par quelque chose de simple: La DATE

CHANGER LA COULEUR DE LA DATE:

Explorez le dossier "ExtractedBaseApp" situé dans votre dossier ThemeMii.
La date se trouve dans "Root:/layout/common/board_ash_out/arc/blyt/my_IplTop_c.brlyt"

Copiez my_IplTop_c.brlyt dans votre dossier Benzin,
et convertissez le en xmlyt (vous êtes déjà censé savoir le faire grâce à ce tuto)

et ouvrez le avec NotePad++
(Astuce: Associer tous vos fichier xmlan et xmlyt avec Notepad++ en faisant clic-droit > propriété > ouvrir avec..
Ainsi vous pourrez double-cliquer dessus et ils s'ouvriront directement avec NotePad++)

C'est ce brlyt qui gère le fond du bureau Wii.

Pour modifier la couleur de la date, il va falloir modifier les valeurs suivantes:
- T_Day_a
- T_Day_b
- T_Day_c

Pour les trouver, on va utiliser la fonction recherche de NotePad ++

cliquez donc sur: ou appuyez sur CTRL+H

Cette fenêtre va s'ouvrir:



dans le champ "Recherche:" entrez <entries name="T_Day_a"> et cliquez sur suivant.

Le logiciel va rechercher cette partie du code pour vous et vous amener à la ligne 144.

C'est cette partie du code que nous allons modifier:

Code: Tout sélectionner

<entries name="T_Day_a">
   <colors>
      <forecolor r="130" g="130" b="130" a="0" />
      <backcolor r="130" g="130" b="130" a="255" />
      <colorReg3 r="255" g="255" b="255" a="255" />
      <tev_k1 r="ff" g="ff" b="ff" a="ff" />
      <tev_k2 r="ff" g="ff" b="ff" a="ff" />
      <tev_k3 r="ff" g="ff" b="ff" a="ff" />
      <tev_k4 r="ff" g="ff" b="ff" a="ff" />
   </colors>

Avant de modifier quoi que ce soit,
tâchons d'en savoir un peu plus sur ce bout de code:

Fonctionnement des masques:

Le system menu utilise des masques, c'est à dire qu'il utilise des images en noir et blanc,
et que c'est le brlyt qui indique quelle couleur appliquer à la partie noire de l'image, et quelle couleur appliquer à la partie blanche.

Pour exemple, voici le TPL du chiffre 8 de l'heure:



Il n'est pas du tout affiché comme ça sur votre wii car le brlyt indique que le noir doit être transparent, et que le blanc doit être gris.

Ce sont les balises <forecolore> et <backcolor> qui gèrent ça.

La balise <forecolor> détermine la couleur que la wii doit appliquer à la place du noir.
La balise <backcolor> détermine la couleur que la wii doit appliquer à la place du blanc.

Cette partie du code:
r="130" g="130" b="130" a="0"
sert, vous l'aurez compris, à entrer la valeur RGB de la couleur que vous souhaitez utiliser, comme expliqué en haut du tuto.

Si vous regardez à l'aide de paint à quoi correspond la valeur R=130 G=130 B=130
Vous retrouverez la couleur de la date:



Seulement, dans le blyt, la valeur Alpha peut tout changer !

Regardez:
<forecolor r="130" g="130" b="130" a="0" />

Malgré le fait que la valeur RGB soit grise, la valeur alpha est égale à 0 donc transparent. La valeur RGB sera donc ignorée.
Comme c'est la balise <forecolor>, ça veut dire que tout ce qui est noir sur le masque, sera transparent.

Nous ne modifierons donc pas cette balise pour changer la couleur de la date.

Passons à la balise suivante:
<backcolor r="130" g="130" b="130" a="255" />

Toujours le même gris mais cette fois le canal alpha = 255 donc l'opacité sera maximale !

Pour le tuto, je vais tenter d'afficher la date en noir au lieu du gris.
La valeur RGB du noir est R=0; G=0; B=0

Je vais donc écrire:
<backcolor r="0" g="0" b="0" a="255" />

Mon code final sera donc:

Code: Tout sélectionner

<entries name="T_Day_a">
   <colors>
      <forecolor r="130" g="130" b="130" a="0" />
      <backcolor r="0" g="0" b="0" a="255" />
      <colorReg3 r="255" g="255" b="255" a="255" />
      <tev_k1 r="ff" g="ff" b="ff" a="ff" />
      <tev_k2 r="ff" g="ff" b="ff" a="ff" />
      <tev_k3 r="ff" g="ff" b="ff" a="ff" />
      <tev_k4 r="ff" g="ff" b="ff" a="ff" />
   </colors>

n'oublions pas que l'on doit également modifier ces 3 parties du code:

- T_Day_a > correspond à la couleur lorsqu'on appui sur (-) pour faire défiler la date
- T_Day_b > correspond à la couleur affichée continuellement
- T_Day_c > correspond à la couleur lorsqu'on appui sur (+) pour faire défiler la date

Voici une vidéo pour que vous compreniez mieux:

[BBvideo 425,350]https://www.youtube.com/watch?v=NoOPyZy8WQY[/BBvideo]

Il nous reste donc les parties <entries name="T_Day_b"> et <entries name="T_Day_c">

Recherchez donc ces parties du code avec NotePad++, et éditez les couleurs comme bon vous semble

Voila ce que ça donne lorsqu'on remplace toutes les couleurs par du noir:

[BBvideo 425,350]https://www.youtube.com/watch?v=pN6Xbc1esWE[/BBvideo]

Voila vous savez modifier la couleur de la date !

Voyons voir ce que l'on peut modifier d'autre:

CHANGER LES COULEUR DE L'HEURE

Le brlyt a éditer est le suivant "my_Clock_a.brlyt" situé dans "Root/layout/common/chanSel_ash_out/arc/blyt/"

C'est toujours le même principe, il va falloir éditer les valeurs RGB dans les parties suivantes:

Si vous ne modifiez pas ces 5 premières parties,
les changements que vous allez effectuer plus bas ne marcheront pas.
<entries name="Clock3">
<entries name="Clock2">
<entries name="Clock0">
<entries name="Clock1">
<entries name="ClockTen">

<entries name="Num0"> pour le chifffre 0
<entries name="Num1"> pour le chifffre 1
<entries name="Num2"> pour le chifffre 2
<entries name="Num3"> pour le chifffre 3
<entries name="Num4"> pour le chifffre 4
<entries name="Num5"> pour le chifffre 5
<entries name="Num6"> pour le chifffre 6
<entries name="Num7"> pour le chifffre 7
<entries name="Num8"> pour le chifffre 8
<entries name="Num9"> pour le chifffre 9
<entries name="NumNull"> utilisé pour ne rien afficher (ex: les ":" qui disparaissent)
<entries name="AM"> pour l'inscription AM
<entries name="PM"> pour l'inscription PM
<entries name="AM_PM"> ?
<entries name="T_WiiMenu"> Inscription "Menu Wii" (Cliquez ici pour voir une photo)
<entries name="AM_PM_R"> ?

Voila ce que ça donne une fois la couleur de l'heure changée:
J'ai utilisé la couleur R=80; G=200; B=220; A=255


[BBvideo 425,350]https://www.youtube.com/watch?v=HeoJApCw55I[/BBvideo]



MODIFIER LA COULEUR DE LA BARRE DE LA PAGE DES CHAINES


Ouvrez "my_IplTop_a.brlyt" contenu dans "Root/layout/common/chanSel_ash_out/arc/blyt/"

Modifiez les entrées suivantes: (uniquement le backcolor)
<entries name="Line0">
<entries name="Line1">
<entries name="Line2">
<entries name="Line3">
<entries name="Line4">

Vous pouvez aussi modifier la couleur de l'ombre: (uniquement le backcolor)

<entries name="Shade0">
<entries name="Shade1">
<entries name="Shade2">
<entries name="Shade3">
<entries name="Shade4">

Vous pouvez jouer sur la valeur alpha pour accentuer l'ombre selon la couleur de votre fond.

Voila ce que ça donne en remplaçant les valeurs RGB par du noir avec l'ombre en bleu:
[BBvideo 425,350]https://www.youtube.com/watch?v=HwlNtpEhYdg[/BBvideo]




CHANGER LA COULEUR DE LA BORDURE DES CHAINES

Ouvrez "my_IplTop_a.brlyt" contenu dans "Root/layout/common/chanSel_ash_out/arc/blyt/"

Modifiez les entrée suivantes pour la bordure des chaînes: (uniquement le backcolor)
<entries name="Edge0">
<entries name="Edge1">
<entries name="Edge2">
<entries name="Edge3">
<entries name="Edge4">

Pour la couleur des bordures de chaînes lorsque le curseur passe dessus:

Ouvrez "my_IplTop_d.brlyt" contenu dans "Root/layout/common/chanSel_ash_out/arc/blyt/"

Modifiez la valeur suivante:

<entries name="Cursur_a">
Modifiez backcolor et forecolor, et si cela ne s'affiche pas comme vous le souhaitez,
jouez sur le canal alpha de backcolor.

Voila ce que ça donne avec les bordures rouges:
[BBvideo 425,350]https://www.youtube.com/watch?v=UvyHPxUOgG4[/BBvideo]

CHANGER LA COULEUR DU FOND DERRIERE LES CHAINES

Ouvrez "my_IplTop_a.brlyt" contenu dans "Root/layout/common/chanSel_ash_out/arc/blyt/"

Modifiez les entrées suivantes: (forecolor et backcolor)

<entries name="Picture_00">
<entries name="Picture_01">
<entries name="Picture_02">
<entries name="Picture_03">
<entries name="Picture_04">
<entries name="Picture_05">
<entries name="Picture_06">
<entries name="Picture_07">
<entries name="Picture_08">
<entries name="Picture_09">
<entries name="board0">
<entries name="board1">
<entries name="board2">
<entries name="board3">
<entries name="board4">

Modifier uniquement backcolor crééra un dégradé noir sur la couleur choisie, et laissera les stries.
Modifier le backcolor et le forecolor de la même couleur crééra un fond uni.
Modifier le backcolor et le forecolor de couleurs différentes crééra un dégradé de couleur.

<entries name="BaseMask0"> . Le faite de regler le backcolor et le forecolor
<entries name="BaseMask1"> . de la même couleur que les éléments plus haut
<entries name="BaseMask2"> . m'a supprimé les 4 chaînes vides
<entries name="BaseMask3"> . sur le bord gauche de la première page.
<entries name="BaseMask4"> . On peut aussi jouer sur la transparence.

Vous pouvez aussi garder le dégradé, mais supprimer les stries,
pour cela, il faut remplacer le TPL:

my_TVSheet_b.tpl (608x8)


par un TPL custom auquel on aurait enlevé les stries:


Voila ce que ça donne avec le fond dégradé + strié:
[BBvideo 425,350]https://www.youtube.com/watch?v=lxn5W200SOg[/BBvideo]

Voila ce que ça donne avec un fond uni:
[BBvideo 425,350]https://www.youtube.com/watch?v=fg1T_p5amTI[/BBvideo]

Voila ce que ça donne avec un fond dégradé sans stries:
[BBvideo 425,350]https://www.youtube.com/watch?v=ADijK9DJzfc[/BBvideo]


Nous avons fait le tour des modifications de base au niveau des couleurs du system menu !

J'espère avoir été le plus clair possible, si vous avez des questions le forum est fait pour ça.

Postez vos créations dans la partie Thème !

A vous de jouer !



Tuto créé et rédigé par RiderFx3 - Exclusivité Wii-Addict.fr - Toute reproduction même partielle est strictement interdite sans l'accord de son auteur.

© RiderFx3 - 2010 - Wii-Addict.fr

C'est sur qu'il est sympa ton tuto, mais là je trouve que c'est un peu abusé de mettre juste un lien vers WA, mettre ton tuto+WA comme source ca passerait mieux.

Là c'est simplement de la pub pur et dur

C'est sympa de nous faire profiter de tes tutos qui sont bien fait en plus mais tu pourrais prendre la peine de faire la présentation ici plutôt que de balancer un lien même pas balisé (quand on clic dessus on est éjecté du forum Tgames). Rien ne t'interdit de mettre en bas de ta prez la source officiel : wii-addict.fr

Merci

édit : jiiwah

J'avoue que le tuto, laisse à désirer

Le problème c'est que c'est pas les mêmes balises donc je serai obligé de tout refaire.

Pour info je me permet de faire ça car Tgames en personne a spammé tous les forums wii pour faire la pub de son tuto Exclusif Tgames pour fabriquer des chaines animées.

Donc bon... j'aurais pas osé sinon

ok les balises sont pas tous à fiat les même mais ça se corrige vite fait ça... et quand au topic de tgames sur les chaînes animées ça date d'avant ta naissance

RiderFx3 a écrit:Le problème c'est que c'est pas les mêmes balises donc je serai obligé de tout refaire.

Si tu veux je peux le faire

Excellent TUTO bravo

Il faut s'inscrire

ou ça sur Wii-Addict ?

t'es obligé de t'inscrire pour voir le tuto ?

Ouais, faut s'inscrire ! ( Je me suis déco de mon compte et ai essayé pour vérifier. )

oui c'est doublement pas cool

W addict espion nnnooonnnnnnnnnnnnnnnnnnnn

Ha beh jsavais pas autant pour moi.

Désolé les gars c'est pas moi qui ait conçu le forum.

Jsui pas un espion au contraire je fais partager les tutos que je créé (qui au passage n'existent que sur WA) donc c'est un peu tout l'inverse d'un espion...


Le problème c'est que j'ai vraiment pas le temps de changer toutes les balises donc si quelqu'un est chaud, il me contact par MP, je lui envoi le txt, il me le modifie et je mettrai à jour en le remerciant pour l'adaptation biensur.

faut pas écouter barman47... il dis souvent des bêtises.

RiderFx3 a écrit:Ha beh jsavais pas autant pour moi.

Désolé les gars c'est pas moi qui ait conçu le forum.

Jsui pas un espion au contraire je fais partager les tutos que je créé (qui au passage n'existent que sur WA) donc c'est un peu tout l'inverse d'un espion...


Le problème c'est que j'ai vraiment pas le temps de changer toutes les balises donc si quelqu'un est chaud, il me contact par MP, je lui envoi le txt, il me le modifie et je mettrai à jour en le remerciant pour l'adaptation biensur.

Si il y a personne je veux bien le faire mais je serais dispo seulement a partir de 14h demain

T'inquiete je suis ok, c'est un peu mon boulot ^^

faut pas écouter barman47... il dis souvent des bêtises.

Ouai je vois ça MDR!

Pour ceux qui veulent modifier le tuto qu'il m'envoi un MP on s'echangera les fichier TXT, ou si c'est un correcteur il éditera mon post. (J'aimerai que le post ne change pas d'auteur ^^ )

RiderFx3 a écrit:Ha beh jsavais pas autant pour moi.

Désolé les gars c'est pas moi qui ait conçu le forum.

Jsui pas un espion au contraire je fais partager les tutos que je créé (qui au passage n'existent que sur WA) donc c'est un peu tout l'inverse d'un espion...


Le problème c'est que j'ai vraiment pas le temps de changer toutes les balises donc si quelqu'un est chaud, il me contact par MP, je lui envoi le txt, il me le modifie et je mettrai à jour en le remerciant pour l'adaptation biensur.

Je le fais !
Envoie moi le txt et j'édite tout ça vendredi !

C'est bon c'est fait...
Mais je ne le ferais pas tout le temps

Cool merci corenting

MERCI BEAUCOUP POUR L'ADAPTATION !!!