Fork me on GitHub

Comment créer votre logo Xoops ?

200912
Février
  Anonyme Documentations 10404

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 !

Note: 9.00 (2 votes) - Noter cet article -

Partager Twitter Partagez cette article sur GG+
Format imprimable Envoyer cet article à un ami
Les commentaires appartiennent à leurs auteurs. Nous ne sommes pas responsables de leur contenu.
Supporter Xoops
Inscrit le: 14/03/2005
De: Paris
Contributions: 518
blet Posté le: 18/02/2009 20:28  Mis à jour: 18/02/2009 20:28
 Re: Comment créer votre logo Xoops ?
le fichier pdf en pièce jointe est celui des blocs modules et admin, mais pas celui de nos bulles...
en copier le .gif sur cette article on peut transformer en pdf...
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

42 Personne(s) en ligne (2 Personne(s) connectée(s) sur Articles) | Utilisateur(s): 0 | Invité(s): 42 | Plus ...