| | Découper une barre de navigation |Difficile| |  |
|
|
| Auteur | Message |
|---|
Symphonie
Super-Modo
Messages : 1083
Date d'inscription : 25/02/2008
Piiix-carte
Piiix-P: 6000
| Sujet: Découper une barre de navigation |Difficile|  Mar 26 Fév - 18:18 | |
| Bonjour !
Je m'ennuyais, alors j'ai décidé de faire un petit tuto sur le découpage des barres de navigation.
Cliquez sur le Spoiler pour le lire.- Spoiler:
Etape 1 : D'abord, créez votre barre de navigation et enregistrez-là en format PSD. Vous conserverez ainsi les calques.
Voici la barre que je vais découper :
Etape 2 : Si votre bannière utilise la transparence, ajoutez un rectangle en haut et un rectangle en bas.
Fusionnez ensuite tous les calques. (Crtl+Maj+E)
Etape 3 : Agrandissez le zoom et choisissez le rectangle de selection.
Selectionnez le morceau qui va être le bouton accueil
Copiez-le (Ctrl+C) et ouvrez un nouveau document (Crtl+N), puis faîtes Coller (Crtl+V).
Grâce au lasso magnétique, supprimez les bandes en haut en bas.
Vous pouvez maintenant l'enregistrer.
Etape 4 : Avant de découper une autre partie, ouvrez votre navigateur Internet, allez sur n'importe quel forum, ouvrez un nouveau sujet, récupérez le lien de votre image et prévisualisez.
Etape 5 : Pour redécouper un nouveau bouton, reprenez le rectangle de sélection puis disposez le trait vertical de la croix contre le trait vertical de l'ancienne sélection. A partir d'ici, faîtes en une nouvelle et reprenez à partir de l'étape 3, quand vous devez le copier.
Etape 6 : Refaîtes l'étape 5 jusqu'à ce que vous ayez découpé le bouton de déconnexion.
      
Etape 7 : C'est là que les choses se compliquent. Revenez en arrière afin d'avoir à nouveau les calques séparés ou rouvrez votre image en format PSD.
Vous allez devoir faire trois boutons supplémentaires : Nouveau MP, S'inscrire, Connexion.
Tout d'abord, faîtes le Nouveau MP. Supprimez le calque de texte MP, puis rajoutez deux nouvelles bandes noires en haut et bas et refusionnez tout.
Etape 8 : Cette fois ci, vous ne pouvez vous baser que sur ce que vous avez déjà fait.
Dans votre navigateur, enlevez déjà votre bouton MP.
[img][/img]
Dans votre Photoshop, ouvrez les documents Profil et Déconnexion, qui entourent le bouton Nouveau MP.
Etape 9 : Attention étape compliquée !!!
En vous basant de vos deux images, essayez de déterminer où se situent la frontière avec votre bouton puis essayez de le reproduire sur votre barre complète (il est conseillé d'augmenter le zoom)
Puis suivez l'étape 3.
Enfin, n'oubliez pas d'aller vérifier sur Internet que votre bouton se fond bien avec le reste.
Vous risquez de recommencer plusieurs fois cette étape avant que le découpage soit parfait.
Si vous désirez faire une animation, créez un nouveau calque, remplissez-le de la couleur que vous voulez mettre en fond et passez-le en dessous.
Etape 10 : Revenez en arrière jusqu'à ce que les calques ne soient plus fusionnés. Supprimez les calques des textes Membres, Groupes, Profil et Déconnexion (et MP s'il est resté).
Créez un calque texte pour Connexion et faîtes en sorte à ce qu'il soit identique aux autres.
Remettez des bandes noires en haut et en bas puis fusionnez le tout.
Dans votre navigateur, enlevez les liens à partir de Membres compris.
(Note : Si comme moi un bout de lettre est encore présent sur le Search, ne supprimez pas le calque Membres mais transformez-le en Mais. Le texte animé sera inscrivez-vous !!)
Ouvrez ensuite le document Recherche.
Etape 11 : Cette étape est à peine plus simple que l'étape 9 !!!
Cette fois-ci, vous n'avez besoin que de visualiser la frontière entre Recherche et Inscription, puis de la reporter sur votre barre complète.
A partir de là, refaîtes l'étape 3 pour ce bouton, puis vérifiez sur Internet.
Vous risquez de recommencer plusieurs fois cette étape avant que le découpage soit parfait.
Si vous désirez faire une animation, créez un nouveau calque, remplissez-le de la couleur que vous voulez mettre en fond et passez-le en dessous.
Etape 12 : Il suffit de découper le bouton Connexion. Suivez simplement l"étape 3 puis l'étape 4.
Ca y est, votre barre est finie, il ne reste plus qu'à l'animer !
(Dans les résultats que vous trouverez en dessous, vous aurez le résultar à la fin du tuto. Si vous voulez l'animer, ce sera à vous de le faire...
Final (à animé) :
Barre de navigation (membre) :
Barre de navigation Nouveau MP (membre) :
Barre de navigation (invité) :
Dernière édition par Leia le Mar 26 Fév - 18:54, édité 2 fois (Raison : Tuto très difficile d'après ceux qui l'ont lu) | |
|
| | |
MgX's
Modo
Messages : 287
Date d'inscription : 24/02/2008
Age : 28
Localisation : Sur PW Et LaK ^^
Piiix-carte
Piiix-P: 1000
| | Sujet: Re: Découper une barre de navigation |Difficile| Mar 26 Fév - 18:20 | |
| J'ai Pas Trow compris ....
Sinon C'est Un Bon tuto ( En Tout Cas Ca En A L'air n_n ) | |
|
| | |
Symphonie
Super-Modo
Messages : 1083
Date d'inscription : 25/02/2008
Piiix-carte
Piiix-P: 6000
| | Sujet: Re: Découper une barre de navigation |Difficile| Mar 26 Fév - 18:22 | |
| Si certaines choses ne semblent pas clair, c'est normal, c'est que j'ai déjà mis tellement de temps qu'après, j'ai du un peu compresser... | |
|
| | |
Aurorea
Posteur
Messages : 217
Date d'inscription : 26/02/2008
Localisation : °Au Nirvana°
Piiix-carte
Piiix-P: 0
| | Sujet: Re: Découper une barre de navigation |Difficile| Mar 26 Fév - 18:45 | |
| - Leia a écrit:
- Si certaines choses ne semblent pas clair, c'est normal, c'est que j'ai déjà mis tellement de temps qu'après, j'ai du un peu compresser...
Oui, je dois dire aussi que ça fait un peu "complexe" | |
|
| | |
Symphonie
Super-Modo
Messages : 1083
Date d'inscription : 25/02/2008
Piiix-carte
Piiix-P: 6000
| | Sujet: Re: Découper une barre de navigation |Difficile| Mar 26 Fév - 18:53 | |
| D'accord, je mets dans le titre que c'est niveau difficile... je te signale en passant que c'est comme ça que je fais... | |
|
| | |
Aurorea
Posteur
Messages : 217
Date d'inscription : 26/02/2008
Localisation : °Au Nirvana°
Piiix-carte
Piiix-P: 0
| | Sujet: Re: Découper une barre de navigation |Difficile| Mar 26 Fév - 20:09 | |
| - Leia a écrit:
- D'accord, je mets dans le titre que c'est niveau difficile... je te signale en passant que c'est comme ça que je fais...
Et ben félicitation n_n Tu m'a l'air très douée n_n | |
|
| | |
Symphonie
Super-Modo
Messages : 1083
Date d'inscription : 25/02/2008
Piiix-carte
Piiix-P: 6000
| | Sujet: Re: Découper une barre de navigation |Difficile| Mar 26 Fév - 20:44 | |
| | |
|
| | |
Aurorea
Posteur
Messages : 217
Date d'inscription : 26/02/2008
Localisation : °Au Nirvana°
Piiix-carte
Piiix-P: 0
| | Sujet: Re: Découper une barre de navigation |Difficile| Mar 26 Fév - 22:30 | |
| - Leia a écrit:
- Euh... merci...
Bah de rien =D | |
|
| | |
Rainbow
Admin
Messages : 823
Date d'inscription : 03/05/2008
Age : 28
Localisation : Regarde derrière toi :D
Piiix-carte
Piiix-P: 0
| | Sujet: Re: Découper une barre de navigation |Difficile| Sam 14 Juin - 14:50 | |
| C'est bien expliqué, mais je vois pas trop à quoi ça sert... =X | |
|
| | |
Symphonie
Super-Modo
Messages : 1083
Date d'inscription : 25/02/2008
Piiix-carte
Piiix-P: 6000
| | Sujet: Re: Découper une barre de navigation |Difficile| Sam 14 Juin - 22:21 | |
| C'est quand, dans tes thèmes, tu décides de faire une barre de navigation continue, pas comme celle du forum, par exemple. | |
|
| | |
Rainbow
Admin
Messages : 823
Date d'inscription : 03/05/2008
Age : 28
Localisation : Regarde derrière toi :D
Piiix-carte
Piiix-P: 0
| | Sujet: Re: Découper une barre de navigation |Difficile| Sam 14 Juin - 22:51 | |
| | |
|
| | |
Gutim
Petit posteur
Messages : 53
Date d'inscription : 15/04/2008
Piiix-carte
Piiix-P: 0
| | Sujet: Re: Découper une barre de navigation |Difficile| Dim 15 Juin - 17:41 | |
| a vrai dire j'ai pas compris cque t'as changer entre le début et la fin... ( part les bouton sans texte...) | |
|
| | |
Fretzia
Admin
Messages : 171
Date d'inscription : 04/03/2008
Piiix-carte
Piiix-P: 100 000
| | Sujet: Re: Découper une barre de navigation |Difficile| Dim 15 Juin - 21:10 | |
| As-tu déjà étais administrateur d'un forum où il fallait que tu mettes un barre de navigation ? oO | |
|
| | |
Symphonie
Super-Modo
Messages : 1083
Date d'inscription : 25/02/2008
Piiix-carte
Piiix-P: 6000
| | Sujet: Re: Découper une barre de navigation |Difficile| Dim 15 Juin - 22:02 | |
| Parce que pour les boutons mènent à un lien, il faut les découper.
D'ailleurs, il vaut mieux que tu ne vois pas de différences entre le début et la fin, sinon, ce n'est pas joli. | |
|
| | |
Gutim
Petit posteur
Messages : 53
Date d'inscription : 15/04/2008
Piiix-carte
Piiix-P: 0
| | Sujet: Re: Découper une barre de navigation |Difficile| Lun 16 Juin - 15:41 | |
| | |
|
| | |
Gutim
Petit posteur
Messages : 53
Date d'inscription : 15/04/2008
Piiix-carte
Piiix-P: 0
| | Sujet: Re: Découper une barre de navigation |Difficile| Mar 17 Juin - 12:16 | |
| mais en fait la ya pas un probleme? genre meme si tu clique au dessus du bouton "accueil" par exemple, bah tu va quand meme a l'accueil nan? (en meme temps g pas lu tt le tuto...) | |
|
| | |
Symphonie
Super-Modo
Messages : 1083
Date d'inscription : 25/02/2008
Piiix-carte
Piiix-P: 6000
| | Sujet: Re: Découper une barre de navigation |Difficile| Mar 17 Juin - 19:57 | |
| C'est quand tu mets tes images hébergées et découpées que ça te conduit à l'accueil.
Tu n'as jamais installé de thèmes ? | |
|
| | |
Contenu sponsorisé
| | Sujet: Re: Découper une barre de navigation |Difficile| | |
| |
|
| | |
| | Découper une barre de navigation |Difficile| | |
|
