Запустіть Photoshop і відкрийте зображення, яке ви хочете перетворити на карту зображень. Натисніть і утримуйте інструмент «Обрізати», щоб відобразити меню з іншими інструментами. Натисніть інструмент «Зріз», щоб вибрати його.
Клацніть точку всередині зображення та перетягніть інструмент «Зріз», щоб намалювати обмежувальну рамку навколо тієї частини зображення, яку потрібно зробити клікабельною. Photoshop малює додаткові «автоматичні зрізи» навколо інших частин зображення. Ці автоматичні фрагменти гарантують, що всі частини зображення включені в фрагмент.
Клацніть правою кнопкою миші всередині створеного фрагмента та виберіть «Редагувати параметри фрагмента», щоб відкрити вікно Параметри фрагмента. Введіть URL-адресу, яку потрібно пов’язати з фрагментом. Ви також можете замінити ім’я за замовчуванням, яке Photoshop дав фрагменту, ввівши нове в текстовому полі «Ім’я».
Натисніть «ОК», щоб закрити вікно параметрів фрагмента та повернутися до зображення. Клацніть іншу точку всередині зображення та перетягніть інструмент «Зріз», щоб створити додаткові фрагменти, якщо потрібно.
Виберіть «Інструмент вибору фрагментів» на панелі інструментів і клацніть всередині фрагмента, який потрібно перемістити.
Утримуючи ліву кнопку миші, перетягніть фрагмент у нове місце.
Утримуйте курсор миші над одним із країв фрагмента, і з’явиться лінія зі стрілками на кожному кінці. Клацніть цей рядок, утримуйте ліву кнопку миші та перетягніть мишу, якщо вам потрібно збільшити або зменшити фрагмент.
Натисніть «Файл», а потім «Зберегти для Інтернету», щоб відкрити вікно «Зберегти для Інтернету».
Натисніть «Попередні налаштування» та виберіть один із варіантів типу файлу, що з’явиться. Варіанти включають GIF 128 Dithered, JPEG High та PNG-24.
Натисніть «Зберегти», щоб відкрити вікно з файлами та папками вашого жорсткого диска. Перейдіть до папки, в якій потрібно зберегти файли карти зображень, і введіть назву для карти зображення в текстовому полі «Ім’я файлу».
Натисніть спадне меню «Формат» і виберіть «HTML та зображення». Натисніть «Зберегти», щоб зберегти всі файли у вказану папку.
Photoshop зберігає кожен фрагмент як окреме зображення в папці зображень. Програма також зберігає HTML-документ, ім’я якого збігається з ім’ям, яке ви ввели в текстовому полі «Ім’я файлу». Якщо ви знайшли цей HTML-файл у Провіднику і двічі клацніть файл, ваш браузер відкриється та відобразить вашу карту зображення. Клацніть різні частини карти зображення, щоб перейти до URL-адрес, які ви призначили фрагментам. Наприклад, якщо ви розділили карту США на штати, створивши фрагмент для кожного штату, ви можете клацнути стан, щоб перейти до URL-адреси, призначеної для цього фрагмента.
Дайте фрагментам значущі назви, і вам буде легше їх ідентифікувати, якщо ви коли-небудь захочете змінити HTML-код, згенерований Photoshop. Наприклад, якщо ви створили фрагмент, який оточує штат Айова, ви можете назвати цей фрагмент Айова.
Можливо, вам захочеться зберегти зображення карти зображень у тому ж форматі, що й вихідне зображення. Наприклад, якщо це JPEG, виберіть один із параметрів JPEG зі спадного меню Preset у вікні Зберегти для Інтернету. Виберіть, наприклад, «JPEG Low», і Photoshop створить зображення JPEG низької якості. Чим нижча якість зображення, тим швидше воно завантажується у веб-браузері.
Ця стаття стосується Adobe Photoshop CC, версія 2014. Деякі відомості можуть відрізнятися в інших версіях програмного забезпечення.
