[Divers] Créer un rang pour forum

Ceci répertorie tout ce qui touche au graphisme.
Verrouillé
Avatar du membre
Dakin Quelia
Webmaster
Webmaster
Messages : 565
Enregistré le : ven. 27 nov. 2009 05:47
Localisation : Belgique
Contact :

[Divers] Créer un rang pour forum

Message par Dakin Quelia »

» Créer un rang pour forum

A l'aide de cette documentation, vous allez pouvoir créer un rang pour votre forum.

ATTENTION: Aucun fichier PSD ne sera fourni et il n'est pas nécessaire de le demander puisque cela n'est pas le but.
Remarque: Nous attirons votre attention sur le fait de faire des sauvegardes régulièrement de votre fichier PSD.


Avant toute chose, il faut que vous téléchargiez ces polices de caractère et les placez dans c:\windows\fonts.
Visitor.zip
(26.02 Kio) Téléchargé 452 fois
Tout d'abord, commencez par créer un document de 140 pixels de largeur sur 23 pixels de hauteur. Une fois fait, nous allons créer un calque que l'on va nommer « Fond » et qui sera placé en premier. Donc vous le déplacez sous le premier calque existant.

Ensuite, sur le calque existant, vous créez une forme comme suit:
01.png
Le contour est gris dont le code hexadécimal est le suivant: #a49c9c. Evidemment, vous pouvez personnaliser la couleur et la forme du cadre.

Une fois le cadre terminé, renommez le calque « Cadre » puis positionnez-vous à nouveau sur le calque nommé « Fond ». Là, vous appliquez dans la forme une couleur. Par exemple: #8d0909. Ce qui donne:
02.png
Maintenant, nous pouvons écrire notre texte. Pour ce faire, créez un nouveau calque que l'on nommera « Texte » et choisissez la police « Visitor TT2 BRK » (téléchargée plus haut). Dans la barre d'outil en haut, réglez les paramètres suivants:
  • Police: Visitor TT2 BRK
  • Type: Regular
  • Taille: 12pt
  • Effet: sans
Ce qui donne:
06.png
Puis, tappez le texte désiré. Néanmoins, vous êtes limité en caractères dans l'espace. Une fois fait, passons à l'étape suivante: le dégradé.

Pour cela, positionnez-vous sur le calque « Texte » et ouvrez le menu contextuel (clic droit) et cliquez sur « Options de fusion... ». Rendez-vous dans « Incrustation en dégradé » et appliquez les modifications suivantes:
  • Mode de fusion: Normal
  • Opacité: 100%
  • Dégradé:
    • A gauche:
      • Couleur: #ededed
      • Position: 15%
    • A droite:
      • Couleur: #999999
      • Position: 100%
  • Style: Linéaire - cochez la case « Aligner sur le calque »
  • Angle: 90°
  • Echelle: 100%
Ce qui donne:
05.png
Enfin, pour terminer, il nous reste plus qu'à appliquer un simple contour. Pour ce faire, rendez-vous dans « Contour » et appliquez les paramètres suivants:
  • Taille: 1 pixel
  • Position: Extérieur
  • Mode de fusion: Normal
  • Opacité: 100%
  • Type de remplissage: Couleur
  • Couleur: #333333
Ce qui donne:
07.png
Comme résultat final, vous devriez avoir ceci:
rang-test.png
rang-test.png (686 Octets) Vu 8345 fois

Verrouillé

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité