[TUTO] Créer un SplashScreen pour votre TATTOO !

[minop]

Salut à tous, :cool:

[h]Avant de commencer, qu'est-ce-qu'un Splash Screen et un GIF ?[/h]

- Dans le jargon informatique, un "splashscreen" (ou "fenêtre d'attente" en bon français) est la toute première fenêtre affichée au démarrage du téléphone (dans notre cas, nous avons le petit robot vert et "HTC") qui montre généralement un logo... pendant le chargement d'ANDROID.

- Un GIF (Graphics Interchange Format) est un format d'image numérique couramment utilisé sur le Web, il peut être animé.

[h]Quelques exemples de Splash Screen que j'ai crées :[/h]

MISE EN GARDE

Normalement, vous ne risquez pas de "bricker" votre appareil (à part un petit freeze sans incident au démarrage de votre appareil si votre gif n'est pas bon :P ). En aucun cas, l'auteur de ce tuto, ou FRANDROID.COM ne pourra être tenu responsable en cas de problème. A vos risques et périls. PENSEZ A FAIRE UN BACKUP NANDROID !

[h]REQUIS :[/h]

• Avoir un HTC TATTOO rooté (donc accès en écriture), si non ROOT, suivez le tuto de JoOoSs : https://www.frandroid.com/forum/viewtopic.php?id=9300
  
• Avoir HTCSync installé
  
• Mettre son téléphone en mode debug : Paramètres -> Application -> Développement -> Débogage USB.
  
• Télécharger ce pack : http://topomicro.free.fr/frandroid%20tuto/htc.zip, décompressez-le dans C:\htc (il contient les commandes adb pour envoyer l'image sur le le Tattoo)
  
• Un éditeur d'image (The GIMP 2.6.8 ou ADOBE PHOTOSHOP)
  
• Du temps, de la créativité et un cerveau fonctionnel ;)
  

[h]Avant-Propos :[/h]

• Pour ce tuto, j'ai préféré utiliser GIMP qui est gratuit et que je trouve plus simple qu'ADOBE pour les GIF. Disponible à cette adresse si vous ne l'avez pas encore : http://www.clubic.com/telecharger-fiche10178-the-gimp.html
  

[h]Informations Pratiques[/h]

- Dans votre téléphone, le répertoire "bootscreen" situé dans /system/media/bootscreen/ contient tous les éléments graphiques et sonores au démarrage du Tattoo. Voici les 6 fichiers présents (voir 8 avec les GIF opérateur) dans ce dossier :

• boot.gif (--> Le petit robot vert qui bouge)
  
• boot.mp3 (--> Son au démarrage de l'appareil)
  
• boot_animation.xml (--> fichier qui coordonne l'animation)
  
• boot1.gif (--> Apparition du logo "HTC")
  
• boot2.gif (--> Suite du boot1.gif avec le logo "HTC" qui brille)
  
• boot_bg.gif (--> il sert d'arrière plan)
  

Etant chez Bouygues, j'ai le GIF opérateur présent au démarrage :

• accueil.gif
  
• accueil_240x320.gif
  

J'ai essayé de changer les boot.gif, et le seul que j'ai pu changer sans bug/freeze est le boot2.gif. Certains de chez XDA ont fait des Splash Screen sur Tattoo mais je les ai testés, sans succès (Peut-être que mon tél n'en veux pas XP).

Passons aux choses sérieuses.

Et l'appareil prend les GIF en 280x240 et 320x240

[h]Chapitres :[/h]

I - Créer un GIF non animé avec GIMP 2.6.8

II - Créer un GIF animé

[h]I - Créer un GIF non animé avec GIMP 2.6.8[/h]

Vous voilà enfin prêt, suivez le guide :lol:

1 - Lancez GIMP 2.6.8

2 - Allez dans "Fichier > Nouvelle image" et remplissez comme sur la photo

3 - Faites votre image

4 - Une fois finie, sauvegardez votre création en allant dans "Fichier > Enregistrer sous...". Comme sur la photo, appelé votre image "boot2" et mettez l'extension ".gif"

5 - Suivez les indications de la photo

6 - Pareil que pour 5, complétez avec la photo

7 - Enfin, votre boot2.gif est prêt ! Placez-le dans le répertoire "htc" téléchargé au début du tuto

8 - Branchez votre HTC Tattoo à votre ordinateur, et prenez l'option "HTC Sync"

9 - Lancez l'invite de commande Windows, et tapez ces commandes :

cd C:\htc

adb-windows push boot2.gif /system/media/bootscreen/boot2.gif

10 - Redémarrez l'appareil et profitez ! ;)

Si vous avez des questions ou des suggestions; n'hésitez pas ! :)

[h]II - Créer un GIF animé(Testé et OK !)[/h]

Vidéo sur Youtube : http://www.youtube.com/watch?v=qfb8LFnIuP8

Il vous faut un boot_animation.xml bien configuré !

Disponible ici : http://topomicro.free.fr/frandroid%20tuto/boot_animation.zip

[h]Mon Bootscreen animé ![/h]

(Si vous le voyez fixe, il faut recharger la page ou le télécharger pour le voir ^^)

Laissez vos retours !

Modifié 16 juin 2010 par minop

[stuntmob]

c'est super tous sa :) et j'ai envie de dire a quand le tuto pour le desimlocker ;)

[minop]

Tuto Première partie finie !

Enjoy !

Modifié 20 avril 2010 par minop

[Ichigo66630]

Bonjours

Es-ce que sa peut marcher avec le son .mp3 pour le changer avec un son vide ?

Merci

Modifié 26 avril 2010 par Ichigo66630

[minop]

Bonjours

Es-ce que sa peut marcher avec le son .mp3 pour le changer avec un son vide ?

Merci

Tu veux enlever le son au démarrage ? Si oui t'as deux solutions :

--> changer le boot_animation.xml pour ne pas lancer de son au démarrage

--> Remplacer par un son "vide"

Mais pour cela, il faut être ROOT

[Citroncassis]

En sachant que modifier le boot_animation.xml est bien plus propre...

Une option a même été prévue pour ça.

Tu ouvre le boot_animation.xml et tu passe l'otpion "use_audio" de "1" à "0". ;)

[Ichigo66630]

Merci

[Invité]

ah wi faudrait que je m'en fasse un quand j'aurais le temps, c'est cool d'avoir fait un tuto ! Merci

[Invité]

Je voulais savoir si le délais doit être prise en compte dans la création du gif? Par exemple si le logo htc dure 10 sec, il faut créer un gif qui sure 10 sec? ect...

[minop]

Salut,

Alors pour faire un gif animé, j'ai toujours eu des résultats hasardeux ! Même les Splashcreen de chez XDA freeze chez moi ! Je suis un cas isolé :P

Sinon je te conseille de voir ce topic de chez XDA, c'est le splashscreen du Nexus One :

http://forum.xda-developers.com/showthread.php?t=671293

Analyse le gif. J'ai aussi essayé de modifier le boot_animation.xml mais sans succès, ça vient sûrement de mon tél.

[minop]

MAJ splashscreen animé

[XavierBL]

• boot_bg.gif (--> pas vraiment idée, je pense qu'il sert d'arrière plan)
  

C'est bien un background (arrière plan, fond de l'écran).

[Panja]

Faudrait l'épingler ce post!

[minop]

Topic MAJ (merci !) + Un bootscreen vraiment sympa que j'ai adapté pour Tattoo (voir chap. 2)