Inscription

Comment créer votre logo Xoops ?

200912
Février

Anonyme

Documentations

11860

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-droit	Fusionner les nouveaux calques (CTRL + E)

Transformez et placez le calque (CTRL + T)	C'est fini !

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

Fichiers attachés : xoops_modules_logo_bbx.zip how-to-make-xoops-logo.pdf

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

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