Thèmes-PSP

Wellis, créateur talentueux de thèmes pour PSP vient de nous concocter un énorme tutoriel pour créer un thème PTF, pour le voir cliquez vite sur Lire la suite … [MAJ du 07/01/10]

Dans ce tutoriel en plusieurs parties vous apprendrez donc à créer un thème officiel PTF pour PSP avec la célèbre suite ADOBE CS3.

Avant de commencer, rappelons ce qu’est un thème officiel ?

Les thèmes officiels sont des thèmes qui remplacent uniquement les icônes thématiques de la PSP par d’autres icônes réalisées par des graphistes en tout genre.
Chaque icône à la possibilité d’être ainsi remplacée par celle du nouveau thème.
Il est en aucun cas possible de placer un gameboot, un opening ou autre via un thème PTF, ça, cela requiert de la réalisation de thème non officiel.

Voila deux question courantes :

Mon thème officiel peut il aller sur toutes les PSP et sur tout les Custom Firmware ?

Oui ! L’avantage contrairement à un thème non officiel, c’est que vous aurez la possibilité de l’installer sur n’importe quel Firmware ou Custom Firmware ( à partir du 3.70 ) et toutes les PSP supportent les fichiers PTF.

Un thème officiel est il un fichier PTF ou CTF ?

Attention à ne pas confondre, le CTF c’est pour les non officiels donc les Custom Firmware et le PTF pour l’officiel ainsi que le non officiel.

Outils nécessaires :
# [Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]
# [Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]
# [Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

Bon vous avez tous les outils ? Allez c’est parti pour le tutoriel !
Arf j’allais oublier, voila une petite astuce … Pour ne pas vous perdre dans vos wallpapers, icônes principales, celles des sous menus etc, créez des dossier pour les différentes parties.

Sachez que créer un thème officiel n’est pas une mince a faire car il va vous falloir vous armer de patience et de créativité. Pensez déjà à ce dont vous aller réaliser. Évitez de reprendre comme à l’habituel les icônes de sony et trouvez d’autres images qui pourraient les remplacer. Plus votre thème est original, plus il sera apprécié !
Soyez donc créatif !

Etape 1 : Les icônes de catégorie

Pour commencer, nous allons créer une icône pour une catégorie choisir au hasard pour le tutoriel.

Nous avons besoin de Photoshop pour commencer.

# Ouvrez Photoshop, puis faites un nouveau document avec une taille de 64 pixels sur 48 pixels. Vérifiez bien que vous êtes en mode colorimétrique RVB et que le fond de votre document est transparent !

[Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

# Maintenant réalisez votre icône comme bon vous semble. Ici nous allons prendre une icône toute faite et l’adapter au format correct.

# Une fois ceci finis, il faut enregistrer le document : Fichier puis enregistrer sous…
Placez votre icône dans le dossier adéquate puis enregistrez au format PNG !

Maintenant nous avons besoin du logiciel Fireworks !

# Ouvrez votre icône faite précédemment

[Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

Vous remarquerez que sur la droite de votre écran il y a des carrés de couleurs. C’est un système d’édition rapide pour vos créations. Vous aurez ainsi donc la possibilité de mettre des reflets, faire un faux rendu 3D de votre icônes, et bien d’autres choses encore.
Nous avons juste besoin de convertir notre image PNG en PNG8 car si vous ne le faite pas alors Custom Theme Converter n’acceptera pas vote image.
Rendez-vous dans Fichier puis Enregistrer sous… et sélectionnez PNG Fusionne puis cliquez sur option !

[Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

[Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

# Maintenant sélectionnez PNG8 et ensuite mettez une transparence alpha à votre document. De cette façon, il y aura un vide autour de votre icône, cela évitera d’avoir du blanc dans le menu de votre PSP.
Une fois que cela est fait, cliquez sur Ok et enregistrez sur votre icône d’origine.

Basculons maintenant sur le troisième outil : Custom Theme Converter

# Ouvrez le fichier et allez dans catégorie icône. Cherchez l’icône à remplacer et dans le vide sur la droite, double cliquez. Ce menu s’affichera alors :

[Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

# Il vous suffit de parcourir votre disque dur afin d’importer votre icône.

# C’est fais ? Bien ! Maintenant vérifions si votre changement a été pris en compte. Pour cela, cliquez sur Preview à la ligne où vous avez changé votre icône et admirez le résultat :

[Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

Parfait cela fonctionne ! Répétez toute la procédure de A à Z pour chaque icône de catégorie.

Note : N’oubliez jamais d’enregistrer au fur et à mesure votre travail ! Cela créera un fichier texte contenant toutes les informations.
Si vous déplacez par malheur vos images de dossier ou de disque dur, il vous faudra rééditer les liens des icônes dans Custom Theme Converter.

Vos icônes sont finies ? Bien passons à la seconde étape alors !

Etape 2 : Les First Icône Categ

Comme son titre l’indique, nous allons nous attaquer au first lvl icône.

# Retournez sur Photoshop et créez un nouveau document de la taille 48 Pixel sur 48 Pixel.

[Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

# Faîtes une petite vérification afin de voir si vous êtes en mode RVB ainsi que la transparence pour le fond. Quand cela est fais, vous devez avoir ceci :

[Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

# Réalisez maintenant votre icône et une fois finie, enregistrez !
Conseil : Pour mieux vous y retrouver par la suite, lors de l’enregistrement il est intelligent de finir le nom par 1 car l’icône que vous venez de réaliser servira de body pour l’icône sur la psp.

# Maintenant que c’est enregistré, vous allez donner un petit effet à votre image. En effet lorsque l’on regarde le thème d’origine de la PSP, nous pouvons remarquer qu’il y a un effet de clignotement. Pour réaliser cela de façon rapide et simple, cliquez à droite 2 fois sur le calque qui correspond à votre image. Allez dans lueur externe et vous n’avez plus qu’à choisir la couleur et y placer une certaines opacité et étendue pour donner un résultat correcte à votre image.

[Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

# Si le résultat vous satisfait, enregistrez votre travail au format PNG encore une fois, et mettez le même nom que votre icône de base puis ajoutez un 2 a la fin afin de mieux s’y retrouver …

Retournons maintenant à Fireworks.

# Ouvrez l’image une et refaite la même manipulation d’enregistrement que pour votre icône de catégorie, c’est à dire : Enregistrer au format PNG fusionné, option, PNG8 , transparence alpha et Ok.
Puis refaites ceci pour la seconde icône.

De retour avec Custom Theme Converter.

# Allez dans first lvl icône puis cliquez sur la zone vide de l’icône à remplacer.
Mettez dans la première ligne l’icône terminant par un 1 qui sera le body et ensuite dans la deuxième ligne l’icône finissant par un 2 pour que cela devienne votre focus. Faites maintenant Ok puis une preview de l’icône pour vous assurer que tout es bon.

[Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

# Si vous avez bien fais le travail, ça brille !!
Sachez aussi que vous pouvez faire du format 64 sur 48 pour le focus, à vous de voir si cela donne un bon rendu.

Allez c’est partit, passons a la 3eme étape !

Etape 3 : Second Icône Catégorie

Cette étape consiste à modifier la petite clé à molette des sous menu paramètres.

Retournons à Photoshop.

# Il faut créer un nouveau document de 32 pixels sur 32 pixels en mode RVB et Transparence.

[Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

# Passez maintenant à la création de votre icône et une fois celle-ci finie, enregistrez la au format PNG comme d’habitude.

Fireworks, on a besoin de toi !

# Convertissez votre icône précédemment crée au format PNG8 puis comme d’habitude, Enregistrez sous, PNG fusionné, Option, PNG8, Transparence alpha puis Ok !

Allé pas de jaloux, rendez-vous dans Custom Theme Converter.

# Remplacez votre icône fraichement finie par celle d’origine. Ne faîtes pas attention aux icônes de défauts que l’on retrouve à chaque, c’est inutile !
Voila toutes vos icônes sont terminées ! Sauvegardez et enjoy pour la 4eme étape.

Etape 4 : Le Wallpaper

Qu’est ce qu’un thème sans beau wallpaper qui l’accompagne ?

Comme toujours, on commence avec Photoshop.

# Nouveau document en 480 pixels fois 272 pixels en mode RVB et Transparence ( ici la Transparence est inutile mais c’est une bonne habitude de l’utiliser ). Réalisez votre wallpaper comme bon vous semble !

# Une fois fini, enregistrez le en BMP cette fois ci et non PNG !

On continu de jongler avec nos logiciels et on passe directement dans Custom Theme Converter.

# Allez dans l’onglet wallpapers puis sélectionnez votre wall pour l’appliquer.
Note : La petite icône à côté du dossier vous permet de faire une preview de votre wall.

[Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

Etape 5 : Preview Image

Quand vous vous rendez dans la partie thème de votre PSP, vous avez la preview du thème ? C’est ici que vous allez la fabriquer !

Retour à Photoshop.

# Nouveau document en 300 pixels fois 170 pixels en mode RVB et Transparence ( ici la Transparence est inutile mais c’est une bonne habitude de l’utiliser ) puis créez votre preview comme bon vous semble.
Note : En général, un screen du thème est utilisé.

# Vous avez fini ? Enregistrez en BMP dans ce cas.

On se rend maintenant dans Custom Theme Converter.

# Rendez-vous dans la partie Other et à la ligne preview image placez votre preview que vous venez de faire.

Etape 6 : Preview Icône

Ici vous créez votre icône qui se situe juste à côté de la preview dans la partie thème de votre PSP.

Retour à Photoshop.

# Nouveau document en 16 pixels fois 16 pixels en mode RVB et Transparence puis créez votre icône comme bon vous semble.
Une fois cela fini, enregistrez au format PNG !

[Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

Repassons à Fireworks.

# Ouvrez votre icône puis faîtes comme précédemment, PNG fusionné, Option, PNG8, transparence alpha, Ok et vous enregistrez.
Ensuite vous exportez l’image sous Custom Theme Converter.

[Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

Etape 7 : La couleur des vagues

Bon cette étape est pas très utile si vous avez mis un wallpapers mais bon autant faire le travail en entier !

[Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

Toujours dans Custom Theme Converter.

# Allez dans la partie orther puis dans theme color et choisissez la couleur qui concorde bien avec votre thème !

Etape 8 : Informations

Toujours dans Custom Theme Converter.

# Rendez-vous dans l’onglet Information puis mettez :
- un titre à votre thème à la ligne Title
- votre pseudo à la ligne Product ID
- la version du thème à la ligne Version

# Maintenant on enregistre le tout.

[Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

Etape 9 : Export

C’est presque fini !

# Allez sur File puis cliquez sur Export afin de choisir l’endroit où vous voulez que le thème se place, par exemple sur le bureau. Patientez un peu le temps que votre PTF se compile et vous aurez ceci à l’écran :

# Cliquez sur Ok et voila votre thème PTF est fait !

[Vous devez vous connecter ou vous inscrire pour pouvoir voir le lien ...]

Rédigé sur une solide base du tutoriel de Wellis.