Carbide.ui 3.1

[TUTORIAL] Carbide.ui S60 Theme Edition 3.1

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

Date d’écriture : 03/01/2007.

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

J’ai pensé qu’un tuto pour Carbide.ui S60 Theme Edition 3.1 for Symbian OS pourrait être utile. Sur ce tuto, j’explique les fonctions principales permettant de réaliser un thème.

Pour réaliser un thème, il vous faut :
-Le logiciel Carbide.
-Un logiciel de retouche photo type Photoshop.
-Beaucoup de mémoire vive (à eux deux, ces logiciels pompent pas mal).
-De la patience.
-Accessoirement du talent. :D

Alors, démarrons le logiciel. Il est conseillé de fermer toutes les applications en cours pour garder un maximum de réactivité de la part de votre ordinateur.

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

L’écran d’accueil :

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

-Créer un nouveau thème : Ce que nous allons voir dans la suite.

-Ouvrir un nouveau thème : Pour ouvrir un thème que vous avez quitté dans l’espace de travail mais non terminé. Si vous n’avez pas quitté votre thème, il est déjà ouvert sur le plan de travail.

-User guide : Il faut une connexion à internet pour vous connectez à l’aide. J’ai passé mon chemin.

-Tutorial : Pour vous aider. (En anglais )

-Transférer un thème : pour transférer le thème vers le mobile quand il est fini.

-Forum Nokia : pour aller sur le forum Nokia. Nécessite une connexion Internet.

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

Les rubriques annexes :

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

Fichier : Pour importer ou exporter un nouveau thème…

Edit : Pour copier coller, etc…

View : Pour zoomer.

Outils : Pour faire une keypair, créer un sis ou le transférer vers le mobile.

Fenêtre : Pour choisir les vues.

Help : Pour demander de l’aide… (En anglais bien sûr).

Navigateur : Pour aller d’un thème à un autre si vous avez plusieurs projets en cours.

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

Créer un nouveau thème :

Voila, maintenant, nous allons attaquer un nouveau thème. Tout d’abord, cliquez sur créer un nouveau thème.

Avant de démarrer quoi que ce soit, il faut donner un nom au thème :

Voici à présent l’espace de travail…

1-toutes les étapes à modifier au choix pour réaliser votre thème.
2-les effets de vos modifications sur le thème.

Il y a beaucoup d’étapes pour faire un thème :

A chaque étape, correspond plusieurs plans :

Et à chaque plan, une ou plusieurs images :

1-Le background :
Avant d’attaquer le background, il est important de préciser les dimensions du thème, en particulier s’il s’agit d’un grand format… (Ca évitera de travailler dans le vent :o )

-Il est temps de créer le background, c’est-à-dire le fond d’écran qui sert de papier peint au thème.

-Il faut d’abord cliquer sur background, puis sur l’image grise du haut. La mienne est bleue car je viens de coller mon background : à chaque modification de votre part, le rectangle devient bleu et une petite encoche vient s’ajouter en bas, là où sont les images à modifier.

Bien sûr, le fond d’écran ne sort pas de nulle part, il provient de Photoshop. Il faut parfois plusieurs essais pour obtenir quelque chose de joli : 

Et voila, le background est fini ^^

Une fois que le background est fini, on remarque que les deux rectangles sont bleus.

2-Les couleurs :
Ensuite, on passe à l’étape du dessous…Regardez dans le rond vert l’objet à modifier. Double cliquez sur la cible (le rond rose) pour obtenir les couleurs. Attention à choisir une couleur lisible…

Un exemple en « direct » :

Avant/Après :

C’est des détails qui ont leur importance car un thème ilisible est un thème qui ne sert à rien.

3-Autres étapes 1 : Les icônes.
Ensuite, il faut continuer toutes les étapes. Un peu après, les icônes. Personnellement, je n’y ai pas touché, n’ayant pas d’autres icônes sous la main.

4-Les sauvergardes :
Ne pas oublier de sauver de temps en temps…

5-Autres étapes 2: le lecteur multimédia :
Je ne vous montre pas toutes les étapes… En voici cependant une qui a son utilité pour expliquer certaines fonctions… Le lecteur média :

Regardez ce qui est entouré en vert : il faut parfois créer des images aux dimensions spécifiques… Dans ce cas, Photoshop devient indispensable pour faire quelque chose de beau.

6-La suite :
Continuez ensuite toutes les étapes, et n’hésitez pas à les vérifier plusieurs fois.

7-La galerie :
Une fois toutes vos étapes terminées, cliquez sur la galerie (le rond orange en bas à gauche) pour avoir un aperçu de ce que sera votre futur thème. Si vous n’avez pas cette icône, un clic sur le rond bleu pour obtenir le deuxième image ci-dessous et accéder à la galerie.

Sur le mien, je n’ai modifié que très peu de choses. Par exemple, les icônes que vous aurez seront ceux de base de votre mobile.

8-Créer un fichier « .sis » :
Tout vous convient ? Super, maintenant, nous allons créer le fichier .sis. Cliquez sur le paquet-cadeau marron (regardez dans la bulle rose).

A ce moment, on vous prévient que tous les changements vont êtres sauvegardés avant la création du fichier sis.

Ensuite, on vous demande de renseigner (si vous le désirez), quelques informations. Vous n’êtes pas obligés de mettre ce que j’ai mis… :roll:

9-Créer une clé de protection (keypair) :
Après, cliquez sur « next » (la bulle bleue). Ici, on vous demande de créer une clé de protection pour votre thème. Comme vous n’en avez pas encore, cliquer sur « make » (la bulle orange).

Renseignez ce qui vous plait, mais n’oubliez pas le mot de passe.

Une fois la clé faite, il faut la générer(cliquez sur le rond vert), puis on peut l’utiliser. Avant de cliquer sur finish, validez le mot de passe et choisissez ou ira le thème. Je l’ai mis sur ma clé usb pour le retrouver facilement…

Enfin, cliquer sur finish…Voila c’est fini !!! 

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

Astuce :

Essayez le thème sur votre mobile histoire de vérifier les éventuels défauts… Si vous avez des questions ou des suggestions, j’essaierai d’y répondre dans la mesure du possible.

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

>>> Revenir en haut de la page.

>>> Revenir à la page Tutoriaux.

>>> Revenir à l’accueil.

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