Un theme se compose d'un jeu d'image et d'un jeu de sonnerie.
Les formats supportés par le mobile sont : mid, midi, mmf, mp3, gif, jpg, swf
Pour commencer, télécharger le pack additionnel contenant le theme de travail que nous allons utiliser tout au long de cette étude.
>> Fichier de travail
I Préparation
----------------------------------------------------------------------------------
Conseils :
- Afin de travailler proprement, il est conseillé de créer un dossier par theme sur votre disque dur, sinon vous ne vous y retrouverez jamais (clic droit - Nouveau - dossier).
- Conserver toujours les mêmes noms de fichier pour faciliter la gestion de vos themes.
- Conserver toujours vos fichiers originaux dans un dossier séparé et ne travaillez que sur des copies de fichiers.
- Lorsque votre theme est terminé, pensez a lui mettre le prefixe FINAL_ devant son nom afin d'éviter les confusions.
----------------------------------------------------------------------------------
1°) Decompressez le fichier télécharger sur votre disque dur dans son répertoire.
2°) Cliquer sur le répertoire nouvellement créer, vous devriez y trouver :
- bretagne.thm
- open.jpg
- close.jpg
- fond.jpg
- external_bretagne.jpg
- voice_call.mp3
- video_call.mp3
- message.mp3
- preview.psd
- theme.psd
- lisez_moi.txt
- read_me.txt
II Creation de theme simple
Le but vous l'avez compris, est de remplacer les fichiers jpg et mp3 par ceux que vous souhaiter.
Si vous disposez de photoshop, le fichier preview est taillé en 176*220 pixels pour les ecrans fond.jpg, close.jpg et open.jpg
Il a egalement l'avantage de vous montrer ou se trouve les infos du mobile sur votre ecran pour adapter vos graphismes.
1°) Les fonds d'ecrans 176*220 pixels
Ouvrer le fichier preview.psd si vous disposez de photoshop.
Sinon, ouvrez votre éditeur d'image favori et créer un nouveau document :
Largeur : 176 pixels / 6,21 cm
Hauteur : 220 pixels / 7,76 cm
Resolution : 72 pixels par pouce
Seul le fichier fond.jpg est affecté par les barres inferieure et superieure.
Les images close.jpg et open.jpg seront affichées en plein ecran par le téléphone.
Le fichier fond.jpg
- Utilisé par le mobile comme fond d'ecran lorsque le mobile se trouve sur son ecran de veille.
Le fichier open.jpg
- Utilisé par le mobile comme fond d'ecran lorsque le mobile s'allume.
Le fichier close.jpg
- Utilisé par le mobile comme fond d'ecran lorsque le mobile s'eteins.
2°) Les fichiers sons MP3
Créer vos mp3 avec votre editeur favori de mp3.
Le fichier voice_call.mp3
- Utilisé par le mobile lorsque que l'on vous appelle par la voix.
durée conseillée : Entre 25 et 30 secondes
Le fichier video_call.mp3
- Utilisé par le mobile lorsque que l'on vous appelle par la video (visiophonie).
durée conseillée : Entre 25 et 30 secondes
Le fichier message.mp3
- Utilisé par le mobile lorsque que le mobile s'allume, s'eteins, ou lorsque vous recevez un message.
durée conseillée : Entre 10 et 15 secondes
3°) Creation du logo pour ecran externe
NOTA : Ce fichier n'est pas inclus dans le theme proprement dit car le theme ne prend pas en charge l'ecran externe.
Cependant votre theme sera bien plus complet avec que sans.
Il vous faudra donc le transférer puis l'activer separement.
Ouvrez votre éditeur d'image favori et créer un nouveau document :
Largeur : 80 pixels / 2,82 cm
Hauteur : 64 pixels / 2,26 cm
Resolution : 72 pixels par pouce
Conseils :
Le logo externe ne recouvre pas totalement l'afficheur.
Le fond de l'afficheur étant noir, il est conseillé de prendre un fond noir de maniere a ce que le logo s'integre bien.
==> Réaliser vos tests en chargeant l'ecran externe sur le mobile ou la carte mémoire.
4°) Empaquetage du theme
Renommez le fichier Bretagne.thm en Bretagne.zip
Double-cliquer sur le fichier Bretagne.zip (de maniere a ouvrir l'archive sans la decompresser).
Une fois l'archive ouverte, supprimer tous les fichiers a l'exception du fichier thme.xml (sinon l'archive se ferme et s'efface...)
Revenez dans le répertoire de votre theme et sélectionnez les fichiers :
- open.jpg
- close.jpg
- fond.jpg
- message.mp3
- voice_call.mp3
- video_call.mp3
Par glisser/deposer, mettez tous les fichiers dans l'archive (faites glisser les fichiers et relacher dans la fenetre de l'archive).
Refermez l'archive qui doit contenir ses 7 fichiers (3 .jpg, 3 .mp3 et theme.xml)
Renommer le fichier bretagne.zip par le_nom_de_mon_theme.thm (le_nom_de_mon_theme est ce que vous voulez mettre comme nom a votre travail).
==> Réaliser vos tests en chargeant le theme sur le mobile ou la carte mémoire.
5°) Distribution du theme
Vous pouvez bien sur distribuer vos themes comme cela, mais rappellez vous que vous avez aussi fait un ecran externe, et de plus, je ne saurais trop vous conseillez d'y mettre votre pseudo ne serait-ce que pour les copyrights.
- Les copyrights :
Editer les fichiers read_me.txt (en anglais) et lisez_moi.txt (en francais) avec votre pseudo, le nom du theme et le nom de l'archive.
- Empaquetage :
Créer une archive .zip avec les fichiers read_me.txt, lisez_moi.txt, le fichier theme et lefichier d'ecran externe.
Votre theme est pret a etre distribué au monde entier. :fete:
-------------------------------------------------------------------------------
II Creation de theme avancé
Si vous en arrivez là, c'est que ce que je vous décris plus haut ne suffit pas
Alors allons plus loin :
1°) Les papier-peints 176*147 pixels
- Le samsung Z500 prend en charge un systeme de papier peint.
- Ainsi sur votre ecran de veille, vous aurez le fichier fond.jpg en arriere plan et par dessus, un second fichier image appellé papier peint (wallpaper) qui apparaitra devant le fichier de fond.
- Par contre, il est necessaire de prevoir un fichier fond qui s'adapte bien avec les papier peint...
- La taille de ces fichiers est de 176*147 pixels et il s'integre entre les deux barres de menu et d'heure sur le mobile (voir le fichier preview.psd).
- Images JPG
Ouvrez votre éditeur d'image favori et créer un nouveau document :
Largeur : 176 pixels / 6.21 cm
Hauteur : 147 pixels / 5,19 cm
Resolution : 72 pixels par pouce
- Créer vos papier-peint au format .jpg
- Images GIF animé
Créer votre animation de maniere a ce qu'elle colle a la taille requise
Largeur : 176 pixels / 6.21 cm
Hauteur : 147 pixels / 5,19 cm
- Images SWF
Vous avez la possibilité de créer des animations Flash simple pour le samsung SGH-Z500.
Vous devez sauvegarder votre animation au format Flash Lite 1.0 (pour plus de détails, voir "Les problemes les plus courants" plus bas..
Elle doit avoir la taille requise c'est a dire 176*147 pixels.
Les graphismes reconnus sont ceux de Flash 5.0
L'action script utilisable est le flash 4.0
- Insérez vos fichiers papier peints dans l'archive de distribution.
2°) Le fichier XML
Comme vousl'aurez compris, tout se parametre dans le fichier theme.xml
Ouvrez le fichier theme.xml avec votre editeur favoris (ou selectionner le fichier, appuyer sur MAJ, faites clic droit sur le fichier puis Ouvrir avec... et sélectionnez Notepad).
Etudions ensemble ce fichier voici ce que nous avons a l'ouverture :
(lorsque vous editez, faites attention a garder les guillemets !!)
[quote]
<?xml version="1.0"?>
<theme version="1.0">
<info name="Bretagne" date="" size="0" profile="Shalimar"/>
<background idle="fond.jpg" mainmenu="0x3300cc" appmenu="0x000099"/>
<skin title_color="0x000000" softkey_color="0xffffff"/>
<wallpaper idle=""/>
<ringtone voice_call="voice_call.mp3" video_call="video_call.mp3" message="message.mp3"/>
<power_on image="open.jpg" melody="message.mp3"/>
<power_off image="close.jpg" melody="message.mp3"/>
<font_title color="0xffffff" type="Bold" size="16"/>
<font_softkey color="0xffffff" type="Bold" size="16"/>
<font_menu color="0x000000" type="Bold" size="16"/>
<still image="fond.jpg"/>
</theme>
[/quote]
Decortiquons au pas a pas
[QUOTE]<?xml version="1.0"?>[/QUOTE]
1ere ligne, déclaration du fichier .xml => NE PAS TOUCHER
[QUOTE]<theme version="1.0">[/QUOTE]
2eme ligne, devrait etre la déclaration de la version du langage de theme utilisé .xml => NE PAS TOUCHER
[QUOTE]<info name="Bretagne" date="" size="0" profile="Shalimar"/>[/QUOTE]
3eme ligne, Tag info sur le theme
name="Bretagne" ==> Nom du theme, EDITABLE
date="" ==> Date de création du theme, EDITABLE
size="0" ==> Inconnu, NE PAS TOUCHER
profile="Shalimar" ==> Shalimar est le nom de code du z500, NE PAS TOUCHER
[QUOTE]<background idle="fond.jpg" mainmenu="" appmenu=""/>[/QUOTE]
4eme ligne, Tag info sur le theme
idle="fond.jpg" ==> Nom du fichier de fond ecran, EDITABLE
mainmenu="" ==> Menu principal, EDITABLE
appmenu="" ==> Menu app, EDITABLE
[QUOTE]<skin title_color="0x000000" softkey_color="0xffffff"/>[/QUOTE]
5eme ligne, Barre du theme
title_color="0x000000" ==> Couleur de la barre de titre (barre du haut), EDITABLE
softkey_color="0xffffff" ==> Couleur de la barre de titre (barre du bas), EDITABLE
[font size=8]Nota :
Les couleurs sont definies par un prefixe 0x suivi du code hexadecimal couleur :
0x000000 : Noir
0xFFFFFF : Blanc
0x0000FF : Bleu
0xFF0000 : Rouge
[/font]
[QUOTE]<wallpaper idle=""/>[/QUOTE]
6eme ligne, Tag papier peint
idle="" ==> Nom du fichier papier peint, EDITABLE
[font size=8]Nota :
Mettre le nom du fichier papier peint et ne pas oublier de le mettre dans le fichier.thm
Ce papier peint sera selectionner par defaut lors de l'activation du theme, mais vous pourrez en changer, d'ou l'interet d'en créer plusieurs..
[/font]
[QUOTE]<ringtone voice_call="voice_call.mp3" video_call="video_call.mp3" message="message.mp3"/>[/QUOTE]
7ème ligne, Tag sonnerie
voice_call="voice_call.mp3" ==> Nom du fichier melodie pour les appels voix, EDITABLE
voice_call="voice_call.mp3" ==> Nom du fichier melodie pour les appels video, EDITABLE
voice_call="message.mp3" ==> Nom du fichier melodie pour les messages, EDITABLE
[QUOTE]<power_on image="open.jpg" melody="message.mp3"/>[/QUOTE]
8ème ligne, Definition de l'allumage du mobile
image="open.jpg" ==> Nom du fichier image lors de l'allumage, EDITABLE
melody="message.mp3" ==> Nom du fichier melodie jouer lors de l'allumage, EDITABLE
[QUOTE]<power_off image="close.jpg" melody="message.mp3"/>[/QUOTE]
9ème ligne, Definition de l'extinction du mobile
image="close.jpg" ==> Nom du fichier image lors de l'allumage, EDITABLE
melody="message.mp3" ==> Nom du fichier melodie jouer lors de l'allumage, EDITABLE
[QUOTE]<font_title color="0xffffff" type="Bold" size="16"/>[/QUOTE]
10ème ligne, Definition de la barre de titre (haut) du mobile
color="0xffffff" ==> Couleur de la couleur de la police, EDITABLE
type="Bold" ==> Type de la police (bold, bolder, lighter, normal), EDITABLE
size="16" ==> Taille de la police, EDITABLE
[QUOTE]<font_softkey color="0xffffff" type="Bold" size="16"/>[/QUOTE]
10ème ligne, Definition de la barre de menu (bas) du mobile
color="0xffffff" ==> Couleur de la couleur de la police, EDITABLE
type="Bold" ==> Type de la police (bold, bolder, lighter, normal), EDITABLE
size="16" ==> Taille de la police, EDITABLE
[QUOTE]<font_menu color="0x000000" type="Bold" size="16"/>[/QUOTE]
11ème ligne, Definition de la police du menu du mobile
color="0xffffff" ==> Couleur de la couleur de la police, EDITABLE
type="Bold" ==> Type de la police (bold, bolder, lighter, normal), EDITABLE
size="16" ==> Taille de la police, EDITABLE
[QUOTE]<still image="fond.jpg"/>[/QUOTE]
12ème ligne, Definition de l'image de preview du theme
image="fond.jpg" ==> Nom du fichier (mettre l'image de fond), EDITABLE
[QUOTE]</theme>[/QUOTE]
13ème ligne, Fermeture du fichier theme, NE PAS TOUCHER
------------------------------------------------------------------------------------
Et voila qui vous permettra de créer vos propres themes de A à Z.
Sachez qu'il n'est pas obligatoire de tout remplir pour créer un theme, vous pouvez tres bien créer un theme graphique sans fichier sons. Veillez simplement a retirer les mentions des fichiers qui ne seront plus dans le theme.
4°) Les problemes les plus courants
- Le theme ne marche pas ou fait planter le mobile
Eteindre le mobile (retrait de batterie si necessaire), rallumer et changer de theme.
Effacer le theme d'essai de la memoire du mobile. Il faut tout revoir...
- Une partie du theme fonctionne, mais pas tout
Vous devez avoir une erreur dans le fichier theme.xml, regardez si vous utilisez les bons noms de fichiers et qu'ils sont bien dans l'archive .thm
- J'ai fait un zip que j'ai renommé en thm et cela ne marche pas
Le fichier .thm utilise des parametres que je ne connais pas. Si vous zippez et renommez, le telephone ne comprendra pas les parametres de l'archive.
Faites comme moi, utilisez le fichier de base, ca marche tres bien.
- Mes sons ont un probleme...
Je ne suis pas un specialiste, mais faites des mp3 en 128 K/ps et 44800 Mhz
- Mes animations Flash ne passent pas/mal
Le flash utilisé pour ce mobile est special.
Il s'agit du Flash Lite 1.0
C'est un melange de Flash 5 pour le graphisme et Flash 4 pour l'actionscript.
L'animation doit etre legere pour etre jouer de maniere fluide. C'est un mobile, pas un pc...
Pour sauver en Flash_lite 1.0, sous flash faites :
Fichier -> Exporter -> Exporter l'animation
En haut selectionner Flash Lite 1.0
Cocher la case : Neutraliser les parametres audio
Cliquer sur OK
-------------------------------------------------------------------------------------
Fin du tutorial, je l'editerais avec vos remarques un peu plus tard.
Merci de m'avoir lu et n'hesitez pas a venir proposer vos creations ici
@+
