Как создать гиперссылку в Photoshop?
Используя инструмент «Фрагмент» в Adobe Photoshop CC, вы можете превратить любое изображение или его часть в интерактивную гиперссылку. Подвох этой функции заключается в том, что для того, чтобы гиперссылка работала, вы должны сохранить изображение в виде файла HTML, а не в виде простого JPG или PNG. К счастью, эту функцию может использовать каждый, даже если вы не являетесь экспертом в программировании. Photoshop создает для вас HTML-код и встраивает изображение в формате, удобном для Интернета.
Шаг 1
Откройте любое изображение в Photoshop. В идеале это должно быть что-то достаточно большое, чтобы хорошо отображаться в веб-браузере. Выберите «Slice Tool» на панели инструментов. Если он не виден, нажмите и удерживайте правый нижний угол инструмента «Кадрирование» или другого видимого инструмента в его группе, а затем выберите «Инструмент «Разрез».
Шаг 2
Перетащите курсор на область, которую вы хотите сделать кликабельной. Чтобы создать одну гиперссылку на изображении, вы можете перетащить курсор на все изображение.
Шаг 3
Перетащите курсор инструмента «Срез» только на часть изображения, если вам нужно более одной гиперссылки. Отпустив кнопку мыши, вы можете создать второй фрагмент для следующей гиперссылки. При желании можно создать десяток и более гиперссылок на одно изображение.
Шаг 4
Дважды щелкните фрагмент с помощью инструмента «Фрагмент», чтобы открыть окно «Параметры фрагмента». Чтобы создать гиперссылку, вы должны ввести адрес веб-страницы в поле «URL». Хотя другие поля являются необязательными, использование имени поможет отличить одну ссылку от другой. Добавление «_blank» в поле «Цель» указывает, что ссылка должна открываться в новой вкладке веб-браузера. Поле Alt Tag — это текст, который отображается, если ваше изображение не отображается в неграфических браузерах или во время загрузки изображения. Поле «Текст сообщения» — это то, что браузер отображает вместо URL-адреса в строке состояния.
Шаг 5
Выберите «Сохранить для Интернета» в меню «Файл», как только ваши ссылки будут завершены. Выберите «PNG-24» или «JPG» в качестве предустановки, затем нажмите кнопку «Сохранить». Откройте меню «Формат» и выберите «HTML и изображения». Это изменяет формат файла на HTML. После того, как вы нажмете «Сохранить», Photoshop создаст одну HTML-страницу, используя изображение и созданные вами ссылки. Сам файл изображения сохраняется в папке «Изображения». Загрузите HTML-файл и папку с изображениями в один и тот же каталог на вашем веб-сайте с помощью вашего любимого FTP-клиента.
Совет
С помощью обычного текстового редактора, такого как Блокнот, вы можете редактировать код HTML-файла так же, как и любую веб-страницу. Например, если вы предпочитаете хранить изображения веб-сайта в другой папке, вы можете изменить указанную папку «/images» на любую выбранную вами папку, а затем переместить изображение в эту папку.
Вам не нужен Photoshop, чтобы добавить гиперссылку на изображение на веб-страницу или в сообщение электронной почты. Большинство почтовых программ включают функцию гиперссылки, обычно доступную, просто щелкнув изображение правой кнопкой мыши после его вставки в сообщение. Если вы загрузите изображение на свой веб-сайт, вы можете добавить его в качестве кликабельного изображения на любую страницу с помощью кода HTML5, например: