[image ready]menu deroulant

Menu déroulant
ImageReady CS2

Difficulté:

Description:Réaliser un menu déroulant interactif avec ImageReady.

ÉTAPE 1:.


Créez un nouveau document. J'ai choisi 300 x 300 pour l'exemple, mais évidemment le format est à adapter à votre idée de départ.



Dans ce nouveau document, créez un repère (ctrl+R pour afficher les
règles) en haut de votre document. Il vous servira à positionner les
éléments de votre menu. Vous pouvez ajouter un fond de la couleur que
vous souhaitez (conseillée: celle de votre site!)



ÉTAPE 2:.

Prenez votre modèle de menu, ou créez-le. L'essentiel est que ce
premier élément du menu déroulant présente deux calques, dont un texte
modifiable. Disposez ce premier élément contre le repère.



Créez un groupe de calques que vous nommez "élément1" et dans
lequel vous glissez votre calque avec le premier élément et votre
calque texte.



Dupliquez deux fois votre groupe (ou plus si nécessaire): la touche
alt maintenue vous permet de déplacer-dupliquer vos calques. Renommez
ces groupes pour plus de clarté, et dans chaque groupe, changez votre
texte.



Vous pouvez fusionner vos groupes une fois que vous êtes sûr de ne
plus modifier vos textes. Mettez votre 1er élément en 1er plan, votre 2
nd élément, etc. Enfin, organisez-les et cachez les éléments 2 et 3.



ÉTAPE 3:.

Dans la palette Contenu web, créez un nouvel état de transformation par souris.



Par défaut, laissez l'option "Par dessus".


ÉTAPE 4:.

Rendez-vous dans la palette Animation, puis créez un nouvel état.



Ensuite, faites apparaître votre calque nommé "élément2": il apparaît dans votre nouvel état d'animation.



Créez un nouvel état dans lequel vous faites apparaître le 3ème calque. Par défaut, laissez le délai de lecture à 0 sec.

Enfin, appliquez cette animation une fois.



ÉTAPE 5:.

Voici le moment de la vérification et de l'export.

Tout d'abord, allez dans Fichier > Aperçu dans... et
choisissez-y votre navigateur. Bonheur, vous avez même le code source
qui apparaît. Si ça marche, tant mieux, si ça ne fonctionne pas,
reprenez les étapes.

enfin, vous pouvez exporter. Cette exportation se fait
nécessairement en html et images, sinon votre animation ne sera pas
visible: faites Fichier > Enregister une copie optimisée sous ou
ctrl+shift+alt+S.



Votre menu est terminé