AccueilPortailFAQRechercherS'enregistrerMembresGroupesConnexion

Partagez | 
 

 Comment créer rapidement un menu interactif ?

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
rehincarnation
fondateur
avatar

Masculin Nombre de messages : 1549
Age : 24
Votre niveau graphique : a vous de juger !
Logiciel(s) utilisé(s) : photoshop CS2 , image ready CS2.
Date d'inscription : 03/12/2006

MessageSujet: Comment créer rapidement un menu interactif ?   Ven 15 Déc - 15:33

bonjour;
je vais vous presentez l'une des façons de creer une banniere ou autres interractif (flash)

alors :

1 - Créez deux boutons avec l'outil de forme vectorielle sur un document vierge de Photoshop. Personnalisez leur esthétique avec les effets de calque, ici une ombre portée et un estampage, puis une couleur de fond, ici, rose. Dupliquez chacun de ces calques afin de créer l'état activé.

2 - Pour le différencier de l'état normal, nous optons pour un changement de couleur de fond, ici un bleu violet. N'oubliez pas de titrer vos boutons à l'aide de l'outil Texte . Cliquez sur le bouton de bascule vers Image Ready située au bas de la palette d'outils de Photoshop.

3 - Sélectionnez l'outil Tranche de la palette d'outils d'Image Ready et découpez l'image de manière à encadrer au plus près les deux boutons. Le but : optimiser le poids de l'objet en prévision de son exportation vers un site Web. Maintenez le clic sur l'outil Tranche pour sélectionner l'outil Sélection de Tranche . Cliquez ensuite sur le premier bouton.

3 - Affichez la fenêtre Transformation par souris et choisissez Nouvel état . Un calque nommé État par-dessus apparaît. Dans la palette des calques, masquez le calque de fond du bouton 1 et faites apparaître l'état activé de couleur bleue. Dans la fenêtre Tranche , indiquez dans le champ URL l'adresse de la page qui sera affichée sur clic du visiteur. Dans le champ cible, indiquez comment cette page sera affichée, dans notre exemple, _blank pour ouvrir cette page dans une nouvelle fenêtre.

3 - Répétez l'ensemble de ces opérations pour chaque bouton. Cliquez sur l'onglet Optimisée afin d'ajuster les options de compression des images. Au besoin, modifiez dans la palette Optimiser .

4 - Vous pouvez tester le fonctionnement de votre menu en cliquant sur l'icône de votre navigateur dans la palette d'outils, Safari par exemple.

5 - Terminez en choisissant Enregistrer une copie optimisée sous... dans un nouveau dossier. Une page index.html et un sous-dossier images sont alors créés et prêts à être enrichis avant de les incorporer à un site Web Web.

dite moi ce que vous en penssez ?


tuto. redigé par rehincarnation et corrigé par son correcteur d'orthographe

by B.iseni © (by mastergraph)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mastergraph.graphforum.com
TuRiX
admin
admin
avatar

Masculin Nombre de messages : 918
Age : 24
Date d'inscription : 25/08/2006

MessageSujet: Re: Comment créer rapidement un menu interactif ?   Ven 15 Déc - 18:45

sa serait bien de donner des image
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
rehincarnation
fondateur
avatar

Masculin Nombre de messages : 1549
Age : 24
Votre niveau graphique : a vous de juger !
Logiciel(s) utilisé(s) : photoshop CS2 , image ready CS2.
Date d'inscription : 03/12/2006

MessageSujet: Re: Comment créer rapidement un menu interactif ?   Ven 15 Déc - 20:37

oui j'ai pas pris le temp dans mettre desoler je vais vous faire sa
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mastergraph.graphforum.com
Contenu sponsorisé




MessageSujet: Re: Comment créer rapidement un menu interactif ?   

Revenir en haut Aller en bas
 
Comment créer rapidement un menu interactif ?
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
.::Master graph::. :: Tutoriaux :: Photoshop-
Sauter vers: