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 ![](https://www.frxoops.org/uploads/news/how-to-xoops-logo/design-lib.gif) | 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 ![](https://www.frxoops.org/uploads/news/how-to-xoops-logo/gradient-right.gif) | ![](https://www.frxoops.org/uploads/news/how-to-xoops-logo/gradient-left.gif) | ![](https://www.frxoops.org/uploads/news/how-to-xoops-logo/gradient-top.gif) | 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 ![](https://www.frxoops.org/uploads/news/how-to-xoops-logo/xoops-logo-start.gif) | ![](https://www.frxoops.org/uploads/news/how-to-xoops-logo/xoops-logo-organization.gif) | 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 ![](https://www.frxoops.org/uploads/news/how-to-xoops-logo/02_select-volatile.gif) | 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
| ![](https://www.frxoops.org/uploads/news/how-to-xoops-logo/01_select.gif) |
![](https://www.frxoops.org/uploads/news/how-to-xoops-logo/02_select-volatile-dilate.gif) | Pour dilater une zone sélectionnée- Conserver la sélection volatile
- Ajouter 2 pixels
- Votre dégradé sera nettoyé de toute bordure
| ![](https://www.frxoops.org/uploads/news/how-to-xoops-logo/02_select-volatile-dilate2.gif) |
![](https://www.frxoops.org/uploads/news/how-to-xoops-logo/03_select-gradient-tool.gif) | Pour sélectionner un dégradé- Sélectionner l'outil dégradé
- Choisir le dégradé approprié
- Vous pouvez appliquer votre dégradé
| ![](https://www.frxoops.org/uploads/news/how-to-xoops-logo/04_select-gradient-color.gif) |
5 - Remplir les zones avec les dégradés ![](https://www.frxoops.org/uploads/news/how-to-xoops-logo/05_right-rules.gif) | Zone droite- Afficher les repères droits
- Avec l'outil dégradé, aller de A à B
- La zone de droite est remplie
| ![](https://www.frxoops.org/uploads/news/how-to-xoops-logo/05_right-rules2.gif) |
![](https://www.frxoops.org/uploads/news/how-to-xoops-logo/05_left-rules2.gif) | Zone gauche- Afficher les repères gauches
- Avec l'outil dégradé, aller de A à B
- La zone de gauche est remplie
| ![](https://www.frxoops.org/uploads/news/how-to-xoops-logo/05_left-rules.gif) |
|