Découper une barre de navigation

Faire une barre de navigation ne devrait pas poser plus de problème que de créer une bannière, mais c'est souvent plus problématique pour la découper. Nous allons voir comment faire.

Avant de la découper, il faut déjà avoir notre barre de navigation finie, logique xD
Il faut l'avoir en deux versions: sans texte, et avec le texte pour les membres connectés. Enregistrez bien les deux avant de commencer le découpage, au cas où. Voici la mienne (réalisée avec Photofiltre)


 



On va commencer par découper la barre des connectés, on ajoutera les boutons s'inscrire et connection qu'il manque pour la barre des nons connectés ensuite.

On commence par sélectionner le premier bouton, on le copie, puis on l'isole en faisant un clic droit dans le vide et "coller en tant qu'image".


_

Le premier bouton est près, on peut l'enregistrer. Maintenant il faut selectionner le deusième bouton, sans reselectionner de morceau du premier, pour ça on va effacer le bouton de la barre. La sélection est toujours active, on fait simplement un clic droit dedans et "effacer".
On peut maintenant selectionner le deusième bouton, en zoomant c'est plus facile.


Puis on le copie colle et on l'enregistre comme le bouton précédent.

On recommence de même pour chaque bouton. Pour aller plus vite on peut faire couper au lieu de copier.

Voilà ma barre découpée:

Maintenant il faut ajouter les boutons s'inscrire et On. On veut que ces boutons soient après le bouton search, donc on va copier le bouton search, et le coller dans la barre de navigation sans texte à la place exacte où il est sur la barre avec du texte:



Une fois collé on fait réapparaitre la selection en cliquant sur , et on efface l'emplacement du bouton search.
Ensuite on va écrire les texte des boutons S'inscrire et On juste derrière.



Il y a bien trop d'espace entre le On et la fin de la barre de navigation, il faut raprocher le bout de la barre du texte.
Pour ça on va copier le bout droite de la barre, et le coller en tant qu'image pour l'isoler.


On crée maintenant un masque pour cette image, de la même taille, qui ressemble à ça:et on l'assemble avec le bout comme ça: ( pour ceux qui ne comprennent pas bien, allez voir le tuto sur les fondus )



On copie cet ensemble, puis édition => collage spécial => image et masque associé. Et on place le collage comme ceci:



Maintenant on peut découper les boutons s'inscrire et on comme pour les autres tout à l'heure:

Si vous voulez faire un bouton mp qui clignote par exemple, il sufit de copier le bouton mp, le coller pile à l'endroit où il se trouve dans la barre sans texte, et récuperer la sélection pour avoir l'image du bouton sans et avec texte à animer.

+= ( voir le tutoriel sur Unfreez pour apprendre à créer l'animation )

Et voilà c'est terminé!

Si ma barre de navigation interesse quelqu'un, il peut l'utiliser, je l'ai faite juste pour illustrer ce tutoriel.


Retour a la liste des tutos pour Photofiltre


Revenir en haut de la page


Nous sommes le 18/12/2017 et il est 17 heures 33.

© Ame Stram Graph - Design Lunard - Codage Lunard et Rock Lee ♥ - 2010