SpixSh@dow Production
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


Developpement Amateur de SpixSh@dow
 
AccueilPortailDernières imagesRechercherS'enregistrerConnexion
Le deal à ne pas rater :
Retour en stock du coffret Pokémon Zénith Suprême – ...
Voir le deal

 

 [Tuto] Créer un skin pour M3 Simply

Aller en bas 
3 participants
AuteurMessage
Zorka
Moderateur
Moderateur
Zorka


Nombre de messages : 186
Age : 34
Linker(s) : M3 DS Simply
Date d'inscription : 26/02/2007

[Tuto] Créer un skin pour M3 Simply Empty
MessageSujet: [Tuto] Créer un skin pour M3 Simply   [Tuto] Créer un skin pour M3 Simply Icon_minitimeJeu 1 Mar - 2:56

Voila comment réaliser la création d'un Skin M3 DS Simply

1/Logiciel utile
2/Les images
3/Comment installer un skin



1/tout d'abord les logiciel dont vous aurez besoin!

Un logiciel pour les montages comme adobephotoshop (que j'utilise)
Un resizer pour mettre en bonne taille vos images
et optionnel un compresseur Zip ou Rar pour partager vos skin avec NDS Linkcard et tout vos amis Wink

vous avez tous ça? c'est génial on va pouvoir commencer!



2/A quoi correspondent les images?


il faut savoir que un skin est composé de 4images au format .BMP

logo.bmp = qui correspond à l'écran du haut de votre DS au démmarage de votre M3 DS Simply
icons.bmp = qui correspond à l'écran du bas c'est à dire l'écran de choix au démmarage du M3 (n'oubliez pas que les icones devront rentrer dans la case de selection! )

bckgrd_1.bmp = qui correspond à l'image de fond de l'écran du haut quand vous rentrer dans l'un des icons du menu
bckgrd_2.bmp = qui elle correspond à l'image de fond de l'écran du bas quand vous rentrer dans l'un des icons du menu

choisissez vos images par rapport au thème que vous voulais aborder ex: PS3 un petit tour sur google et les images sont pas trés dur à trouver!




pour vous montrer les images que j'ai choisi

pour faire notre image logo.bmp qui est l'écran de présentation de notre M3:
[Tuto] Créer un skin pour M3 Simply Logojl0
correspondant à l'image incons.bmp:
[Tuto] Créer un skin pour M3 Simply Iconseu1
pour faire les image background (bckgrd_1 et 2) comme ça je vais vous montrer comment faire pour d'un écran à l'autre!:
[Tuto] Créer un skin pour M3 Simply Bckgrdzd1

sans oublier que notre linker est composer de 3 icons! 1 pour les jeux, 1 pour le moonshell et 1 pour le slot 2
donc moi j'ai choisi de vous montrez avec ses images:
pour l'icon jeux: [Tuto] Créer un skin pour M3 Simply Manetterh2
moonshell: [Tuto] Créer un skin pour M3 Simply Logops3xj7
slot-2: [Tuto] Créer un skin pour M3 Simply Slot2kh3

vous pouvez constater que les images sont sur-dimensioner! surtout que nos 4 images doivent etre de taille 256*192 et nos 3 icons 74*74
donc nous allons utiliser un resizer!

et au passage je vais vous montrer comment couper une image sur 2 écrans rien de bien compliquer vous allez voir!



commençons par le début:

notre image logo.bmp qui je le rappelle est l'image de l'écran du haut au démarage de notre M3 Simply
donc vous ouvrez notre images dans votre resizer! vous entrer la taille en pixel qui est je le rappelle de 256 en largeur et de 192 en hauteur vous l'enregistrer au format BMP et voilà une image de faite!

ensuite pour notre image icons.bmp faite de meme mais je vous conseil de bien ajuster votre image car il ne faut pas oublié que les icons sont placer sur celle ci, dans l'exmple on pourra décalé "playstation 3" en bas de l'image afin quel ne soit pas cacher pas les icons :
[Tuto] Créer un skin pour M3 Simply Iconsmodifto4



et notre image de background je vous avez promis de vous montrer comment la placer sur 2 écran alors c'est parti!

donc voila notre image que nous avions prévu pour les images bckgrd_1 et bckgrd_2 : [Tuto] Créer un skin pour M3 Simply Bckgrdzd1
celle ci vous la redimensioner en 256 pixel de largeur sur 384 pixel de hauteur, après l'avoir ajuster de manière à quel ne soit pas toute déformer! ex: [Tuto] Créer un skin pour M3 Simply Bckgrdresizeim0
ensuite vous "couper" votre image en 2 en horizontal à la moitié la partie haute représente votre image bckgrd_1.bmp et la partie du bas bckgrd_2.bmp que vous enregistrer séparément biensur ex: bckgrd_1: [Tuto] Créer un skin pour M3 Simply Bckgrd1ur2
bckgrd_2: [Tuto] Créer un skin pour M3 Simply Bckgrd2jf1
vous obtenez donc 2 images qui font 256*192 pixel Wink


et pour les icons vous redimensionnez toutes les images que nous avions prévu pour de manière à avoir un joli caré de 74pixel sur 74
ex:jeux: [Tuto] Créer un skin pour M3 Simply Jeuxvd2
mooshell: [Tuto] Créer un skin pour M3 Simply Moonshellpi8
slot-2: [Tuto] Créer un skin pour M3 Simply Slot2hl1



