AccueilFAQRechercherS'enregistrerMembresGroupesConnexion
Partager | 
 

 [Photoshop] Création d'une Barre de navigation ~ Facile

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Jungle
*Miss/Mister Pub*
Féminin
Inscrit le: 09/07/2007
Messages: 1101
http://www.be-plop.com
MessageSujet: [Photoshop] Création d'une Barre de navigation ~ Facile   Dim 12 Aoû - 14:59

On commence par créer un nouveau document 800 de largeur, 45 de hauteur, fond blanc.


On choisit l'outil de formes



En faut de notre fenétre, on peut choisir la forme que l'on veut : rectangle, rectangle arrondi, elipse, pintagone, trait, et formes variées.



On va prendre rectangle pour commencer. Maintenant choisissons la couleur de fond de notre barre.



Maintenant on va faire la forme de notre barre. On va laisser un espace, surtout au dessous et à droite de la barre, pour mettre un effet d'ombre.



Allez hop, l'ombre maintenant, dans la fenetre des calques, il faut que le calque de la forme soit selectionné, cliquons sur FX, ensuite "Ombre portée..."


Mettons les mêmes valeurs que ici :


On va rajouter un petit dégradé.
Pour ça, on va faire comme précédemment, on va s'assurer que le calque Forme 1 est sélectionné, on va cliquer sur "Incrustation en dégradé" et on va mettre ces valeurs :



Voilà ce qu'on doit avoir à ce stade :



Passons, au texte. L'outil texte c'est le T. En haut de la fenétre on peut régler plusieurs choses : la police, la forme, la taille, l'alignement du texte, la couleur.



Une fois tout ça bien choisit, cliquons quelque part sur notre barre, et ecrivons ^^ Bon tu peux ecrire que les boutons dont tu as besoin.
Une fois ecrit, cliques sur l'outil pour déplacer. Et déplace ton texte comme bon te semble.



Voilà ce que j'ai moi :



Ilf aut ensuite fusionner les calques, pour celà, allez dans Calques > fusionner les calques visibles


Maintenant on passe à la découpe.
Avec l'outil de sélection :

On va sélectionner tout d'abord l'image pour l'index de cette façon :


Ensuite faites Edition > copier, Fichier > nouveau, ne changez pas les dimensions, par défaut ça sera celle de l'image que vous venez de copier.
Coller dans le nouveau document et enregistrez-le.

Pour le reste on va faire la même chose en essayant de selectionner à partir de la fin de l'autre image, comme ça on garde un ecart constant entre le texte.


C'est une barre de navigation toute simple, mais déjà rien qu'en modifiant les valeurs de l'ombre, ou du dégradé vous pouvez avoir un truc pas mal Wink

Après à vous de trouvez des elements originaux à integrer à votre barre !

_________________

Revenir en haut Aller en bas
Startpub
Banni
Féminin
Inscrit le: 10/08/2007
Age: 23
Messages: 438
http://startpub.forumchti.com/forum.htm
MessageSujet: Re: [Photoshop] Création d'une Barre de navigation ~ Facile   Dim 12 Aoû - 15:00

Coucou merci beaucoup de ton tuto, la il est bien est clairement présicer merci de ton boulot!
Revenir en haut Aller en bas
Jungle
*Miss/Mister Pub*
Féminin
Inscrit le: 09/07/2007
Messages: 1101
http://www.be-plop.com
MessageSujet: Re: [Photoshop] Création d'une Barre de navigation ~ Facile   Dim 12 Aoû - 15:02

De rien :souri:


Ouhla 50 minutes pour le faire, je suis rouillée XD

_________________

Revenir en haut Aller en bas
Startpub
Banni
Féminin
Inscrit le: 10/08/2007
Age: 23
Messages: 438
http://startpub.forumchti.com/forum.htm
MessageSujet: Re: [Photoshop] Création d'une Barre de navigation ~ Facile   Dim 12 Aoû - 15:22

Et en suite pour mettre les lien comment on fait ?
Revenir en haut Aller en bas
Jungle
*Miss/Mister Pub*
Féminin
Inscrit le: 09/07/2007
Messages: 1101
http://www.be-plop.com
MessageSujet: Re: [Photoshop] Création d'une Barre de navigation ~ Facile   Dim 12 Aoû - 16:10

