Créer un Skin, premiers pas

Un article de XMIX.

(Différences entre les versions)
Jump to: navigation, search
Version du 3 mars 2008 à 22:48
Loic (Discuter | contribs)

← Différence précédente
Version du 3 mars 2008 à 22:48
Loic (Discuter | contribs)

Différence suivante →
Ligne 4: Ligne 4:
'''Page en cours de création''' '''Page en cours de création'''
- 
-== 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) 
== Principe == == Principe ==
Ligne 20: Ligne 15:
''Remarque: il peut être pratique de partir d'un skin existant qui ressemble à notre futur skin'' ''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)
== Créer le fond des fenêtres == == Créer le fond des fenêtres ==

Version du 3 mars 2008 à 22:48

Revenir

Ce tutoriel est un guide pour la création de Skin. Aprés avoir présenté les principes, un petit exemple sera étudié.

Page en cours de création

Sommaire

Principe

Avec XMIX, la création de skin est extremement 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.

Il s'agit avant tout d'imaginer l'interface que vous souhaitez réaliser (en long, en large, bord arrondis, zones transparentes, ...). A partir de là, il va s'agir de:

  1. créer le fond de chaque fenêtre
  2. associer des images aux composants (boutons, slidebar et autres) des fenetres
  3. 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)

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.