Créer/Modifier un Thème Usplash

Pour Dapper et Breezy suivez ce lien 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!

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

Tous d'abord, nous allons récupérer les sources d'un fichier .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 allez avoir ceci :

Modifiez les images avec Gimp pour qu'elles soient comme vous en avez envie, pensez juste à recolorier les images throbber pour qu'elles aillent avec votre thème.

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.

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…

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.

a. [nom_de_l_usplash]_1024_768.png
Ouvrez votre image usplash au format 1024*768 pixels.
step_1_1024_768_.png
L'ombre noire ici servira d'emplacement à notre barre de chargement lors du démarrage pensez à 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:
step_2_1024_768_.png
Une boite de dialogue s'ouvre, mettez les réglages suivants afin d'obtenir les meilleurs rendus possibles…:
step_3_1024_768_.png

Il ne vous reste plus qu'à enregistrer votre image dans le dossier de votre thème 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'exportation 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 grâce à cette manière:

Une boîte de dialogue apparaît : mettez les paramètres suivants (pensez à bien cliquer sur le verrou) et afin de centrer l'image cliquez 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ées et sauvegardez 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 boîte 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 passer à la création de la barre de chargement… !

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

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 !)

A partir de cette image

• 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 ».

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

• 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. (ne les laisser pas dans le répertoire ou ils étaient) Checkinstall en aura besoin plus tard !

Editeur 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

Voiçi le 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 )

L'écran du terminal

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.

Ecran terminal Checkinstall

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 : Paquet_usplash-theme-ogres

Et voici l'image utiliser pour le boot :

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

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

Soit vous installez l'utilitaire suivant : installez le paquet startupmanager

Impossible de trouver le paquet startupmanager (Ubuntu 7.04)

Cela ressemble à ça et c'est super bien

Soit vous utilisez cette méthode et c'est super bien aussi ! : 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