Comment créer votre logo Xoops ?

Date 12/02/2009 | Sujet : Documentations

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
Zone supérieure
  • Afficher les repères supérieurs
  • Avec l'outil dégradé, aller de A à B
  • Cocher Inverser
  • La zone supérieure est remplie

6 - Créer la bulle supérieure
Afficher les repères (CTRL + :)Dupliquer les calques : sélection et clic-droitFusionner les nouveaux calques (CTRL + E)
Transformez et placez le calque (CTRL + T)C'est fini !




Cet article provient de Communauté Francophone des Utilisateurs de Xoops
http://www.frxoops.org

L'adresse de cet article est :
http://www.frxoops.org/modules/news/article.php?storyid=1598