Nokia Thème Studio 2.2

[TUTORIAL] Nokia Series 40 Theme Studio 2.2

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Hi everybody… :)

Voici un petit tuto pour apprendre à faire un thème avec le logiciel Nokia Series 40 Theme Studio 2.2.

Sur ce tuto, j’explique les fonctions principales permettant de réaliser un thème.
Les screens n’ont pas tous étés réalisés dans l’ordre (Sur l’écran d’accueil on voit mon thème fini, les dates ne sont pas forcément dans l’ordre…) cependant pour faciliter la lecture, les zones concernées à chaque étape sont entourées en couleur.

:arrow: Pour réaliser un thème, il vous faut :
-Le logiciel Nokia Series 40 Theme Studio 2.2.
-Un logiciel de retouche photo type Photoshop.
-Beaucoup de mémoire vive. (A eux deux, ces logiciels pompent pas mal)
-Un peu de patience.
-Accessoirement du talent. :lol:

Installez et ouvrez le logiciel. Il rame un peu au moment du démarrage.

L’écran d’accueil :

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Avant d’attaquer le thème, je vais vous expliquer les fonctions des rubriques annexes:

Fichier : Pour ouvrir, créer un nouveau thème, sauvegarder et quitter. Intéressant, la fonction Unpack permet de choisir l’endroit ou seront stockées les pièces pour faire le thème.

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Edition : Permet de faire des copier/coller, précédente/suivante et aussi de dupliquer le thème dans une autre résolution. (Au passage, attention à la pixellisation si vous passez d’un petit thème à un grand. :roll: )

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Vues : Permet de choisir si on voit les screens (sur le côté droit), les options des écrans (en bas à gauche-la zone encadrée en rouge) et la puissance du zoom. La fonction Bill of Materials permet de peser les différentes parties du thème. Le bouton option permet de retenir le nombre de fichiers récemment ouverts retenus par le logiciel.

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Aide : Dans l’aide, on peut trouver un user guide. (En anglais et au format pdf)

Le handset guideline est un guide contenant les format audio, vidéo et photo supportés par chaque mobile.

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

:arrow: L’aide permet de s’enregistrer entre autre. Pour cela, il faut une connexion Internet.

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Registration avec Internet :

A ce moment là, une fenêtre Internet s’ouvre et on arrive sur forum.nokia.com Il faut alors se connecter pour avoir accès au numéro de série du logiciel.

Une fois les bons codes rentrés, voici le numéro de série. On peut le copier/coller directement dans le logiciel si on ne veut pas aller le récupérer sur sa messagerie.

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

La réalisation d’un thème :

Voila, maintenant, nous allons réaliser un nouveau thème. Tout d’abord, cliquez sur fichier >>> New >>> La résolution que vous voulez. Pour moi ce sera 128×160. Une résolution de moins en moins courante, mais c’est la seule que je pouvais choisir avec mon wallpaper qui sert d’exemple.

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Ensuite, donnez un nom à votre thème. (Dans la zone entourée de bleu)

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

1/Onglet Idle :

