[TUTO] USERBAR AVEC PAINT NET

Tuto #1 : créez une userbar avec PAINT.NET


Introduction


Vous
êtes membre d'un forum, avec toujours voulu créer des userbar mais sans
vouloir dépenser un sou pour un logiciel de dessin comme Photoshop ?
Vous allez être ravi : voici un tuto pour créer des userbar avec
PAINT.NET, programme de dessin GRATUIT à mi-chemin entre Paint et
Photoshop !
Note : J'avais créé ce tuto à l'origine pour le forum du site simpson-tv (un très bon site !)

1) Téléchargements requis :

• PAINT.NET, à télécharger ici : http://www.getpaint.net/download.html
  
• Le .NET framework (si vous ne l’avez pas déjà, fourni avec Vista) nécessaire au fonctionnement de PAINT.NET : ICI (s'il n'est pas installé, PAINT.NET ne fonctionnera pas !)
  
• Optionnel : la police Visitor (celle qui donne le mieux pour une userbar) : http://www.dafont.com/fr/visitor.font
  

2) Trucs de base


Quelques petits trucs a savoir avant de commencer :


- Prenez l’habitude d’afficher la fenêtre complète des couleurs, pour
pouvoir modifier la transparence Alpha. Pour modifier la 2ème couleur,
faites un click droit sur la couleur a choisir ou cliquez sur la double
flèche près des couleurs pour les inverser.
- Pour effacer le contenu d’un calque, sélectionnez-le par Ctrl + A et appuyez sur Delete.
3) Création de l’userbar


Commencez par créer une image de 350 x 19 pixels (menu fichier > nouveau), et effacez le calque de départ.
L’image sera composée de différents calques, ce qui permettra de
modifier chaque partie indépendamment. Pour créer un nouveau calque,
appuyez sur Ctrl + Maj + N. Il faudra 6 calques pour cette userbar.
Vous pouvez les renommer comme ceci (en cliquant sur le bouton entouré)


Liste des calques à créer. Pour changer de calque, cliquez simplement sur son nom.

[ASTUCE] [POUR LES FAINEANTS ^^] J'ai fait une image vierge contenant les calques de base déja renommés, téléchargez-la ! http://site.voila.fr/usrbr/image_vierge.pdn

1er calque : arrière-plan : servez-vous de l’outil Dégradé pour le modifier. Choisissez 2 couleurs différentes et mettez la transparence a 255 (= pas de transparence)




2e calque : Les rayures : Prenez comme première couleur une couleur de
votre choix avec la transparence de votre choix (ici le blanc,
transparence 117). Prenez comme couleur secondaire n’importe quelle
couleur, transparence 0 (= invisible).

Résultat :



Choisissez l’outil Pot de Peinture, remplissage diagonale arrière,
tolérence 0, pas de lissage, mode remplacer. Si vous faites une erreur,
effacez le calque.


3e calque : le reflet : Servez-vous de l’outil selection ellipse pour sélectionner une zone elliptique sur le haut de votre image. Remplissez-la de blanc, transparence 93



Résultat :

4e calque : l’image : collez une image de votre choix. Il vaut mieux
utiliser une image avec fond transparent. Sinon, effacez le fond.

Résultat :
(ce tuto étant au départ un tuto pour le forum de simpson-tv.info, il
est normal que mon exemple soit une userbar ayant un rapport avec les
Simpson. Vous n'êtes bien sur pas obligé de faire la même userbar !)

5e calque : la bordure : choisissez la couleur de votre choix (l’idéal
est une couleur foncée, sans transparence). Servez vous de l’outil
rectangle, mode bordure, largeur 1, remplissage uni, sans lissage,
recouvrement.



Résultat :
6e calque : Le texte : utilisez l’outil texte, avec les réglages de
votre choix (essayez plusieurs fois pour obtenir un bon résultat. Avec
la police "visitor", il est conseillé de désactiver le lissage pour un
meilleur effet. Pour la plupart des polices standard, activez-le.)

La meilleur police pour les userbar : http://www.dafont.com/visitor.font

Ce qui finit par donner :

Pour enregistrer votre image, Fichier > enregistrer sous. Utilisez
soit le format GIF, soit le JPG (qualité maximum), soit PNG mais aucun
autre format.
Voila, l'userbar est terminée, et voici d'autres exemples réalisées avec ce tuto (toujours en rapport avec les Simpsons !):

• 
  
• 
  

TigerSoft, respectez les droits d'auteurs.
Ce tutorial est extrait du site TigerSoft, il n'a pas était retouché, cette version est originalle.
COPIE INTERDITE SANS ACCORD DU SITE (j'ai l'accord)

Jolie tuto.

Avant je savais faire avec photofiltre, grâce à toi j'ai appris à faire avec paint net

Merci encore

Magnifique merci!

Moi j'arrive pas a faire avec photofiltre j'ai juste fait le degradé comment on fait le rflet et les tirets?

AVEC CECI : http://www.web-modules.net/userbar.html C'EST ENCORE PLUS FACILE!!

Oap ais çava plus vite!

Ouai mais on a moins la satisfaction de l'avoir fait soit meme !

Exactement !

Ok c'est bon vous m'avez dégoutez des gerateurs!

BUK MDR , MERCI POUR LE TUTO

Bon bref, j'ai fait ma deuxième usebar, mais j'arrive pas à la mettre comme signature

Mais utilise celle de grand elle est bien et tu as besoin que de photofiltre!

Duke, je savais déjà faire avec photofiltre...

Ah oui moi je me souvient jamais des dimenssion pour les refflets"

"lol" ta pas de mémoire où quoi ?

Si pourtant j'en ai beaucoup!