2010-09-30 7 views
8

Ich habe eine Vektor-Illustrator-Datei mit allen Grafschaften von Kalifornien als eigenständige Pfade. Ich muss diese Grafschaften Links zu anderen Seiten online haben. Gibt es eine Möglichkeit, aus dieser Datei automatisch eine HTML-Imagemap zu generieren? Illustrator bietet einen Export als JPG-Funktion, die Optionen für polygonale Imagemap-Formen hat, aber es funktioniert nicht.Illustrator Karte zu Imagemap automatisch? oder gibt es einen besseren Weg?

alternativ hast du eine meinung über die nutzung dieser tages von imagemaps überhaupt und ob ich das anders angehen sollte.

Ja, ich weiß, ich könnte dies in Flash tun, aber ich möchte das vermeiden.

danke!

+0

Ich weiß nicht viel über Imagemaps, aber hier können Sie Bereiche Ihres Bildes interaktiv gestalten. http://stackoverflow.com/questions/3479361/how-to-create-an-image-with-behebbare-areas-that-show-additional-information-in/3479738#3479738 –

Antwort

10

Sie können im Bedienfeld Attribute eine Verknüpfung für jeden Pfad festlegen und dann Speichern für Web und Geräte als HTML oder HTML + Bild speichern - das erstellt eine Imagemap in der HTML-Datei.

+0

danke, gut zu wissen! – liz

+1

Beachten Sie, dass diese Art der Arbeit in Illustrator CC (oder vielleicht bereits in CS5) nicht mehr funktioniert - die Möglichkeit zum Speichern einer HTML-Datei ist verschwunden, aber der HTML-Code wird weiterhin in der Vorschau angezeigt (Schaltfläche unten links von Save for Web) und Geräte). – LHMathies

+1

Hinweis: In Illustrater CC 2014 sind die Imagemap-Einstellungen im Attributfeld ausgeblendet. Es gibt ein kleines Menüsymbol im Panel, mit dem Sie die Imagemap-Einstellungen anzeigen können. – malisokan

3

Neben LHMathies beachten Sie beantworten Sie bitte, dass der Pfad in Illustrator darf keine Verbindung Weg sein, um die „Polygon“ Form zu verwenden. Die HTML Ausgabe eines zusammengesetzten Pfades führt zu einer "Rechteck" -Form.

Um einen zusammengesetzten Pfad in einen einfachen Pfad zu konvertieren, klicken Sie mit der rechten Maustaste auf den Pfad und wählen Sie "Zusammengesetzten Pfad freigeben".

+0

Guter Punkt zum sich zu erinnern! – bgmCoder

0

Ah, ich war auf der Suche nach genau dieser Lösung, und dank LHMathies 'Antwort oben und ryandoss' Tipps habe ich ein komplettes Mini-Tutorial ausgearbeitet, das ich in diese other SO thread geschrieben habe.

Ich konnte eine Imagemap aus einer Photoshop-Datei in nur wenigen Minuten erstellen.