Dans ce tutoriel, nous allons apprendre comment faire une
barre de navigation avec une image derrière ^^. Ces barres de navigation servent pour les forums, comme dans
cet exemple (
punaise oO ce thème remonte à mes débuts en graphisme xD. Le tout premier thème que j'ai fait en libre service pour Kawaï Goodies. Ca fait deux ans x3 ). Bref. Ca a l'air et c'est un peu chiant à faire, mais rien de bien méchant..
Tout d'abord, ouvre un document à fond transparent, de largeur 550 à 650 (
ça dépend de la taille de votre bannière... vous adaptez en fonction ) et de hauteur
150 à 170 pixels (
attention, ne faites pas trop grand non plus, ça va vous bouffer de l'espace pour rien ). Collez ensuite votre
image découpée et réduisez là, afin qu'elle rentre au niveau de la hauteur :
Sélectionnez ensuite sur toute la longueur et sur un
nouveau calque, une barre avec l'
outil rectangle, qui sera votre barre de navigation. Remplissez la sélection de la couleur souhaitée (
ici du bleu flashi xD ) puis allez dans votre fenêtre de style :
Vous n'avez pas la même fenêtre que moi? Pas de panique ! Cliquez sur la flèche à droite, et sélectionnez soit
boutons de verre soit
style pour le web (
ou un truc du genre, j'sais plus xD ) et cliquez sur l'une des vignettes. Puis faites
calque > style de calque et cliquez sur l'une des options au choix. Une grosse fenêtre va alors s'afficher. Réglez comme bon vous semble (
en particulier, décochez des options comme contour, ombre portée, ombre interne, lueur externe et interne, satin, qui ne servent pas à grand chose... vous pouvez garder biseautage, et dégradé, optionnellement ). Bref bidouillez. Ce n'est que comme ça que vous pourrez avoir un bon résultat. Ca donne ça chez moi :
Baissez l'opacité de la barre pour que le perso soit quand même pas trop caché :P. Puis écrivez les différentes options de la barre de navigation :
Et enfin, la dernière étape ! La
découpe de la barre. Le truc le plus saoulant à faire, je suppose X_x. M'enfin bref, grâce à l'outil tranche (
), sélectionnez le premier texte de votre barre, et cliquez sur le bouton valider.
Normalement, la partie sélectionnée devrait s'isoler. Enregistrez là alors sous le nom que vous voulez, et faites
edition > aller vers l'arrière. Puis répétez l'opération pour tous les textes ^^. Une fois arrivé à l'image, prenez bien garde à ne laisser aucun espace entre deux morceaux de barre isolé. Sinon, ça vous fera des trous ou des décalages. Bonne chance !
posté par Okorimakuri le 05/06/08
