Media-center7.Fr

  • Augmenter la taille
  • Taille par défaut
  • Diminuer la taille

Media Center Studio: Creer son propre theme Partie 1

Imprimer

 

 

MediaCenterStudio logoNous avons vu dans un autre article comment personnaliser le menu du Media Center au niveau des boutons avec Media Center studio. Nous allons maintenant voir comment créer votre propre thème en changeant juste le fond d’écran. Je vois que vous avez déjà peur, rien que d’y penser. Vous vous dites que Media Center Studio est une vraie usine a gaz et que créer son propre thème sera un vrai parcours du combattant. Alors en fait, c’est vrai et faux en même temps,car tout dépend jusqu’ou vous voulez aller dans la personnalisation du thème. Le principal facteur qui va déterminer la complexité, c’est en fait principalement le fond d’écran que vous allez choisir pour votre thème.

En fonction de ce fond d’écran, vous devrez éventuellement aller plus loin. Si par exemple le fond d’écran est trop clair, vous devrez aussi ajuster la couleur de la police d’écriture ou rendre les boutons plus opaques…Le plus simple est donc d’utiliser un fond d’écran sombre et passe partout. A partir de là, si ce fond colle bien, vous n’aurez pratiquement rien faire de plus que de changer le fond d’écran.

 


Avant de rentrer dans le vif du sujet, je vais vous expliquer un peu comment ça fonctionne…A la base, toutes les données (y compris les images) qu’utilise le Media center, se trouvent dans une DLL. Une DLL, c’est ce qu’on appelle une bibliothèque. Les applications s’en servent pour y puiser ce dont elles ont besoin. La DLL qu’utilise le Media Center pour son interface s’appelle ehres.dll. Elle se trouve dans C:\Windows\ehome. Si possible, copiez ce fichier en lieu  sûr. C’est facultatif, puisque en théorie Media Center Studio peut restaurer le thème par défaut, mais on ne sait jamais…En cas de problème, il suffira alors de remettre le fichier sauvegardé.

Pour modifier cette DLL, Media Center studio l’ouvre, et vous propose tout son contenu. Grâce a ça vous avez accès a toutes les images et paramètres de l’interface du Media Center. Son contenu est énorme et ça peut effectivement faire peur.

Maintenant, comme je le disais, dans beaucoup de cas, il suffit juste de remplacer l’image de fond. Nous allons donc voir comment faire…

Installation:

Pour commencer, il faut bien sûr télécharger et installer Media Center Studio. Comme ce programme est avant tout destiné aux utilisateur avertis, je ne vais pas détailler cette installation. Rendez-vous simplement sur la page “Download” du site pour lancer le téléchargement. Vous pouvez choisir au moment du téléchargement d’ouvrir directement le fichier car cette application s’installe en ligne.

 

Changement du Fond d’écran:

Lancez l’application et allez sur l’applet Thèmes. Cliquez sur le bouton + Vert pour commencer un nouveau thème :

Menu New

Un nouvel applet est ajouté :

Biography

Dans la liste a gauche, vous avez Biography, Colors, Fonts et Images. Nous allons commencer par voir la partie Biography. Cette page sert uniquement a la présentation de votre thème. Elle n’influe donc pas sur votre Media Center. Vous pouvez y indiquer le nom du thème, l’auteur et ajouter des commentaires. Dans la partie a droite, vous pouvez même y mettre une capture d’écran du thème. Cette capture est a faire une fois votre thème prêt car elle est faite en direct comme une prévisualisation. Malheureusement, cette fonction n’a pas bien marché chez moi…On va donc juste indiquer le nom, l’auteur et les commentaires :

Biography2

Pour notre exemple, j’ai choisi comme fond d’écran une photo d’un lac assez sombre pour que les caractères des boutons se voient bien car ils sont en blanc par défaut:

Lac Moraine 

Nous allons donc remplacer le fond d’écran du Media Center par défaut, par celui-ci. Pour cela, cliquez sur “Images” dans la liste a gauche pour faire dérouler la liste. Allez ensuite dans Common > Background. Le fond d’écran est dans la première ligne (COMMON.ANIMATED.BACKGROUND.PNG)

Background defaut

Dans la partie de droite, vous voyez le fameux fond bleu du Media Center. Pour changer l’image, il suffit de cliquer sur le bouton “Browse” juste au dessus de l’image et de choisir celle du nouveau fond d’écran. En théorie, vous devez utiliser un fichier PNG d’une dimension de 500x300, mais vous pouvez y mettre une photo plus grande en JPG. Dans l’exemple, c’est une photo en JPG de 1920x1080. L’important, c’est qu’elle colle au format de votre écran (16/9 – 16/10 ou 4/3) …

Background nouveau

Une fois la photo chargée, vous pouvez sauvegarder votre thème en cliquant sur  sauvegarde2 tout en haut de l’application. Pour l’instant, le thème n’a pas été changé. Il a juste été sauvegardé. De cette manière, on peut créer plusieurs thèmes différents qui viendront s’ajouter dans la page d’accueil (Home). Ensuite, il suffit d’appliquer le thème voulu. Pour cela, vous devez aller sur l’applet principal “Thèmes” tout en haut (Flèche 1) de l’application et sur l’applet “thèmes” un peu plus en bas (Flèche 2) pour faire apparaitre le menu avec le bouton “Apply” (Flèche3). Cliquez sur le bouton “Apply” pour effectuer le changement de thème. Si vous appliquez un changement sur un thème sans avoir sauvegardé celui-ci, aucun changement ne sera appliqué :

Apply 

L’opération peut durer un certain temps en fonction de la puissance de votre ordinateur…

Apply2 

Au final, si vous lancez le Media Center, le nouveau fond est bien là. On peut voir a quel point le choix du fond d’écran est important, car même avec une image déjà assez sombre, on distingue déjà moins les caractères des boutons:

Theme appliqué

Voici un autre exemple de ce qu’on peut obtenir avec une image encore plus sombre :

Blue Sunset

Si vous voulez revenir que le menu du media center par défaut, il vous suffit de cliquer sur le bouton “Restore Default”. Pour afficher le menu ou se trouve se bouton, vous devez aller sur l’applet “Home”.

Restauration defaut

Les photos présentées dans ce tuto proviennent du site Interface lift. Vous y trouverez un tas d’images intéressantes…

Dans la deuxième partie de ce tuto, nous irons un peu plus loin, mais patience, car je suis un peu débordé et ça prend du temps…

Mise à jour le Mercredi, 06 Janvier 2010 10:48