[Tuto] Créer une userbar

Ce qu'on va mettre dedans !



Pour commencer, il faut savoir ce que vous allez afficher dans votre
UserBar : dans mon cas, je vais mettre Zozor. Munissez-vous donc d'une
belle photo de Zozor.







Voilà sur quoi nous allons travailler. Une belle image de Zozor, ni
grande ni trop petite. Évitez les images trop grandes, car un peu plus
loin, nous ferons un redimensionnement qui risque de faire perdre de la
visibilité à votre image.



J'ai l'image que je veux utiliser, mais il y a des trucs derrière que je ne veux pas qu'on voie. Je fais comment ???


Pas de panique ! Nous verrons cela très bientôt !

---

Le détourage



Houlala, un mot qu'on n'aimerait pas entendre tous les jours, et pourtant, le détourage va vous être très utile !!

Comme dit plus haut, si on a un fond qu'on ne veut pas voir, comment l'enlever ? Eh bien on va détourer notre image, c'est-à-dire qu'on va enlever tout ce qu'il y a autour de ce qu'on veut montrer.



On va pour ça utiliser le Lasso Polygonal de Photoshop.





C'est parti, première étape !



Tout d'abord, ouvrez votre image. Je ne pense pas que vous ayez besoin de screenshot ^^.



Maintenant que votre image est ouverte, supprimez tout ce qu'il y a d'inutile dans votre image.



Je m'explique :



Sélectionnez l'outil de recadrage.





Ensuite, englobez la partie de l'image qui vous intéresse.





Validez et vous obtenez l'image que nous allons détourer !



Sélectionnez le Lasso Polygonal en mode lissé, avec 0 pixel en contour progressif, et sélectionnez partie par partie ce qui ne doit pas être affiché.





Ensuite, appuyez sur la touche Suppr de votre clavier pour supprimer la partie sélectionnée, procédez ainsi jusqu'à ne plus avoir que votre motif. Comme ceci :





Et voilà : vous avez terminé le détourage de votre motif.
Maintenant, nous allons le placer dans notre UserBar. (Laissez le
document actuel ouvert.)

---

Le début de la UserBar



Maintenant que vous avez votre motif détouré, vous allez pouvoir commencer à créer votre UserBar.



Créez une nouvelle image en mode RVB, de 350 pixels de largeur, et de 20 pixels de hauteur. Pour la résolution, laissez 72 pixels / pouce.



Nous allons maintenant remplir cette image avec une couleur ; j'ai pris
un bleu clair (#76ADE0). Libre à vous de choisir la vôtre.





Ensuite, nous allons appliquer un motif par dessus la couleur.

Créez une nouvelle image de 4 pixels de largeur, et de 4 pixels de hauteur. Dans le champ Remplir, sélectionnez transparent.



Zoomez au maximum et prenez l'outil crayon.





Mettez le noir en couleur de premier plan (appuyez sur D,) et faites 4 pixels en diagonale comme ceci :





Ensuite, faites Édition -> Utiliser comme motif, et donnez-lui le nom de votre choix : ici, nous allons l'appeler "Lignes Obliques".



Voilà, notre motif est créé, nous allons maintenant l'incruster dans notre UserBar.

Créez un nouveau calque que vous allez appeler "Lignes" en mode Normal. Sélectionnez ce calque et faites Édition -> Remplir. Dans la liste déroulante, sélectionnez Motif et ensuite, choisissez le motif que vous venez de créer ("Lignes Obliques"). Validez.

Les lignes sont un peu trop voyantes je trouve : nous allons donc réduire l'opacité du calque Lignes. Dans l'exemple, je l'ai mis a 40 %.

---

Zozor est dans la place !



Maintenant, nous allons mettre le motif que nous avons détouré !

Retournez sur l'image du motif, et glissez le calque de la palette dans le document de la UserBar.





Voilà, notre Zozor est dans notre UserBar... mais il est un peu trop grand, nous allons donc le rétrécir.



Sélectionnez le calque de Zozor dans votre UserBar, et faites CTRL+T. Maintenez la touche MAJ enfoncée pendant que vous faites votre redimensionnement afin de ne pas déformer votre motif.

Une fois votre motif à la bonne taille, placez-le où bon vous semble dans votre UserBar.

---

Le rideau



Et c'est là que votre UserBar va prendre toute sa splendeur ! Nous allons lui ajouter un "rideau" blanc.



Créez un nouveau calque que vous allez nommer "rideau" en mode normal.



Sélectionnez l'ellipse de sélection.





Et faites une sélection de manière à ne prendre qu'un arc d'ellipse.





Appuyez ensuite sur X afin de mettre le blanc en couleur de premier plan.



Sélectionnez ensuite l'outil de Dégradé.





Configurez-le comme ceci :





Maintenant, appliquez votre dégradé en suivant le schéma suivant :





Faites CTRL+D pour désélectionner.


Source : http://www.siteduzero.com

Merci au créateur de se tuto Lydriel

mais la source pour pas avoir d'ennuie
...

Elle est mise xD

Lydriel

sa aide beaucoup -_-'

Bon c'est pas de ta faute

J'avais mis

http://www.siteduzero.com/tuto-3-4542-1-creer-une-userbar.html en haut de la page ^_^