Tutorial: Barres de goûtsLes barres de goûts sont des images en forme de barre de taille standard 350*19 pixels. Elles permettent d'afficher vos centres d'intérêts, vos passions ou tout ce que vous voulez d'autre dans votre signature de forum. (Voir la barre dans ma signature)
Je vais vous montrer comment en créer une dans les normes standard. Bien évidemment vous pouvez changer leurs styles, modélisations etc... mais essayez de respecter la taille 350*19 pixels.
Matériel nécéssaire: Photoshop et Image Ready
Connaissances nécéssaires: Fonctionnement des calques et du découpage d'image.
Commençons...
On se propose de créer une belle barre...
1) Trouver un logo, image, représentation...Allez sur internet, et cherchez sur un moteur de recherche (Google) une image, un logo, un symbole qui vous plait en relation avec le thème de la barre. Ici je prendrais un exemple banal:
Pantoufle.
J'ai donc trouvé une image de pantoufle:
Par chance, le fond est blanc, j'ouvre alors l'image dans Photoshop, je coupe la partie avec du texte, je prends la baguette magique
Et je selectionne le blanc d'un click sur la partie blanche autour de ladite pantoufle, j'inverse la selection: Ctrl+Shift+I ou selection>Intervertir. Ma pantoufle est alors selectionée:
Je copie la selection: Ctrl+C ou Edition>copier. Je crée un nouveau fichier: Ctrl+N ou Fichier>nouveau, je fais OK sans toucher à rien et je colle la pantoufle dedans: Ctrl+V ou Edition>coller.
On la laisse de côté, pour commencer la barre en elle-même.
2) Commencer la barreAlors, commençons par créer un nouveau fichier: Ctrl+N ou Fichier>nouveau. Cette fois, mettez 350 pixels pour la largeur et 19 pour la hauteur. Comme ceci:
Vous avez maintenant une barre sans couleur de fond toute prête à être décorée^^
3) Premier calque: Le fondVous êtes alors sur le premier calque, vous pouvez lui donner un nom pour vous orienter dans les différents calques que vous disposerez plus tard. Pour cela, si la fenêtre des calques n'est pas ouverte: Fenêtres>Calque, ensuite double-cliquez sur le nom du calque, en l'occurrence "Calque 1", pour le nommer par exemple "Fond".
Faisons le fond, généralement, c'est un dégradé, mais vous pouvez changer à vos goûts. Je vais donc faire ici un dégradé du rouge vers un beige.
Pour cela je choisis les 2 couleurs que je veux en principale et secondaire:
Pour appliquer le dégradé, cliquez sur le bouton
( Si vous ne le voyez pas, restez cliqué sur le pot de peinture, sur la petite flèche noire et il apparaîtra). Vérifiez en haut de l'écran que votre dégradé fasse bien ça:
.
Allez alors sur la future barre, cliquez et maintenez sur le haut du milieu de la barre, puis toujours en maintenant, descendez jusqu'en bas de la barre et lachez le le bouton de la souris. Vous devriez avoir ça:
4) Mettre le logoRevenons à notre pantoufle, allez sur le fichier de votre logo (ici la pantoufle) et réduisez le si est très gros (il doit faire environ 100 pixels) donc allez dans Image>Taille de l'image et tapez 100 dans la largeur et faites OK. Maintenant faites Ctrl+A ou Selection> Tout selectionner pour selectionner le logo. Copiez-le (Ctrl+C) et Allez dans l'image de la barre et collez-le (Ctrl+V). Ajustez avec l'outil
pour le mettre dans la partie gauche de l'image. Vous avez quelque chose dans ce genre:
Remarque: L'image DOIT dépasser, c'est normal, c'est plus mieux chic (Je cite: Couderc). De plus vous remarquerez qu'un nouveau claque est apparu dans la fenêtre des calques, vous pouvez le renommer en "logo" par exemple, ou le laisser comme ça.
5) Le petit mot qui change toutOn va ajouter une sorte de légende, de petite phrase nominale, de "légende"...
La police habituellement utilisée est celle-ci. Téléchargez-la et placez-la dans C:/Windows/Fonts (Pour autres OS je connais pas^^)Elle s'appelle visitor TT1.
Prenez l'outil Texte (le bouton avec un gros T) et utilisez la police visitor TT1 de taille 10 pour écrire en blanc un petit quelque chose personnel, ici : pantoufle user (mélanger le français et l'anglais rend plus mieux chic aussi).
Un nouveau calque est apparu, pour donner un peu de relief, on va ajouter un contour aux lettres. Pour cela faites click-droit sur le nouveau calque apparu et choisissez: Options de fusion.
Cliquez sur contour et mettez les paramètres comme ceci (bien sur vous pouvez changer les couleurs et opacités):
Vous obtenez alors ceci:
6) Les détailsAjoutons maintenant quelques détails pour finir:
Les barres en diagonale: Créez un nouveau fichier de 3*3 pixels, agrandissez et avec un crayon de mine d'1 pixel faites 3 points en diagonale comme ceci:
Maintenant, plutôt que de sauver, allez dans Edition>Utiliser comme motif et donnez un nom. Créez un nouveau calque: Ctrl+Shift+N ou Calque>nouveau, prenez l'outil pot de peinture et en haut de l'écran, cliquez sur "1er plan" et choisissez "motif", dans le carré juste à droite , cliquez pour choisir le motif en diagonale que vous venez de créer. Appliquez le sur la barre et baissez l'opacité du calque dans la fenêtre des calques à 30% environ.
Lumière: Créez un autre calque et utilisez l'éllipse de selection. Partez du coin supérieur gauche de la barre et finissez sur le coin inférieur droit de la barre. Vous avez alors un cercle de selection dans votre barre. Avec la touche "flèche vers le haut" du clavier, faites monter le cercle pour que seule la moitiée inférieure du cercle soit sur la barre comme ceci:
Avec l'outil dégradé, mettez le blanc en couleur principale et cliquez sur la barre de dégradé en haut de l'écran, puis choisissez le dégradé de blanc vers transparent. Refaites la même manipulation que précedemment: partez du haut de la barre et finissez sur le bas du cercle. Vous obtenez ça:
Oui c'est presque fini^^
Le contour: Créez un nouveau calque et faites Ctrl+A pour tout selectionner, allez dans Edition>Contour et mettez 1 pixel de contour, de couleur noire et cochez "centrer". Voilà!!!!
Plus long à dire qu'à faire, ne vous inquiétez pas^^. Si vous voulez faire défiler toutes vos barres, suivez le tuto des gif animés^^
Sujet: Tuto: Barre de goûts 
Lun 20 Fév - 21:58
