Cr�er son site Gratuitement : Service / Outils webmaster gratuit
Mon Site Gratuit
Contactez nous
Nos partenaires
Scripts
Tutoriaux
Nos services
Forums
Accueil
Créer une userbarCréer une userbar
 
Créer une userbar

Photofiltre | Créer une userbar

Tutoriel crée par dark le 31-08-2007.

SocialTwist Tell-a-Friend

La Userbar ? Quel est ce nom barbare ... Bien sur, c'est le nouveau type de signature que vous voyez partout sur les forums ... Dans ce tutoriel, vous allez apprendre à les créer facilement en respectant les normes et les tailles avec Photofiltre.

Pleins de personne pensent que créer des userbars est très difficile mais ce n'est pas le cas avec mon tutorial vous comprendrez vite vous verrez. téléchargez la version 6.2.6 de photofiltre.

Partie 1 :

Ouvrez photofiltre et créez une page blanche [fichier>nouveau ou le raccourci CTRL+N]
Vous obtenez normalement cette fenêtre après avoir mis 350 sur 19 :

http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/14/page_b10.gif

Vous devez donc obtenir ceci :

http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/14/page_b12.gif

Maitenant vous avez deux sortes de dégradés pour userbars : Un dégradé bichrome ou un fond monochrome, bichrome est un dégradé de deux couleurs (pas trop claires si possible) et un fond monochrome (une seul couleur).
Dans ce tutorial je fais un dégradé avec cet onglet : http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/14/51380.png
Vous devez normalement obtenir cette fenetre :

http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/14/page_b13.gif

Vous choisissez deux couleurs et vous obtiendrez à peu près ceci (sans les mêmes couleurs évidemment ;-) ) :

http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/14/page_b14.gif

Ensuite sélectionnez tout avec CTRL+A et faites un clic droit puis Contour et Remplissage ensuite décochez la case de dessiner le contour et cochez Remplir le fond vous obtenez ceci :

http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/14/page_b15.gif

Ensuite mettez comme couleur, noir, mettez comme style rayure (choisissez de quel coté de direction) ensuite mettez l'opacité 25 % pour que les lignes noires ne soit pas très visible cela devrait vous donnez ça :

http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/14/page_b16.gif


Partie 2 :

Cette partie va servir à mettre en valeur votre userbar en ajoutant des effets !
Reselectionnez le tout avec CTRL+A puis faites clic droit et paramètrage manuel ensuite faites toutes ce modifications comme ci-dessous :

http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/14/page_b17.gif

Vous devez obtenir ceci, non ? :

http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/14/page_b18.gif

Ensuite faites un dégradé http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/14/51380.png vous mettez cette fois Monochrome cochez haut/bas avec couleur blanche et laissé l'opacité à 50 %.
Cela vous fait un effet de lumière très simpa et déja plus beau que l'autre fois, vous ne trouvez pas :-) !
Vous devez donc normalement obtenir ceci :

http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/14/page_b19.gif


Partie 3 :

Cette nouvelle partie va être l'insertion d'image dans votre userbar ! Une partie qui n'est aucunement obligatoire !
Choisissez une image de fond (ou créer là) j'ai pris comme exemple une image de fond de nuage je la colle ou l'ouvre dans un nouvelle onglet :

http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/14/nuage_10.jpg

Ensuite vous copiez/collez dans votre onglet où s'y trouve votre userbar, si vous ne voyez plus votre userbar c'est normal ! Donc après l'avoir collé vous faite un clic droit puis options de collage ensuite mettez l'opacité à 45 %.
Moi cela donne ceci :

http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/14/userba10.jpg


Partie 4 :

Cette partie consiste à inséré du texte. Tout d'abord, téléchargez la police pour les userbars décompréssez C:\WINDOWS\Fonts.
Enfin nous pouvons continuez, resecletionnez votre userbar (CTRL+A) appuyez sur l'icone texte : http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/14/51400.png.
Choisissez ce nom de police : Visitor TT2 BRK c'est cette police qu'il faudra toujours utilisé quand vous fabriquerez une userbar, vous mettez taille 10 et en blanc ou noir, tout dépend de ce qui va le mieux avec votre userbar. Pour ma part je choisi blanc donc je dois obtenir ceci et vous aussi :

http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/14/page_b21.gif

Ensuite choisissez l'onglet effets de l'icone texte toujours, puis mettez l'opacité à 100 %, cochez contour mettez noire sauf si votre fond est noir biensûr ;-) puis faites Ok.
Normalement le texte apparaît, vous le mettez donc où vous vous voulez. Attention, pour déplacé votre texte il est mieux de faire avec les touches des fléches sur votre clavier. Une astuce : Le texte des userbars est de préférence à droite :coeur:
Voilà c'est fini, j'espère que mon tutorial vous a aidé. J'espère de ne pas avoir été trop compliqué ! Voici le rendu final pour moi :


http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/14/userba11.jpg



tutorial écris par dark pour monsitegratuit.com


Poster un commentaire

Commentaire :

*Vous devez être connecté pour pouvoir poster un commentaire
Si vous n'êtes toujours pas inscrit, cliquez ici !

Commentaires

Merci
De toute façon comme j'y arrivais pas j'ai réécrit chaque lettre et chiffre mais merci quand même

Swemlight

Salut
va sur ce lien
Chez moi ca fonctionne!
A bientôt
Boulledogue

boulledogue

Je suis bloquer a la partie 4 pour telegharger les caractères pour userbar. Quand je clique sur le lien j'arrive sur ce site. Et si je fais "Enregistrer la cible du lien sous...", sa me télécharge un fichier: "font.php".

Alors je sais pas comment faire, si vous po ...

Swemlight

oooh c vraiment jolie


m
erci

yajuve

Pour clemh: je crois qu'il veut dire "Créer et superposer des calques dans le but de les enregistrer en temps que gif animé".

Je crois que l'on peut faire des calques avec la version payante de photofiltre mais pas avec la gratuite. Et je ne crois pas qu'on puisse en faire ...

Dominique*

voila la mienne lol
merci pour le tuto

Dominique*

Tu peux pas faire défiler l'image ?

MWRonaldo

Soumettre un tutoriel Photofiltre

*Vous devez être connecté pour pouvoir soumettre un tutoriel
Si vous n'êtes toujours pas inscrit, cliquez ici !