Tu vas dans l'administration de ton forum :

Théme > Images et couleurs
Et ensuite tu cliques sur l'image de l'index pour la modifier, tu envoies ton image sur un hébergeur d'image, et tu remplace le lien de l'ancienne image par le lien que ton hébergeur te donnera. :souri:

Edit : Ahmince t'es sur XOOIT toi Euh ben je sais pas enfaite lol ! Mais tu dois pouvoir trouver ça sur le forum de XOOIT

_________________

Revenir en haut Aller en bas
Julie313
Pubeur
Inscrit le: 13/02/2008
Messages: 178
MessageSujet: Re: [Photoshop] Création d'une Barre de navigation ~ Facile   Lun 10 Mar - 16:56

Merci pour le tuto,mais es ce que quelqu'un pourrait expliquer comment mettre les liens avec un forum xooit.com?
Revenir en haut Aller en bas
Invité
Invité
MessageSujet: Re: [Photoshop] Création d'une Barre de navigation ~ Facile   Lun 10 Mar - 17:03

Euh je peux pas t'aider^^

Mais va dans le support de Xooit.com, ils pourront t'aider Wink

Roby
Revenir en haut Aller en bas
Julie313
Pubeur
Inscrit le: 13/02/2008
Messages: 178
MessageSujet: Re: [Photoshop] Création d'une Barre de navigation ~ Facile   Lun 10 Mar - 17:03

Roby a écrit:
Euh je peux pas t'aider^^

Mais va dans le support de Xooit.com, ils pourront t'aider Wink

Roby


Merci
Revenir en haut Aller en bas
Julie313
Pubeur
Inscrit le: 13/02/2008
Messages: 178
MessageSujet: Re: [Photoshop] Création d'une Barre de navigation ~ Facile   Lun 10 Mar - 17:12

Désolé du double post mais si j'avait édité,personne n'aurai vu ma question:
Comment faire pour que lorsque l'on reçoit un MP,la barre de navigation à l'endroit où y a écrit MP,elle clignote ou elle soit en rouge?
Revenir en haut Aller en bas
Invité
Invité
MessageSujet: Re: [Photoshop] Création d'une Barre de navigation ~ Facile   Lun 10 Mar - 17:17

Normalemnt tu doit avoir 2 champs dans ton administration

Message et nouveau message ou quelque chose du style.

J'esssaierais d'avoir un forum de test xooit.. pour aider^^

Pour les tutos d'aide technique ils seront dans le forum aide technique Very Happy
Revenir en haut Aller en bas
Julie313
Pubeur
Inscrit le: 13/02/2008
Messages: 178
MessageSujet: Re: [Photoshop] Création d'une Barre de navigation ~ Facile   Lun 10 Mar - 17:19

Roby a écrit:
Normalemnt tu doit avoir 2 champs dans ton administration

Message et nouveau message ou quelque chose du style.

J'esssaierais d'avoir un forum de test xooit.. pour aider^^

Pour les tutos d'aide technique ils seront dans le forum aide technique Very Happy


Merci,mais je sais pas où il faut aller pour mettre les liens où les modifier,j'ai demandé sur xooit et je pense que c'est à cet endroit qu'il y aura un truc spécial pour les nouveaux messages et un truc spécial pour pas de nouveaux messages
Revenir en haut Aller en bas
Invité
Invité
MessageSujet: Re: [Photoshop] Création d'une Barre de navigation ~ Facile   Lun 10 Mar - 17:26

J'ai cherche dans le paneau d'admin mais il n'y a pas d'image pour les nouveaux MPs...

Désolé tu a plus qu'a aattendre la réponse de Xooit
Revenir en haut Aller en bas
Julie313
Pubeur
Inscrit le: 13/02/2008
Messages: 178
MessageSujet: Re: [Photoshop] Création d'une Barre de navigation ~ Facile   Lun 10 Mar - 17:54

Merci quand même
Revenir en haut Aller en bas
 

[Photoshop] Création d'une Barre de navigation ~ Facile

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Barre de navigation
» Personnaliser la barre de navigation
» Cracker sa psp V6.35 rien de plus facile!
» Faire un Userbar [tuto Photoshop]
» Adobe Photoshop CS5 Multilanguage + Patch/Keygen

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Coin Pub :: Nos Services :: Service Graphique :: Tutoriels-