2010-09-30 37 views
8

J'ai un fichier illustrateur vectoriel avec tous les comtés de Californie en tant que chemins distincts. Je dois avoir ces comtés être des liens vers d'autres pages en ligne. existe-t-il un moyen de générer automatiquement un imagemap html à partir de ce fichier? Illustrator fournit une exportation en tant que fonction jpg avec des options pour les formes d'imagemap polygonales, mais cela ne fonctionne pas.illustrateur carte à imagemap automatiquement? ou y a-t-il un meilleur moyen?

alternativement, avez-vous un avis sur l'utilisation de ces jours de imagemaps du tout et si je dois aborder cette autre façon.

oui, je sais que je pourrais le faire en flash, mais je veux éviter cela.

merci!

+0

Je ne connais pas grand-chose aux imagemaps, mais voici un moyen de rendre les zones de votre image interactives. http://stackoverflow.com/questions/3479361/how-to-create-an-image-with-hoverable-areas-that-show-additional-information-in/3479738#3479738 –

Répondre

10

Vous pouvez utiliser le panneau Attributs pour définir un lien sur chaque chemin, puis utilisez Enregistrer pour le Web et les périphériques à enregistrer en tant que HTML ou HTML + Image - qui crée une hyperimage dans le fichier HTML.

+0

merci, bon à savoir! – liz

+1

Notez que ce type de travail a cessé de fonctionner dans Illustrator CC (ou peut-être dans CS5 déjà) - la possibilité d'enregistrer un fichier HTML a disparu, mais il affichera toujours le code HTML sur l'aperçu (bouton en bas à gauche de Save for Web et appareils). – LHMathies

+1

Remarque: sur Illustrator CC 2014, les paramètres imagemap sont masqués dans le panneau des attributs. Il y a une petite icône de menu dans le panneau, qui vous permet d'afficher les paramètres de la carte imagemap. – malisokan

3

En plus de LHMathies réponse s'il vous plaît noter que le chemin dans Illustrator ne doit pas être un chemin composé afin d'utiliser la forme « Polygon ». La sortie HTML d'un chemin composé donnera une forme "rectangle".

Pour convertir un chemin composé à un chemin simple clic droit sur le chemin et sélectionnez Chemin composé de sortie.

+0

Bon point à retenir! – bgmCoder

0

Ah, je cherchais cette solution, et grâce à la réponse de LHMathies ci-dessus, et aux conseils de ryandoss, j'ai élaboré un mini-tutoriel complet, que j'ai mis dans ce other SO thread.

j'ai pu créer un hyperimage à partir d'un fichier Photoshop en quelques minutes.