Aujourd’hui la team iPhone4g-pro vous propose un tutoriel pour vous lancer dans la création de thème Winterboard pour vôtre précieux.
Pour ce tutoriel je vais utiliser le thème du forum (sans Widget afin de partir sur de bonnes bases, d’autres tutos suivront pour les widgets etc…).
Tout d’abord pour réaliser ce tutoriel vous aurez besoin de :
- 1 iPhone jailbreacké sur lequel vous aurez installé Winterboard et open SSH
- 1 Logiciel de création/retouche d’image type Photoshop, The Gimp (gratuit)
- 1 Client FTP pour vous connectez en SSH (filezilla, winscp ou autre)
Pour commencer nous allons créer un dossier « nom de vôtre thème.theme » pour ma part IP4G.theme, dans ce dossier nous allons créer les dossier "Bundles", "Folders" et "Icons".
Vous devriez avoir ceci.
Nous allons ensuite créer les images de base de nôtre thème à savoir :
- Wallpaper.png (ce sera nôtre fond d’écran)
- SMSBackground.png (le fond d’écran des SMS)
-LockBackground.png (le fond d’écran de nôtre Lockscreen)
Ces 3 images doivent être en 480x320 pixels et impérativement en .png, une fois terminées nous les placerons à la racine de nôtre thème comme ceci.
A ce stade nôtre thème à donc son fond d’écran, son écran de verrouillage et son écran de SMS.
Passons aux icônes, qui comme vous vous en doutez se trouvent dans le dossier « Icons ».
Comme les images que nous avons déjà créées, les icônes doivent être en .png mais vous allez voir que l’on fera 2 fichiers pour chaque icône, un premier fichier .png qui fera 60x60 pixels et le même mais cette fois en 120x120 (pour l’écran rétina de l’iPhone 4).
Par exemple pour l’icône de iCoyote on aura iCoyote.png en 60x60 pixels et iCoyote@2x.png en 120x120 pixels, pensez bien à toujours rajouter @2x à la fin du nom de vôtre icône pour toutes les icônes en 120x120, faites également bien attention de respecter l’écriture exacte du nom de l’application tel que vous l’avez sur vôtre écran.
Après avoir fais mes icônes je me retrouve avec ceci.
Arrivé à ce stade nous avons déjà un thème complet certe basique mais c’est un bon début
Pour ceux qui veulent aller un peu plus loin c’est parti
Dans le dossier Bundles, vous pouvez modifier pas mal d’autres images pour l’instant nous nous arrêterons aux plus basiques.
Donc dans ce dossier Bundles nous allons créer un dossier que l’on appellera com.apple.chatkit qui regroupe les images de l’application SMS dans ce dossier nous allons créer différentes images (toujours en .png).
- addcontact.png en 29x29 (il s’agit du bouton pour ajouter un contact)
- addcontactpressed.png en 29x29 (sert à la même chose que addcontact.png mais c’est celui lorsque vous appuyez sur le bouton)
- Balloon_1~iphone.png 43x32 (il s’agit de la bulle de vos messages)
- Balloon_2~iphone.png 43x32 (il s’agit cette fois de la bulle de vôtre correspondant)
- Default.png 320x480 (c’est tout simplement l’écran de chargement de l’application)
- ImageBubble.png 43x32 (il s’agit de la bulle pour les photos)
- PhotoButton.png 26x27 (c’est le bouton photo)
- select-text-bubble~iphone.png 43x32 (c’est la bulle lorsque vous sélectionnez un message)
- SendButton.png 27x26 (il s’agit du bouton envoyer)
- SendButtonPressed.png 27x26 (le bouton envoyer lorsque vous appuyez dessus)
Vous devriez avoir quelque chose dans ce genre la.
Nous allons ensuite créer un dossier com.apple.mobilephone dans le dossier bundles et dans ce dossier les images.
- addcontact.png 107x64 (ajouter un contact)
- addcontact_pressed.png 107x64 (ajouter un contact pressé)
- callglyph.png 107x64 (bouton appeler)
- callglyph_big.png 107x64 (bouton appeler pressé)
- DefaultDialer.png 320x460 (toutes les images mis ensemble côte à côte)
- delete.png 107x64 (bouton supprimer)
- delete_pressed.png 107x64 (bouton supprimer pressé)
- dialerkeypad.png 320x273 (clavier téléphonique)
- dialerkeypad_pressed.png 320x273 (clavier téléphonique pressé)
- dialerlcd.png 8x74 (écran ou se trouve le numéro que vous tapez)
Une fois toutes les images réalisées vous devriez avoir ceci.
Nous allons maintenant créer un dossier com.apple.springboard dans lequel nous créerons les images suivantes.
- BatteryBG_1.png jusqu’à BatteryBG_17.png 264x129 (ces 17 images correspondent aux différentes étapes de charge de la batterie)
- FolderIconBG.png 59x62 (l’icône des dossier)
- FolderIconBG@2x.png 118x124 (idem mais pour retina)
- ring.png 87x88 (image lorsque vous passez de vibreur à sonnerie)
- silent.png 87x88 (idem mais dans le sens inverse)
- speaker.png 81x76 (image lorsque vous augmentez ou diminuez le volume de la sonnerie)
- SBBadgeBG.png 29x30 (badges du springboard)
- SBBadgeBG@2x.png 58x60 (idem mais pour retina)
Ce qui nous donne ceci.
Pour finir le dossier Bundles nous allons créer le dossier com.apple.TelephonyUI dans lequel nous céerons ces images.
- bottombarbkgndlock.png 79x96 (le rail de déverrouillage)
- bottombarknobgray.png 71x47 (le bouton qui coullisse pour déverrouiller)
- bottombarknobgreen.png 71x47 (idem mais pour répondre à un appel)
- bottombarknobred.png 71x47 (idem mais pour éteindre le téléphone)
Ce qui nous donne ceci.
Nous allons maintenant aller dans le dossier Folders et créer dans ce dossier un dossier Weather.app dans nous mettrons ces 3 images.
- Default.png 320x480 (écran de chargement de l’application)
- weather_day_bkgd.png 320x460 (Fond d’écran de la météo de jour)
- weather_night_bkgd.png 320x460 (idem de nuit)
Ce qui nous donne
Félicitation le thème est fini, il ne nous reste plus qu'a l'envoyer sur nôtre iPhone pour cela utilisez un client FTP type Filezilla afin de vous connecter en SSH et placez le dossier de vôtre thème dans le dossier /private/var/stash/Themes.xxxxxx (les x représente des caractères qui sont propres à vôtre iPhone)
En espérant que ce tutoriel vous sera utile
N’hésitez pas si vous avez des questions.
Suivez la Team du Forum iPhone4g-pro sur Twitter et rejoignez nous sur notre page Facebook ainsi que sur MySpace pour vous tenir au courant des News
News
Plan de site
SitemapIndex
Flux RSS
