Créer un Skin, premiers pas
Un article de XMIX.
← Revenir
Ce tutoriel est un guide pour la création de Skin. Aprés avoir présenté les grands principes, un petit exemple sera étudié pas à pas.
| Page en cours de création |
|---|
Sommaire |
Principe
Avec XMIX, la création de skin est extrêmement simple grâce à son éditeur intégré. Quelques minutes suffisent pour créer un skin de base. Intéressé ? avant de se lancer voyons d'abord les grands principes.
La représentation graphique de chaque composant visuel de l'interface XMIX peut être redéfinie.
Il s'agit avant tout d'imaginer l'interface que vous souhaitez réaliser, au moins dans ses grandes lignes (forme, zones transparentes, bordure). Il est quasimment possible de tout faire, en effet le fond d'une fenetre peut être définit avec une image, ce qui laisse une liberté totale. De plus, des fonctions prédéfinie permettent de dessiner des bordures, des coins arrondis et autre.
Une fois que nous savons dans les grandes lignes ce que nous voulons faire, il va s'agir de:
- créer le fond de chaque fenêtre
- associer des images aux composants (boutons, slidebar et autres) des fenetres
- ajuster la positions des composants
Remarque: il peut être pratique de partir d'un skin existant qui ressemble à notre futur skin
Pré-requis
- Un logiciel d'édition d'images : Gimp, Photoshop, paint, ...
- Quelques d'icônes et images (à moins que vous n'envisagiez de tout dessiner) (voir Matériaux pour la création de skin)
Créer le fond des fenêtres
Deux possibilités, soit utiliser une couleur unie ou un dégradé, soit utiliser une image. Créer une image pour le fond et les boutons (grâce à une recherche sur le web, une capture écran des logiciels qui ont un bon look ou bien grâce à des logiciels
Définir les bordures, couleur de transparences et autres paramètres.
Créer les icones des composants
Il s'agit maintenant d'associer des images aux différents composants de l'interface
Finitions
Boite à outils
Une collection d'images et de modèles standards est en cours de création afin de faciliter la création des skins:
Sur le forum des contributions, vous trouverez plusieurs Skins qui pourront servir de base afin de réaliser vos propre skin.
