Créer un Skin, premiers pas
Un article de XMIX.
| Version du 27 février 2008 à 18:59 Loic (Discuter | contribs) ← Différence précédente |
Version du 27 février 2008 à 19:13 Loic (Discuter | contribs) Différence suivante → |
||
| Ligne 3: | Ligne 3: | ||
| '''Page en cours de création''' | '''Page en cours de création''' | ||
| - | Pour créer un skin, le point de départ consiste à : | + | Ce tutoriel est un guide pour la création de Skin. Aprés avoir présenté les principes, un petit exemple sera étudié. |
| - | + | ||
| - | 1. Créer des images 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 de traitement d'image genre photoshop ou The Gimp pour ceux qui les maitrise). | + | |
| - | + | ||
| - | 2. Associer les images aux différents composants de l'interface | + | |
| - | + | ||
| - | 3. Définir les bordures, couleur de transparences et autres paramètres. | + | |
| - | + | ||
| - | + | ||
| - | Une collection d'images et de modèles standards est en cours de création afin de faciliter la création des skins. | + | |
| De plus, nous proposerons ici quelques skin non aboutis qui pourront servir de base afin de réaliser vos propre skin. | De plus, nous proposerons ici quelques skin non aboutis qui pourront servir de base afin de réaliser vos propre skin. | ||
| Ligne 23: | Ligne 14: | ||
| == Créer le fond des fenêtres == | == Créer le fond des fenêtres == | ||
| - | == Créer les icones des boutons == | + | 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 | ||
| *[http://commons.wikimedia.org/wiki/Category:Application_icons Application_icons] | *[http://commons.wikimedia.org/wiki/Category:Application_icons Application_icons] | ||
| Ligne 30: | Ligne 28: | ||
| == Finitions == | == 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. | ||
Version du 27 février 2008 à 19:13
← Revenir
Page en cours de création
Ce tutoriel est un guide pour la création de Skin. Aprés avoir présenté les principes, un petit exemple sera étudié.
De plus, nous proposerons ici quelques skin non aboutis qui pourront servir de base afin de réaliser vos propre skin.
Sommaire[masquer] |
Pré-requis
- Un logiciel d'édition d'images : Gimp, Photoshop, paint, ...
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.
