L'Apparence d'une skin

Le plus important pour une skin est évidement l'apparence. Voici comment on créé une image pour une skin :

Créer votre image

Créer une image .bmp dans le dossier \Mes documents\VirtualDJ\Skins.

La largeur de cette image doit être celle de votre écran, en pixels.

La hauteur quand à elle dépassera largement celle de votre écran, car il y aura beaucoup d'éléments qui n'apparaîtrons pas dans Virtual DJ, mais qui sont nécessaires.

Taille de l'image

Si par exemple votre écran fait 1280x1024, créer une image .bmp d'une largeur de 1280 pixels et d'une hauteur d'au moins 3200 pixels (vous pourrez modifier par la suite).

Mettre le fond en couleur, noir de préférence.

Dessiner un trait à 1024 pixels du haut, afin de visualiser en permanence la hauteur max, celle qui sera visible dans Virtual DJ (voir schéma plus bas)

Disposition des éléments de l'image

Imaginons que nous partons de photos de lecteurs CD et d'une table de mixage.

Prenez soin de choisir des photos de qualité et de préférence appareil éteint. Si vous ne trouvez pas de photos appareil éteint, il faudra masquer les textes ou leds dans votre éditeur d'image.

Dans le fichier .bmp, disposer les lecteurs CD et la table comme bon vous semble. Faire évidement en sorte de remplir la largeur de la page.

La taille de la table de mixage ou encore le nombre de platines est selon vos goûts, tout dépend de la place que vous voulez laisser en dessous pour la liste de vos mp3 ou pour des spectres (si vous en voulez)

Puis en dessous du trait à 1024 pixels remettre les mêmes photos mais cette fois avec les appareils allumés !

Il faut absolument qu'ils soient disposés de la même manière, à la même échelle et de préférence exactement à la même distance des bords droite et gauche de l'image.

Encore en dessous remettre une troisième fois les mêmes photos mais dans un situation particulière : à mi-chemin entre l'allumage et l'arrêt. On appellera ces photos "mi-éteint", et j'expliquerai plus bas leur utilité.

Pour les distances, si par exemple le premier lecteur de la zone visible est à 10 pixels du bord, il faudra que le lecteur allumé soit également à 10 pixels du bord, de même pour le lecteur mi-éteint. De même pour les autres appareils.

Vous pouvez ne pas respecter ces dernières règles, mais cela rendra la programmation nettement plus ardue.

Voici un schéma rapide de la disposition :

Ensuite mesurer la distance entre le coin supérieur du lecteur CD éteint et le même coin du lecteur CD allumé. On appellera cela la distance A (voir schéma). Faite en sorte que cette distance soit un chiffre rond facile à mémoriser. Dans notre exemple nous pourrons la placer à 1100 pixels.

Puis faire de même avec la distance entre le coin supérieur du lecteur CD éteint et le même coin du lecteur CD mi-éteint. Cette distance sera la distance M. On pourra la placer à 1500 pixels pour l'exemple.

On remarquera qui reste pas mal de place en dessous des appareils, mais elle servira plus tard pour la création de potards ou pour le jogweel.

Modifications des photos

Afin d'obtenir une version éteinte, allumée et mi-éteinte des appareils, il faudra jouer des effets de votre logiciel d'images.

Par exemple prenons le bouton play.

Allumé il doit être éclairé vert, éteint il doit être non éclairé et mi-éteint on dira vert pâle.

Si vous partez de photos appareil allumé (ce qui est le plus simple), sélectionner le bouton play et passer cette zone seule en noir & blanc. Le vert aura disparu. Il existe d'autres filtres dans les logiciels d'imagerie permettant de remplacer des couleurs (remplacer vert par noir) ou de réduire l'intensité des couleurs (passer de vert vif à vert pâle).

A l'inverse, une led qui est un peu pâlotte sur la photo peut être ravivée en augmentant la luminosité ou le contraste.

En jouant avec tous ces paramètres, bouton après bouton, led après led, on arrive facilement à créer des versions éteintes ou mi-éteintes.

 Vous pouvez maintenant vous attaquer au script : Rédiger le Script

--------------------------