Idle Screen : Il faut commencer par sélectionner l’onglet « Idle »(le rond bleu). Les dimensions de la pièce à fournir sont indiquées en rouge. A vous de choisir le wallpaper de votre choix dans votre disque dur. Pour cela, cliquez sur le rond vert. Ne faites pas attention à mon screen, j’ai déjà fait d’autres étapes…

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Une fois votre wallpaper collé, voici ce que ça donne :

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Maintenant, au tour de la couleur de la police. Regardez les ronds rouges. Il est important de choisir une couleur lisible. ;)

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Attaquez-vous aux raccourcis en haut et en bas de votre wallpaper. (Regardez les ronds verts)

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Parfois, on nous demande de réaliser des pièces aux formes spéciales. Malheureusement, rien n’est indiqué pour savoir où exactement couper dans le wallpaper principal… :(

Active Idle : Ensuite, cliquez sur le sous onglet Active Idle. (Le rond rose)
Choisissez le 2ème screen dans la colonne de droite afin d’avoir le même que moi. Maintenant regardez l’ovale vert et découpez dans votre wallpaper la pièce aux dimensions correspondantes. Rien n’est indiqué pour vous dire où découper votre wallpaper ; personnellement j’ai trouvé qu’il fallait commencer à 28 pixels du haut mais je me trompe peut-être…

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Ensuite, choisissez la couleur de la police correspondant au rond orange. Pour la 2ème couleur, j’avoue que je ne sais pas à quoi elle sert.

Après, il y a la zone du raccourci sélectionné. Je n’y ai pas touché.

Je n’ai pas trouvé la fonction du reste des couleurs.
Voici un screen des modifications terminées :

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

3/Default :

La je vous mâche le travail lol : il n’y a qu’à faire correspondre les couleurs des bulles. Attention à choisir une couleur lisible en fonction de votre wallpaper.

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

4/Main Menu :

Menu Icons : Pour ajouter de nouvelles icônes, vous devez d’abord choisir l’icône à modifier en le sélectionnant. Il apparaît dans une zone grisée. Dans mon cas, c’est l’icône messaging, que j’ai entourée en rouge.
Attention, vous ne pouvez pas modifier l’icône « en cours d’utilisation ». Dans mon cas, il s’agit de « contacts » (Entourée en noir). Pour la modifier, il suffira de déplacer la sélection sur une icône déjà faite par exemple.

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Ensuite, il faut faire défiler la partie « Menu Icons » pour accéder aux modifications. Il faut choisir une image dans la zone nommée « Grid » pour le menu en grille (voir les rectangles roses). Pour le menu déroulant en liste, l’icône choisir devra être sélectionné dans la zone « List ». (Voir les rectangles oranges). Attention à la taille des icônes. ;)

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

List View : Les zones correspondantes aux modifications sont entourées de couleurs.

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Prenez la 4ème ou la 6ème image afin de voir les modifications que vous apportez.. Faites attention car vous engendrez aussi des modifications dans TOUT le thème. Pour cela regardez en bas à gauche, et choisissez l’onglet calendrier. Vous pouvez aussi regarder l’onglet Music Player…
Image attachée

Grid View et Tab View : Je vous laisse le soin de modifier comme bon vous semble.

5/General :

Animations : Choisissez la 3ème image de la galerie. Perso j’ai juste mis le wallpaper en écran de veille et à l’allumage du mobile.

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Alerts : Je n’ai touché à rien. Ces modifications correspondent à l’avant dernière image de la galerie.

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Thumbnails : C’est l’image qui va représenter le thème dans votre PC ou sur votre téléphone.

6/Apps :
Audio : Il faut choisir un background pour le lecteur audio ainsi que pour la radio. Perso, je suis restée sur mon wallpaper de base.

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Calendar : Pareil, vous devez choisir un background.

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

Forms : Choisissez la dernière image de la galerie et regardez les correspondances.

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

7/Sounds :

Je n’y ai pas touché. Vous pouvez choisir une sonnerie par défaut pour votre thème.

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

8/Mini screen :

Cette étape permet de choisir un wallpaper et les couleurs des textes écrits sur l’écran extérieur de votre téléphone.

9/Vérifiez la galerie :

Vous avez modifié tout ce que vous voulez ? Maintenant, vérifiez l’allure de votre thème avec la galerie de photos située à droite.

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

10/Sauvegardez le thème :

N’oubliez surtout pas de sauvegarder votre thème. L’option Unpack (située dans le fichier) vous permettra de stocker les pièces que vous avez utilisées pour faire votre thème.

Ca y est, votre thème est fini !!! :happy:

Astuce : Essayez le thème sur votre mobile histoire de vérifier les éventuels défauts…

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Si vous avez des questions ou suggestions, j’essaierai d’y répondre dans la mesure du possible. ;)

Voilou pour vous :bizzo:

Caro :)

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

>>> Revenir en haut de la page.

>>> Revenir à la page Tutoriaux.

>>> Revenir à l’accueil.

Go to Top