Sponsors

  • Donnez un coup de pouce au fofo :)
Index du forum (¯`·._.· Le p'tit coin graph... ·._.·´¯) Aide au graphisme Les tutos

|TOSHOP| Faire un Rollover

Tutos et aide pour se lancer :thup:

|TOSHOP| Faire un Rollover

Messagede Wolf71 le Mar 2 Oct 2007 09:53

Salut,

Rollover signifie (pour ceux qui ne le savent pas) changement d'etat.

Vous pouvez le faire sur un bouton par exemple.

Je vais, par ce tuto, essayer de vous apprendre comment le réaliser.

Je vais faire ce tuto sur du texte mais pour une image c'est exactement le même principe.

Créez 3 nouveau calques.
-1 pour l'état normal que vous nomerez "normal"
-1 pour l'état au passage de la souris que vous nomerez "passage"
-et 1 pour l'état quand on clique que vous nomerez "clik"

Voilà mes 3 images (elles sont ici dans 3 documents différents, vous elles seront dans un même document)

Image

Passez maintenat à image ready.

Sélectionnez l'outil tranche puis sur la fenetre tracé un cadre qui sera la zone cliquable (ici je prend la totalité de mon document)

Image

Vous devez avoir, dans la pallette des calques, seulement l'etat normal de visible.
la fenêtre de contenu web doit être là aussi.

Image

Dans la fenêtre de contenu web, cliquez sur créer un état de transformation par souris.
Cela va créer sous votre calque tranche un nouveau calque appelé "par dessus". Ensuite décocher votre image normale pui coché votre image de passage.

Image

Maintenant recliké sur "créer un état de transformation par souris".
Un nouveau calque appelé "état bas" apparait.
Double cliquez sur ce nouveau calque puis cochez "clic".
Ensuite décochez votre image "passage" puis coché l'image "clik".

Image

Faite maintenant Fenêtre=>tranche.
cela ouvrira une fenêtre dans laquelle vous n'avez plus qu'à remplir l'URL ou renverra votre bouton.

Il ne vous reste plus qu'a enregistrer (enregistrer une copie optimisée sous) ce rollover qui sera au format html, puis à l'uploader avec le dossier image via FTP.

Voilà le résultat.
(vous pouvez cliqué pour voir le changement mais je n'ai pas mis de lien)

Le Rollover c'est par Là
[center]Image
Share-War[/center]
Avatar de l’utilisateur
Wolf71
Posteur amateur
Posteur amateur
 
Messages: 28
Age: 29
Inscription: Lun 26 Mar 2007 16:59
Pays: France
Région: (71) Saône-et-Loire
Sexe: Homme
Situation: In love
Navigateur: Explorer
OS: Windows XP Pro

Retourner vers Les tutos

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité

cron