bannière
<< Février 2010 >>
LuMaMeJeVeSaDi
1234567
891011121314
15161718192021
22232425262728
Revenir a la liste des tutoriaux Photoshop de difficulté Intermédiaire

0 question
1 commentaire sur ce tutorial
Définition des mots

Barre de navigation avec image

barre_motif_0
Tout d'abord, il faut commencer par découper votre image (veillez à bien l'avoir sur un fond transparent), et elle ne doit pas faire plus de 180 de hauteur (si on compte que la barre fait 20 hauteur, ca vous fera une hauteur totale de 200, ce qui est deja assez haut...)
barre_motif_1

Ouvrez alors un nouveau document en format 200 (selon la hauteur de votre image) par 1000 en fond transparent.
Puis faites le fond de la barre comme une barre sans motif.
barre_motif_2

Puis retourner dans votre image. (Fenetre > choix de votre image) Faites Ctrl + A (tout sélectionner), puis Ctrl + C (copier). Retourner dans votre barre, et faites Ctrl + V (Coller). Votre image apparaît alors au dessus de votre barre.
barre_motif_3

Allez dans votre fenêtre des calques, et remettez le calque de l'image au dessus du calque de la barre.
Petite astuce : si vous voulez que votre image apparaisse au travers de votre barre, dans la fenetre calques, veillez à ce que l'opacité de "fond" soit par exemple à 65% ^^
barre_motif_4

Sélectionnez ensuite la couleur de votre police. Avec l'outil écriture, appliquez votre texte.
barre_motif_5

Attention à mettre le texte dans l'ordre. Sinon, après la découpe, l'image n'apparaitra pas correctement.
Petit truc, évitez aussi de mettre l'image au dessus des boutons : " inscription, Rechercher, On-Off, Acceuil ", car ceux ci apparaissent quand la personne n'est pas connectée au forum, et cela ne fera pas joli si on ne voit qu'un bout de l'image ^^
J'ai rajouté des petits feuilles tout autour du personnage pour faire plus joli.
barre_motif_6

Viens ensuite le moment de la découpe. Et là, je dis merci à Caly pour son idée lumineuse ^^
Enregistrez d'abord votre barre en gif, et réouvrez votre document. Prenez l'outil de sélection (barre_motif_7) et sélectionnez votre premier bouton. La zone sélectionnée clignote. Faites alors Image > Recadrer.
Votre bouton apparaît.
barre_motif_8

Enregistrez le en gif.
A ce moment là, faites Edition > Aller en arrière. La zone que vous aviez sélectionnée clignote tojours. Appuyez sur "suppr" pour qu'elle disparaisse.
barre_motif_9

Grossissez votre barre en appuyant sur Ctrl et +. Reprenez l'outil de sélection et sélectionner votre deuxième bouton en prenant garde de bien respecter la limite du bouton précédent. Sinon,vous risquez d'avoir un trou, ou bien d'avoir une image mal coupée.
barre_motif_10


Revenir a la liste des tutoriaux Photoshop de difficulté Intermédiaire

Haut