Metagames

Metagames (https://www.metagames-eu.com/forums/)
-   EZ-Flash (https://www.metagames-eu.com/forums/ez-flash/)
-   -   Créer un skin pour EZ5 (https://www.metagames-eu.com/forums/ez-flash/creer-un-skin-pour-ez5-122370.html)

ccosmos 10/07/2010 09h49

Créer un skin pour EZ5
 
J'ai décidé d'ouvrir ce poste afin d'expliquer très simplement comment créér son premier skin pour le linker Ez-Flash 5.
Pour cela je vais vous montrer comment utiliser le génial logiciel créé par Cheryl Natsu appelé Ez-Skin Forger.


Êtes-vous prêt pour votre premier skin ?

Alors, il est temps de commencer !

La première chose à faire, c'est bien sur de télécharger la dernière version d'Ez Skin Forger >>ICI<< et de la désarchiver sur votre disque dur.
Ceci fait, il nous faut 2 images pour l'écran du haut et du bas de votre DS. Je suis sur que vous avez déjà une idée sur le thème de votre futur skin.

Disons que vous souhaitez créer un skin basé sur le film Wall-e.
Utilisons Google images pour trouver quelques belles images.
A ce sujet, il faut bien garder à l'esprit que sur l'écran du bas s'affiche les icônes système ainsi que des informations pratiques tel que le nom du jeu, aussi faites bien attention de choisir une image pas trop fournie afin que ces informations soient clairement lisibles.

Bien ! j'ai trouvé deux images et je les copie dans le répertoire d'Ez Skin Forger (je vais l'appeler ESF pour faire plus simple).

ESF supporte les images au format BMP, JPG, PNG, GIF, ICO, alors soyez sur de télécharger ce type de fichier. ;)

L'écran de la DS à une résolution de 256 x192 pixels, ce qui veut dire que mes images doivent être redimensionnées à cette taille. Utilisez votre logiciel de dessin favoris pour çà (j'utilise au choix un de ces deux gratuiciels : Paint.net or gimp).

Voilà le résultat une fois redimensionné :


A gauche se sera l'image de l'écran du haut de la DS et a droite celui du bas.


Bien, c'est pratiquement terminé. Lançons ESF !
Comme vous pouvez le constater, l'image du bas est plutôt sombre. Je vais donc utiliser un modèle blanc pour les icônes systèmes.

C'est parti !

Je clique sur le bouton Nouveau ..., la fenêtre de l'assistant s'ouvre me demandant de choisir la couleur du modèle.

http://i.imgur.com/PHbtqXZ.png

Je choisis blanc (white en anglais). Maintenant tout ce qu'il me reste à faire c'est de charger l'image de l'écran du haut et du bas.
Je clique sur le bouton pour aller chercher ces images dans le répertoire ESF.
Les deux images sont chargées, je peux passer à la suite en cliquant sur Ok.
Et voilà le travail ! Vous avez terminé votre skin. :rox:

http://i.imgur.com/5jfDLDr.png

A noter que vous pouvez bouger chaque icône et texte avec le pointeur de la souris par simple glissé-déposé avec le bouton de gauche.
Pour tester le fonctionnement des icônes, il suffit de les cliquer avec le bouton de droite de la souris.

Bien, afin de garder ce skin pour de futures modifications, il est temps de le sauvegarder sur le disque dur.
Menu Fichier -> Enregistrer sous et donnez un nom a votre fichier .ess. Je vais l'appeler Wall-e et cliquer sur Enregistrer. Un fichier Wall-e.ess est ainsi créé dans le répertoire courant.


Maintenant, je suis sur que vous vous demandez quelque-chose.
Mais comment diable je vais pouvoir utiliser ce nouveau skin sur on ez5 ?

Et bien la dernière étape n'est pas encore faite ... il est temps de la faire !

Menu Compiler -> Créer le Pack Complet.
Entrez un nom, mais soyez très vigilant ici : le kernel nécessite un nom de fichier n'excédant pas 8 lettres sans l'extension.
Je vais donc taper walle et Enregistrer. Une fenêtre va s'ouvrir et votre skin sera enregistré dans le répertoire d'ESF (Walle.dat).
Maintenant vous pouvez copier le fichier .dat fraichement créé sur votre microSD dans le répertoire skin se trouvant dans le répertoire EZ5shell.
Il ne vous reste plus qu'a le tester sur votre DS !

C'est fini !



Téléchargez la dernière version d'Ez Skin Forger ici: Ez Skin Forger RN97 (FileTrip)

ccosmos 10/07/2010 09h58

Dans ce post, je vais vous montrer comment créer les deux écrans de démarrage affichés lorsque votre EZ5 est démarré.
C'est très simple vous allez voir.
Il vous suffit de deux images (256x192 pixels) au format BMP ou PNG et un outil de conversion.
Cet outil est disponible dans le dossier EZSkinForger/Tutorial/Splash_Screens_Example.
Lancez png2b15.exe, il ouvrira une fenêtre vous demandant de choisir votre image :

http://i.imgur.com/kR7novR.png

Parcourez votre disque dur et sélectionnez votre image pour l'écran du haut. Cliquez sur le bouton convert, le programme va convertir l'image et se fermer.
Répétez cette opération pour l'image de l'écran du bas.
C'est presque fini maintenant.
Renommez les fichiers .b15.bin créés par png2b15.exe en skinname_bottom.bin & skinname_up.bin (exemple : walle_bottom.bin & walle_up.bin)
Copier les deux fichiers dans le même dossier que votre fichier skin .dat.
Sur votre microSD -> /EZ5shell/skin

C'est fini !

Téléchargez la dernière version d'Ez Skin Forger ici: Ez Skin Forger RN97 (FileTrip)

ccosmos 10/07/2010 09h59

poste réservé :D

alfadir 10/07/2010 12h57

J'attends la suite ^^

Et petite question, est-ce que la dernière version d'Ez Skin Forger inclut les ajouts des dernières versions de l'OS comme l'animation de chargement par exemple ? (je n'ai suivi ça que d'un regard distant).

ccosmos 10/07/2010 13h30

J'ai demandé à Cheryl d'integrer makespash.exe de moonlight. Je sais pas quand cette option fera son apparition.

Pour l'instant j'ai réservé 2 postes pour expliquer comment créer les écrans de démarrage et une petite animation avec les outils de moonshell. ;)

alfadir 10/07/2010 14h00

J'avais fait ça pour un de mes skins moonshell 2 :
http://sebastiencc.free.fr/Moonshell...ell_Splash.gif

Ca serait donc compatible sans modification ?

ccosmos 10/07/2010 15h54

Absolument. ;)
Une petite astuce si tu la connais pas. Makesplash.exe compare les 2 premières images et les 128 permières ligne horizontales. Si il voit qu'elles sont identiques il compile uniquement le haut des images pour gagner de la place sur le fichier final .ani.

