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étourageHoulala, 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 UserBarMaintenant 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 rideauEt 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