Ceci est une ancienne révision du document !


Créer/Modifier un Thème Usplash

Pour Dapper et Breezy suivez ce lien comment_creer_un_theme_usplash_dapper_breezy

L'objectif de ce tutoriel est de vous apprendre à changer votre thème usplash, c'est à dire son apparence (fond, couleur du texte, barre de progression), et de vous montrer comment créer un nouveau thème.

Alors si vous voulez fabriquer de jolie thème comme ceux-ci, suivez ce guide!

Pré-requis

Un thème usplash consiste en une simple librairie (.so Shared Object), écrite en C (des images peuvent être transformées en code source C) et compilée à l'aide de gcc. Les fonctions de dessin sont définies dans la libusplash. Il vous faut installez le paquet build-essential

La source d'un thème usplash contient donc :

  • Une ou plusieurs images de fond selon le nombre résolutions que vous voulez supporter (Il en faut une par résolution).
  • Des images représentant la barre de progression
  • Un fichier votre-nom-theme.c écrit en C décrivant le comportement de votre usplash. Si vous n'avez jamais programmé en C ou ne connaissez pas les fonctions d'usplash, je vous encourage à lire le tutoriel présent plus bas.
  • Un makefile. Comme précédemment, voir plus bas.

Création d'un thème de démarrage « usplash »

Tous d'abord, nous allons récupérer les sources d'un fichiers .deb d'un thème usplash

Voir ce lien, Recherche d'un paquet pour apprendre comment récupérer ce fichier dans les archives d'Ubuntu.

Pour les pressés voir ce lien : http://archive.ubuntu.com/ubuntu/pool/main/u/usplash-theme-ubuntu/usplash-theme-ubuntu_0.17.tar.gz

Télécharger usplash-theme-ubuntu_0.17.tar.gz


Et décompresser sur votre bureau, dans le dossier vous aller avoir ceci :


Modifier les images avec Gimp pour quelle soit comme vous en avez envie, penser juste à recolorier les images throbber pour quelle aille avec votre thème.

Moi je procède comme cela; Je crée une image au format le plus haut : 1024*768, je la converti en 256 couleurs et je l'enregistre sur l'image « usplash_1024_768.png » etc … en changeant la résolution de mon image à chaque fois.

Créer les images de fond et la barre de progression

Afin de créer votre usplash il vous faut des connaissances basiques d'édition d'images grâce à The Gimp ou tout autre logiciel de retouche d'image et de la patience ;-)… Les images sont des PNG en 8 couleurs indexées.

Vous devez créer une image par résolution supportée par votre thème. Vous pouvez utiliser des résolutions 4:3 (800x600,1024x768) ou 16:9 (1024x756).

1. Création de votre image de fond

Ici, à titre d'exemple, nous créerons 2 images de résolution différente:

  • 1024*768 px : [nom_de_l_usplash]_1024_768
  • 800*600 px : [nom_de_l_usplash]_800_600

Vous pouvez utiliser une image de plus grande résolution et la redimensionner/rogner à celle voulue à l'aide de GIMP, Krita, Kde Image Menu…

Attention, cependant, le nombre de couleurs des images est limité à 256 (8bit) et doivent être impérativement être au format PNG (Portable Network Graphics).
Pour convertir une image 24 bit en image 8bit en couleurs indexées, sous GIMP, il faut faire : Image → Mode → Couleurs indexées. Dans la boite de dialogue, Choisissez "Générer une palette optimale" et paramétrez à 255 le nombre de couleurs maximal. Vous pouvez également choisir le tramage : Floyd-Steinberg donne de bons résultats dans la plupart des cas.

ces images seront appelées respectivement [nom_de_l_usplash]_1024_768, [nom_de_l_usplash]_1024_576, [nom_de_l_usplash]_1024_576_cropped, [nom_de_l_usplash]_800_600 et seront sauvegardées en Mode Indexé et au format PNG.

Afin de rendre ce que je viens de dire plus simple je vais vous faire un exemple en image…

a. [nom_de_l_usplash]_1024_768.png
Ouvrez votre image usplash au format 1024*768 pixels.

L'ombre noire ici servira d'emplacement à notre barre de chargement lors du démarrage pensez a prévoir l'emplacement de celle ci de manière précise à l'avance comme dans notre cas…

Convertissez votre image en Mode Indexé comme sur la capture suivante:

Une boite de dialogue s'ouvre, mettez les réglages suivants afin d'obtenir les meilleurs rendus possibles…:


Il ne vous reste plus qu'à enregistrer votre image dans le dossier de votre theme si vous en avez créé un, pour cela cliquez sur fichier, enregistrer sous, dans le nom mettez: [nom_de_l_usplash]_1024_768, la destination le dossier du thème, et le format PNG, ne touchez pas aux réglages d'exportations lors de l'enregistrement cela est inutile…

b. [nom_de_l_usplash]_1024_576.png
Il existe deux solutions pour créer cette image, soit en refaire une totalement différente soit redimensionner votre image 1024*768 grace de cette manière:

