Как да направите карта с изображения чрез Photoshop

Стъпка 1

Отворете изображението, което ще използвате, за да създадете графичната си карта във Photoshop. Изображението вече трябва да бъде оптимизирано за интернет.

Стъпка 2

Осъществете достъп до компонента Image Ready на Photoshop, като натиснете "Shift-Ctrl-M" или като кликнете върху бутона "Редактирай в изображението" в долната част на инструментариума.

Стъпка 3

Натиснете бутона "P" или изберете иконата на инструмента "Картина на изображението" в стандартната кутия с инструменти за достъп до инструмента "Картина на изображения". Дръжте инструмента "Image Map" натиснат и ще видите правоъгълна, кръгова или многоъгълна форма. Изберете формата, която най-добре съответства на областта на изображението, която искате да използвате като активна точка.

Стъпка 4

С помощта на мишката кликнете върху изображението и маркирайте областта на активната точка, като кликнете и издърпате мишката. Когато пуснете бутона на мишката, Image Ready ще създаде нова активна точка на вашето изображение.

Стъпка 5

Отворете полето с опциите за карта на изображението, като кликнете върху падащото меню "Прозорец" и изберете "Карта на изображението". Използвайте опцията "Име", за да наименувате активната точка. Използвайте падащото меню "URL", за да маркирате местна страница или да въведете адреса на външна уеб страница, за да получите достъп през тази активна точка. Използвайте падащото меню "Дестинация", за да маркирате как ще се отвори външната ви връзка. Областта "Alt" ще съдържа текста, който се показва, когато курсорът на мишката е позициониран в тази активна точка.

Стъпка 6

Използвайте опциите "Размери" за фина настройка на позицията и размера на активната си точка. X и Y обозначават точното местоположение на активната точка с помощта на вертикалните и хоризонталните пиксели. W и H ви позволяват да определите размера на активната си точка с помощта на брой пиксели.

Стъпка 7

Повторете стъпки 4, 5 и 6 за всяка активна точка, която искате да създадете.

Стъпка 8

Натиснете "Ctrl-Shift-Alt-S" или изберете падащото меню "File" и изберете "Save optimized as". Въведете име на файл и се уверете, че в секцията "Запиши като тип" се показва "HTML и изображения". Кликнете върху "Запазване", за да завършите процеса на съхранение на файлове. Това създава HTML файл и свързана с него папка за изображения.

Стъпка 9

Кликнете върху новосъздадения HTML файл, за да тествате работата на новата ви картинна карта.