nous avons nos 4 images! mais il nous reste à mettre nos icons en place sur l'image icons.bmp (je trouve qu'elle portent bien son nom! ^^)
reprenons notre image icons.bmp qui est de taille maintenant 256*192 et là nous allons avoir besoin d'un logiciel de montage comme photoshop par exemple
pour placer vos icons vous pouvez vous aider de cette image pour savoir où il doivent etre placé! :
[Tuto] Créer un skin pour M3 Simply Skinningr4lineeguidark4kn4


donc par exemple si vous utiliser photoshop mettez votre image icons.bmp ensuite coller dessus cette image d'aide que je viens de vous montrer et ensuite venez placer vos icons dans les cases voulu Wink
simple non? ensuite vous supprimmer le calque de l'image d'aide, et vous obtenez donc votre image avec les icons dessus ensuite libre a votre imagination de faire des styles particulier Wink

resultat obtenu: [Tuto] Créer un skin pour M3 Simply Iconsresultatyi9
style avec un effet d'ombre: [Tuto] Créer un skin pour M3 Simply Iconsstyleps2



une fois enregistrer en .bmp vous avez maintenant vos 4 images prettent!
ensuite vous pouvez les mettres en oeuvre en fesant une preview Wink rien de plus simple vous copier coller vos image les une à coté des autres de cette manière:
[Tuto] Créer un skin pour M3 Simply Previewov0
PS: votre preview vous pouvez l'enregistrer en .jpeg de manière à ce qu'elle ne prennent pas trop de place dans votre dossier compresser

ensuite si vous voulais le partager avec nous ou bien avec vos amis vous selectionner vos 4images + votre preview et vous les compresser en zip ou rar et le tour et jouer Wink

3/Installer un skin

pour installer un skin télécharger ou bien de votre création Wink rien de plus simple copier-coller vos 4images (logo, icons, bckgrd_1 et bckgrd_2) dans le dossier _system_ qui se trouve à la racine de votre Micro SD!

alors quoi de plus simple? c'est normal! c'est le nom de notre linker Wink

voilà vous êtes prêts pour devenir des grands skinneurs M3 DS simply!



Ce tuto vous à était offert par Zorka ^^ et je voulais remercier au passage Darki de m'avoir fait confiance Wink
Revenir en haut Aller en bas
http://yuna-tidus-dream.skyblog.com
SpixSh@dow
Admin
Admin
SpixSh@dow


Nombre de messages : 5582
Age : 32
Localisation : Etoile de la Mort
Linker(s) : NinjaPass X9TF
Date d'inscription : 16/12/2006

[Tuto] Créer un skin pour M3 Simply Empty
MessageSujet: Re: [Tuto] Créer un skin pour M3 Simply   [Tuto] Créer un skin pour M3 Simply Icon_minitimeJeu 1 Mar - 3:04

Merci pour ce tuto Zozo (j'ai trouvé un surnom lol! ), je met en post it !
Revenir en haut Aller en bas
https://spix-production.forumgaming.fr
Zorka
Moderateur
Moderateur
Zorka


Nombre de messages : 186
Age : 34
Linker(s) : M3 DS Simply
Date d'inscription : 26/02/2007

[Tuto] Créer un skin pour M3 Simply Empty
MessageSujet: Re: [Tuto] Créer un skin pour M3 Simply   [Tuto] Créer un skin pour M3 Simply Icon_minitimeVen 9 Mar - 3:27

J'espère ne l'avoir pas fait pour rien jvois personne faire des crea Sad jme sens triste No

allez la famille!!! v'nez poster vos crea dans la partie skin!
Revenir en haut Aller en bas
http://yuna-tidus-dream.skyblog.com
naruto-lol
Newseur Officiel
Newseur Officiel
naruto-lol


Nombre de messages : 296
Age : 32
Localisation : Deimon
Linker(s) : Ds-X
Date d'inscription : 24/02/2007

[Tuto] Créer un skin pour M3 Simply Empty
MessageSujet: Re: [Tuto] Créer un skin pour M3 Simply   [Tuto] Créer un skin pour M3 Simply Icon_minitimeSam 10 Mar - 0:55

Moi, j'veux bien mais pour DS-X lol.
Revenir en haut Aller en bas
http://cfk3.free.fr
SpixSh@dow
Admin
Admin
SpixSh@dow


Nombre de messages : 5582
Age : 32
Localisation : Etoile de la Mort
Linker(s) : NinjaPass X9TF
Date d'inscription : 16/12/2006

[Tuto] Créer un skin pour M3 Simply Empty
MessageSujet: Re: [Tuto] Créer un skin pour M3 Simply   [Tuto] Créer un skin pour M3 Simply Icon_minitimeSam 10 Mar - 1:02

je vais essayer ce week end Zozo !
Revenir en haut Aller en bas
https://spix-production.forumgaming.fr
Contenu sponsorisé





[Tuto] Créer un skin pour M3 Simply Empty
MessageSujet: Re: [Tuto] Créer un skin pour M3 Simply   [Tuto] Créer un skin pour M3 Simply Icon_minitime

Revenir en haut Aller en bas
 
[Tuto] Créer un skin pour M3 Simply
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Tuto] Créer son skin pour SCDS One
» [Skin / lek] Skin DaVinci pour vos M3 Simply / R4DS !
» Créer un skin pour DS-X?
» [Skin M3 Simply] Le Skin Full Metal Alchemist !
» [Tuto] Créer des skins Moonshell !

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
SpixSh@dow Production :: Archives Portable-UnderGround :: Archives de Portable UnderGround :: Nintendo DS/DSi :: Les Linkers :: G6 / M3 / R4DS :: Tuto / Faq-
Sauter vers: