Pour réaliser votre logo Xoops, vous devez disposer du logiciel Adobe Photoshop et télécharger le fichier .psd (document attaché)
1 - Choisir ses teintes  | Seulement quatre teintes sont nécessaires pour créer vos dégradés Xoops. De nombreux outils sont disponibles, par exemple Design-lib. Dans ce tutoriel nous utiliserons : #FFE4C4 #E7C586 #D0A549 #B8860B |
2 - Créez vos dégradés  |  |  | Dégradé pour la zone inférieure droite. Couleurs utilisées et position (%) #FFE4C4 | 0% #E7C586 | 20% #D0A549 | 70% #B8860B | 100% | Dégradé pour la zone inférieure gauche. Couleurs utilisées et position (%) #E7C586 | 0% #D0A549 | 70% #B8860B | 100% | Dégradé pour la zone supérieure. Couleurs utilisées et position (%) #FFE4C4 | 100% #E7C586 | 70% #D0A549 | 0% |
3 - Fichier xoops-logo.psd  |  | Les zones en noir contiennent les points de repères pour tracer vos dégradés. Zones du logo à colorer avec vos dégradés Loxo Xoops original, pour comparaison | Le logo est préparé pour faciliter sa personnalisation. Il vous reste à placer les dégradés dans les trois zones du logo. | |
4 - Procédures communes  | Pour sélectionner une zone- Sélectionner le calque
- Placer le curseur de la souris sur sa vignette
- Presser CTRL et cliquer
- La zone est sélectionnée
|  |
 | Pour dilater une zone sélectionnée- Conserver la sélection volatile
- Ajouter 2 pixels
- Votre dégradé sera nettoyé de toute bordure
|  |
 | Pour sélectionner un dégradé- Sélectionner l'outil dégradé
- Choisir le dégradé approprié
- Vous pouvez appliquer votre dégradé
|  |
5 - Remplir les zones avec les dégradés  | Zone droite- Afficher les repères droits
- Avec l'outil dégradé, aller de A à B
- La zone de droite est remplie
|  |
 | Zone gauche- Afficher les repères gauches
- Avec l'outil dégradé, aller de A à B
- La zone de gauche est remplie
|  |
|