From the course: Illustrator for the In-House Designer
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Create a usable image map - Illustrator Tutorial
From the course: Illustrator for the In-House Designer
Create a usable image map
- [Instructor] As if SVG wasn't good enough already with its scalability and also its ability to be addressed by things like JavaScript and CSS, there's a way inside of Illustrator that you can actually create some interactivity really simply and its kind of resurrecting something that had fallen by the wayside and that is an image map, clickable regions on a graphic and because this is vector, they will conform to the geometry of the shape. Probably easier if I show you that this small chart here divided into three sections is going to link through to my social. So what I'm going to do is go up to the Window menu and come down to the Attributes panel here and then open that up fully to expand it, so click on the fly-out and choose Show All. And then what I need to do is target the slice that I want to work with, you'll see that I've actually already populated the other two and change the map here to polygon and then just drop a URL in here and so I'm just putting in…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Digital color considerations2m 11s
-
(Locked)
Working with artboards2m 1s
-
(Locked)
Layer and object naming1m 39s
-
(Locked)
Working with Asset Export2m 14s
-
(Locked)
Using symbols and libraries2m 7s
-
(Locked)
Image formats2m 53s
-
(Locked)
SVG4m 36s
-
(Locked)
SVG interactivity in Illustrator2m 44s
-
(Locked)
Create a usable image map2m 29s
-
-
-
-