Une boite de dialogue apparait mettez les paramètres suivants (pensez à bien cliquer sur le verrou) et afin de centrer l'image cliquer simplement sur centrer:


Repassez ensuite aux étapes de l'image 1024*768 si votre image de départ n'est pas en Mode couleurs indexés et sauvegarder toujours dans votre fichier thème en PNG et n'oubliez pas de changer le nom par [nom_de_l_usplash]_1024_576 si vous êtes parti de votre image 1024*768.

c. [nom_de_l_usplash]_1024_576_cropped.png
De même que pour l'image au format 1024*576 il existe deux méthodes créer une autre image ou repartir de [nom_de_l_usplash]_1024_576.png et de redimensionner grâce à la méthode dite plus haut en modifiant dans la boite de dialoge 1024 par 768 et refaire les étapes de l'image de résolution 1024*768 pour mettre en Mode indexé si ce n'est déjà fait puis sauvegarder toujours en PNG vérifiez bien que le nom est [nom_de_l_usplash]_1024_576_cropped si vous avez utilisé la seconde méthode…

d. [nom_de_l_usplash]_800_600.png
Enfin, la dernière image, toujours deux méthodes comme auparavant, recréer une image au format 800*600 et repartir de l'image 1024*768 que vous redimensionnez grâce à la méthode du b. et mettez en mode indexé puis sauvegardez grâce à la méthode a., toujours en PNG et n'oubliez pas encore une fois de vérifier le nom qui doit être [nom_de_l_usplash]_800_600.

Vos images d'usplash sont donc toutes normalement créées à partir de maintenant nous pouvons donc passez à la création de la barre de chargement… !

Problèmes

Sous Edgy, avec un noyau 64 bit, il se peut que votre splash soit en noir et blanc, et ne fonctionne pas. Une solution à été postée ici

Création du fichier .deb qui permet de faire son installation

Alors voilà c'est parti !

Dans cette exemple, nous allons créer un fond d'écran appeler ubuntu-theme-ogres ( Pour les Ogres de barbacks, groupe dont je suis fan !)

Il faut bien savoir qu'il vous faudra modifier certains fichiers et répertoires: usplash-theme-ubuntu.c, Makefile, postinst, rules. Et remplacer le texte : « usplash-theme-ubuntu » par « usplash-theme-ogres ».

Faite pareil pour le nom de votre répertoire

La dernière chose à faire pour pouvoir ensuite créer tranquillement votre point deb, c'est de renommer deux fichiers, postinst et postrm.

Ceux-ci ce trouve dans le répertoire debian de votre dossier usplash-theme-ogres

Il faut les renommer postinstall-pak pour le premier et postremove-pak pour le deuxième.

Ensuite faîte un copier coller et les mettre dans votre répertoire usplash-theme-ogres. Checkinstall en aura besoin plus tard !

Pour faire cela, il faut sélectionner les fichiers, faire un clic droit dessus et sélectionner « ouvrir avec éditeur de texte »


Une fois que vous avez remplacé tous les textes par votre nom de usplash à vous, vous pouvez passer à l'étape suivante. Installer le paquet : libusplash-dev debhelper

  1. Lancer un terminal →
  2. Vous y voici ! Pour plus d'infos sur le terminal,

suivez le lien suivant : http://doc.ubuntu-fr.org/terminal


  1. Ensuite pour aller sur le bureau, dans le terminal taper la commande suivante :
cd Desktop 

Ensuite

cd usplash-theme ubuntu-0.16/  

( cd veut dire Change Directory )

  1. Puis taper
 sudo make 

Ensuite il vous faut installer le paquet Checkinstall, qui permet de construire un paquet debian « .deb »

  1. Puis taper
 sudo checkinstall 
(Entrer votre mot de passe)
- Ensuite :

Comme dans l'image suivante changer le « name » mais laisser : la « source location »

Changer aussi la "version", c'est très important ! Si votre "release" est 1 votre "version" est 1.1 par exemple. Bien faire cela sinon vous aurez une erreur.

A la fin vous vous retrouver avec un .deb dans votre répertoire, deb que vous pouvez partager avec d'autre. Pour vous, il est déjà installer

Voici un usplash fait par mes soins avec cette technique :

Comme je vous l'indique, j'ai fait un usplash avec une image des ogres de barbacks et c'est en .deb

Paquet_usplash-theme-ogres

Et voici l'image utiliser pour le boot :

Et une photo de mon écran au boot!!!

Sélectionner votre nouveau thème

Une fois l'usplash installé vous pouvez en changer en installant : "usplash switcher" : http://www.getdeb.net/app.php?name=usplash-switcher

Editez le fichier /etc/usplash.conf

vous modifier en fonction de la résolution de votre écran, ex :

# Usplash configuration file
xres=1680
yres=1050

et vous sauvegardez puis :

sudo update-initramfs -u

Il vous suffit de redémarrer pour admirer le résultat !!

Contributeurs : jeepy, thedamocles, xabilon, U-topic, VinsS, adam0509

  • tutoriel/creer_un_theme_usplash.1194693711.txt.gz
  • Dernière modification: Le 18/04/2011, 14:50
  • (modification externe)