Le problème c'est que si tu veux faire une animation sur le bas de tes fichiers BMP, ben tu finis par avoir un fichier compilé avec des données manquantes.
L'astuce est de faire la première image plus sombre que la deuxième. Dans ce cas makeskin compile les images complètes. ;)

alfadir 10/07/2010 17h07

Merci, en effet, je ne connaissais pas ce détail de fonctionnement de makesplash.

Par contre, ce que j'ai remarqué justement en faisant l'animation au dessus, c'est qu'il ne fait aucune pause d'exécution.

Et de ce fait si on souhaite voir une "pause" visuelle sur la fin de l'animation il faut dupliquer la dernière image.

EDIT : ah aussi, le concours durera jusqu'à quand (histoire de voir si au retour de mes vacances ça ne sera pas trop tard) ?

ccosmos 10/07/2010 21h39

Tu devrais être de retour je pense, il dure un mois.
Il y aura 20 EZ5i collector a gagner. les 5 premiers auront en plus un ez 3in1 plus.

alfadir 10/07/2010 22h11

Ce n'est pas tant pour les prix que pour le défi (quoi que un modèle collector ça irai bien dans ma collection :D)

Si je trouve le temps et l'idée (l'idée étant encore plus dure à trouver que le temps ^^), je me frotterai aux autres skinneurs de ce linker (et j'ai vue qu'il y avait déjà de très bon skins et skinneurs dont deux qui me disent vaguement quelque chose ;)).


Fuseau horaire GMT +1. Il est actuellement 06h44.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.

Integrated by BBpixel ©2004-2024, jvbPlugin

Version française #23 par l'association vBulletin francophone
© 2003-2018 MetaGames. Tous droits réservés.