✎ usplash [Wiki ubuntu-fr]

Vous affichez une ancienne révision du document ! Si vous l'enregistrez, vous créerez une nouvelle version avec ce contenu.

----

====== Usplash: l'écran de chargement d'Ubuntu ======
{{usplash_640_480.png?250|Usplash par défaut|G}}
===== Introduction =====
//**Usplash** est l'écran de chargement d'Ubuntu. Il permet d'afficher une barre de progression au démarrage et à la fermeture d'Ubuntu (il affiche également, si on le désire, les différentes étapes).

Usplash permet la gestion des images 256  couleurs ainsi que des fonctions plus puissantes qui permettent un meilleur rendu. Par exemple, la barre de progression peut utiliser des images.

Cette page vous expliquera comment modifier votre écran de chargement Usplash.
//

==== Quelques exemples de thèmes ====

**Usplash [[http://www.gnome-look.org/content/show.php/Usplash+ubuntuclub2?content=37496|Ubuntuclub2]]**  et  **Usplash [[http://www.gnome-look.org/content/show.php/Usplash+BlackChrome?content=60249|BlackChrome]]**

====== Installer un nouveau thème usplash ======

===== Installation =====
Après vous être assuré que l'Usplash installé par défaut fonctionne correctement au démarrage, vous serez sûrement tenté d'en essayer d'autres.

Pour l'installer tout dépend si c'est un paquet présent dans vos sources, un paquet debian (.deb) téléchargé ou un tarball (.tar.gz) téléchargé. Dans ce dernier cas vous aurez besoin de ''libusplash-dev''.

Il existe un paquet qui s'appelle "[[apt://startupmanager|startupmanager]]" qui permet d'automatiser toutes  les taches décrites ici( choisir le .so qu'on veut pour le démarrage, le placer dans /usr/lib/usplash/, ...) pour peu que vous ayez le fichier .so de dispo.
Ainsi, si vous avez un .deb contenant un thème qui n'est pas compilé pour votre architecture mais que vous souhaitez vraiment l'avoir, le mieux est d'extraire le fichier so de l'archive et de l'ajouter par le biais de startupmanager (gérer les thèmes usplash > ajouter).

==== Ceux des sources ====
Vous pouvez simplement [[:tutoriel:comment_installer_un_paquet|installer le paquet]] correspondant à l'usplash que vous désirez. Votre système devrait normalement vous proposer **usplash-theme-ubuntu**, **kubuntu-artwork-usplash**, **xubuntu-artwork-usplash** et quelques autres.

==== Paquet Debian ====
Allez dans un terminal dans le dossier ou se situe le theme en .deb et tapez la commande :
 <code>sudo dpkg -i nom-du-paquet.deb</code>

Vous pouvez aussi l'installer à l'aide [[:gdebi|Gdebi]] ou Kubuntu Package Menu.

==== Tarball (.tar.gz) ====
Décompresser le fichier.
Allez dans un terminal dans le dossier où se situe le dossier décompressé et taper la commande : FIXME
<code>sudo make && sudo make install</code>

===== Configuration ====

==== Manuellement ====
  * On commence par indiquer à update-alternatives que l'on a installé un nouvel usplash
<code>sudo update-alternatives --install /usr/lib/usplash/usplash-artwork.so usplash-artwork.so /usr/lib/usplash/Nom de votre theme.so 10</code>

* On choisit l'usplash que l'on veut utiliser (si il y en a plusieurs).
<code>sudo update-alternatives --config usplash-artwork.so</code>

* Dernière étape (Mise à jour de l'initramfs)
<code>sudo update-initramfs -u</code>
ou
<code>sudo dpkg-reconfigure linux-image-`uname -r`</code>

==== Graphiquement ====

Il existe un petit utilitaire : [[http://blogs.ubuntu-nl.org/dennis/2006/09/13/more-fun-with-usplash/|Usplash Switcher]] qui réalise automatiquement toutes ces opérations de configuration.

[[http://web.telia.com/~u88005282/sum/index.html|StartUp Manager]] permet aussi de gérer graphiquement la configuration des thèmes usplash et grub.
Depuis Gusty Gibbon, StartUp Manager est disponible dans le dépôt Universe :

[[apt://startupmanager|{{apt.png}}]]

==== Tester ====
Pour tester votre usplash sans redémarrer, allez dans une console (CTRL+ALT+F1) et tapez-y la commande :
<code>sudo usplash -c</code>
Pour revenir sous votre bureau tapez CTRL+ALT+F7.

===== Astuces =====
Pensez à lire les README fournis avec les paquets pour plus d'informations

====== Créer/Modifier un Thème Usplash ======
Pour Dapper et Breezy suivez ce lien [[:tutoriel/creer_un_theme_usplash_dapper_breezy]]

=====Introduction=====
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 jolis thèmes comme ceux-ci, suivez ce guide!^
|{{:usplash-fond.jpg|}}|

=====Première méthode ====

===== Script de création, de choix et de choix de taille d'usplash =====

En suivant le tuto ci-dessous, j'ai créé un script simple permettant de créer un nouveau usplash, de choisir entre ceux que vous avez, d'ajouter un .so téléchargé, de choisir la taille de l'usplash ainsi que de tester le so.

{{http://hizoka.funcenter.fr/img/usplash_manager.png|USplash Manager}}

Pour télécharger le fichier : [[http://forum.ubuntu-fr.org/viewtopic.php?pid=2033347]]

merci de laisser vos impressions sur le topic.

Vous utilisez ce script à vos risques et périls ;-)

Hizoka, hizo@free.fr

===== Affichage du texte durant usplash =====

Si vous souhaitez faire apparaitre le texte d'information au démarrage ou à l'arrêt de système, comme sur cette [[http://blog.yumdap.net/uploads/techie/usplash_normal.png|image]], suivez la procédure indiquée [[:grub#afficher_le_detail_sous_la_barre_ubuntu|ici]]

=====Deuxième méthode =====

=== 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 [[:tutoriel:comment_installer_un_paquet|installer le paquet]] [[apt://build-essential|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====

Tous d'abord, nous allons récupérer les sources d'un fichier .deb d'un thème usplash : [[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^
|{{:targz.png|}}|
\\
\\
\\
^Et décompresser sur votre bureau, dans le dossier vous allez avoir ceci :^
|{{:tutoriel/dossier1.png|}}|

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.
\\
<note>Moi je procède comme cela; Je crée une image au format le plus haut : 1024*768, je la convertis 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.</note>
\\

==== 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.
\\
\\
<note>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).</note>
\\
\\
<note important>Refaire la partie du tutoriel lié à gimp, les photos ne sont plus valide sur le serveur</note>
== 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...
\\
\\
<note>Attention, cependant, le nombre de couleurs des images est limité à 256 (8bit) et doivent être impérativement être au format PNG (Portable Network Graphics).</note>
\\
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.
\\
<note>Afin de rendre ce que je viens de dire plus simple je vais vous faire un exemple en image...</note>
\\
\\
__a. [nom_de_l_usplash]_1024_768.png__\\
Ouvrez votre image usplash au format 1024*768 pixels.\\
{{applications:personnalisation: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:\\
{{applications:personnalisation:step_2_1024_768_.png}}\\
Une boite de dialogue s'ouvre, mettez les réglages suivants afin d'obtenir les meilleurs rendus possibles...:\\
{{:applications:personnalisation: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:\\
{{applications:personnalisation:step_1_1024_576_.png}}\\
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:\\
{{applications:personnalisation:step_3_1024_576_.png}}\\
\\
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... !

== 2. Création ou réglage de la barre de défilement ==

Comme précédemment, il suffit de modifier les images existantes. Ici les fichiers concernés sont :
__
throbber_back.png
throbber_fore.png
throbber_back_16.png
throbber_fore_16.png__

**Position et taille de la barre**

Pour modifier cela, il faut ouvrir le fichier (initialement) nommé "__usplash-theme-ubuntu.c__".

Le fichier contient différentes sections correspondant aux différentes résolution utilisables.

Exemple pour 1280x1024 :

<code>struct usplash_theme usplash_theme_1280_1024 = { ...</code>

Repérez alors cette section, on ne peut plus claire :

<code>/* Progress bar position and size in pixels */
  	.progressbar_x      = 352,
  	.progressbar_y      = 500,
  	.progressbar_width  = 320,
  	.progressbar_height = 18,</code>

...du moins si vous alignez 3 mots dans la langue de Shakespeare ;-)

<note help>x et y sont les positions horizontales et verticales ; width = largeur ; height = hauteur</note>

<note tip>Remarque : Dans ces mêmes sections vous pouvez aussi modifier la position et la taille de la boîte dans laquelle défile le texte (quand le démarrage est sans "quiet")</note>

=== 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 [[http://theglu.tuxfamily.org/index.php/post/2006/12/13/Amd64-Faire-fonctionner-le-splash|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 !)

^A partir de cette image^
|{{tutoriel:ogre.jpeg|}}|
\\
  * 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 ».
\\
Exemple pour le makefile : celui de « usplash-theme-ubuntu » ressemble à
\\
<code>
CC=gcc
CFLAGS=-g -Wall -fPIC
LDFLAGS=
INCLUDES=

COMPILE = $(CC) $(INCLUDES) $(CFLAGS)
LINK = $(CC) $(CFLAGS) $(LDFLAGS)

INSTALL = /usr/bin/install -c
INSTALL_DATA = $(INSTALL) -m 644
INSTALL_PROGRAM = $(INSTALL) -m 755

usplash-theme-ubuntu.so: throbber_back.png.c.o throbber_back_16.png.c.o throbber_fore.png.c.o throbber_fore_16.png.c.o \
						 usplash_1024_768.png.c.o usplash_1365_768_scaled.png.c.o usplash_800_600.png.c.o \
						 usplash_640_400.png.c.o usplash_640_480.png.c.o usplash-theme-ubuntu.c.o
	$(COMPILE) -shared -o $@ $^

%.png.c: %.png
	pngtousplash $< > $@

%.bdf.c: %.bdf
	bdftousplash $< > $@

%.c.o: %.c
	$(COMPILE) -o $@ -c $<

install:
	$(INSTALL) -d $(DESTDIR)/usr/lib/usplash
	$(INSTALL_PROGRAM) usplash-theme-ubuntu.so $(DESTDIR)/usr/lib/usplash/usplash-theme-ubuntu.so
clean:
	rm -f *.png.c *.bdf.c *.c.o *.so
</code>\\
Après remplacement par « usplash-theme-ogres » pour le thème « ogres » :
\\
<code>
CC=gcc
CFLAGS=-g -Wall -fPIC
LDFLAGS=
INCLUDES=

COMPILE = $(CC) $(INCLUDES) $(CFLAGS)
LINK = $(CC) $(CFLAGS) $(LDFLAGS)

INSTALL = /usr/bin/install -c
INSTALL_DATA = $(INSTALL) -m 644
INSTALL_PROGRAM = $(INSTALL) -m 755

usplash-theme-ogres.so: throbber_back.png.c.o throbber_back_16.png.c.o throbber_fore.png.c.o throbber_fore_16.png.c.o \
						 usplash_1024_768.png.c.o usplash_1365_768_scaled.png.c.o usplash_800_600.png.c.o \
						 usplash_640_400.png.c.o usplash_640_480.png.c.o usplash-theme-ogres.c.o
	$(COMPILE) -shared -o $@ $^

%.png.c: %.png
	pngtousplash $< > $@

%.bdf.c: %.bdf
	bdftousplash $< > $@

%.c.o: %.c
	$(COMPILE) -o $@ -c $<

install:
	$(INSTALL) -d $(DESTDIR)/usr/lib/usplash
	$(INSTALL_PROGRAM) usplash-theme-ogres.so $(DESTDIR)/usr/lib/usplash/usplash-theme-ogres.so
clean:
	rm -f *.png.c *.bdf.c *.c.o *.so
</code>
\\
<note tip>Nommez votre répertoire "usplash-theme-nom_de_votre_theme</note>
\\
  * La dernière chose à faire pour pouvoir ensuite créer tranquillement votre point deb, c'est de renommer deux fichiers, postinst et postrm.
\\
<note tip>Ceux-ci ce trouve dans le répertoire debian de votre dossier usplash-theme-ogres</note>
\\
  * 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 !
\\
<note tip>Pour faire cela, il faut sélectionner les fichiers, faire un clic droit dessus et sélectionner « ouvrir avec éditeur de texte »</note>
\\
\\
^Editeur de texte^
|{{:editeurdetexte.png?711x308|}}|
\\
Une fois que vous avez remplacé tous les textes par votre nom de usplash à vous, vous pouvez passer à l'étape suivante.\\
[[:tutoriel:comment_installer_un_paquet|Installer le paquet]] : [[apt://libusplash-dev|libusplash-dev]]    [[apt://debhelper|debhelper]] 
	- Lancer un terminal ->
	- Vous y voici ! Pour plus d'infos sur le terminal,
suivez le lien suivant : http://doc.ubuntu-fr.org/terminal
\\
\\
^Voiçi le terminal^
|{{:menuterminal.png|}}|
\\

-Ensuite pour aller sur le bureau, dans le terminal taper la commande suivante :
<code>cd Desktop </code>
Ensuite

<code>cd usplash-theme ubuntu-0.16/  </code>
( **cd** veut dire Change Directory )
\\
^L'écran du terminal^
|{{:ecranterminal.png|}}|
\\

- Puis taper 
<code> sudo make </code>

Ensuite il vous faut [[:tutoriel:comment_installer_un_paquet|installer le paquet]] [[apt://checkinstall|Checkinstall]], qui permet de construire un paquet debian « .deb »

- Puis taper

<code> sudo checkinstall </code>
  (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^
|{{:checkinstall2.png?393x469|}}|
\\
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 :
[[http://jerome.stix.free.fr/usplash-theme-ogres_0.16-1_i386.deb|Paquet_usplash-theme-ogres]]
\\
<note tip>Comme je vous l'indique, j'ai fait un usplash avec une image des ogres de barbacks et c'est en .deb</note>
\\

\\
^Et voici l'image utilisée pour le boot :^
|{{tutoriel:ogre.jpeg|}}|
\\

^Et une photo de mon écran au boot!!!^
|{{tutoriel:ogre-boot.jpeg|}}|

====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

Avec Hardy Heron, utilisez Startup-manager (disponible dans les dépôts) pour changer de thème car il n'existe pas de usplash-switcher pour cette version d'ubuntu.

===== Changer de résolution =====

Soit vous installez l'utilitaire suivant : [[:tutoriel:comment_installer_un_paquet|installez le paquet]] startupmanager

FIXME Impossible de trouver le paquet startupmanager (Ubuntu 7.04)
\\
^Cela ressemble à ça et c'est super bien^
|{{tutoriel:startupmanager.jpg|}}|
\\
Soit vous utilisez cette méthode et c'est super bien aussi ! :
[[:tutoriel:comment_editer_un_fichier|Editez le fichier]] **/etc/usplash.conf**

vous modifier en fonction de la résolution de votre écran, ex :
<code># Usplash configuration file
xres=1680
yres=1050</code>
et vous sauvegardez puis :
<code>sudo update-initramfs -u</code>

Si vous voulez mettre à jour tous vos kernel ce sera alors
<code>sudo update-initramfs -u -k 'all'</code>

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

----

//Contributeurs principaux : [[:utilisateurs:jeepy]], [[:utilisateurs:Damocles]], [[:utilisateurs:xabilon]], [[:utilisateurs:U-topic]], [[:utilisateurs:adam0509]], [[:utilisateurs:Hizoka]].//

Merci de recopier le code ci-contre pour prouver que vous êtes humain : B᠎ Y᠎ F M᠎ Y Merci de laisser ce champ vide :

Résumé

Note : En modifiant cette page, vous acceptez que le contenu soit placé sous les termes de la licence suivante : CC Paternité-Partage des Conditions Initiales à l'Identique 3.0 Unported