Создание карты (map) для ссылок в Photoshop

clip_image001

Для следующего поста «Создание ссылок на участках изображения: карта (map) ссылок» создам несложную картинку-карту с участками-ссылками на ней. В результате получится, как на рисунке внизу

Вариантов может быть стотыщмильёнов, например, ниже показаны два рисунка: первый — из одного поста, а второй сделан самостоятельно за 39,5 секунды!

clip_image003

Но сейчас я просто подготовлю элементарную навигационную «карту ссылок» для следующего поста.

1. Начало

Сначала стырил изображение эпиграфа из сообщества.

clip_image004

Для удобства «ориентации на плоскости» иногда полезно включать функции: «линейка» (Ctrl + R) и изредка — «решетка» (Ctrl + ‘).

Примечание: находится на одной клавише с русской буквой Э возле Enter

2. Создание слоев для ссылок

На палитре инструментов выбрал Прямоугольное выделение (Rectangular Marquee Tool) — Ctrl + M

clip_image005

Выделил участок изображения под будущую ссылку (с названием «Профиль»)

clip_image006

Скопировал выделение на новый слой: в главном меню — Слой — Новый — Слой через копирование (Layer — New — Layer via Copy) — Ctrl + J

Для снятия выделений используется комбинация клавиш — Ctrl + D

Делаю еще одно выделение для ссылки (с названием «Дневник»). Важно! Не забыл перейти (кликнуть или Alt + [ ) на нижний слой — выделяю-то именно на нем!

clip_image007

Это выделение немного «извращу»! Клик правой клавишей мыши на нем — «Трансформация выделения» (Transform Selection). Слегка поворачиваю прямоугольник, «ухватив» его за уголок. Нажимаю Enter.

Копирую выделение на новый слой — Ctrl + J — и снимаю выделение — Ctrl + D

clip_image008

Следующее выделение для разнообразия делаю круглым. Инструмент Эллипс (Elliptical Marquee Tool) находится там же, где и Прямоугольник (Rectangular Marquee Tool) — необходимо нажать на кнопочку и удерживать пару мгновений, затем выбрать из выпадающего меню.

Выделяю участок под ссылку (с названием «Уроки Photoshop»). Для того, чтобы «эллипс» был «кругом», при выделении удерживаю нажатой клавишу Shift. Ctrl + J и Ctrl + D

clip_image009

3. «Украшение» слоев для ссылок

Для зрительного выделения участков под будущие ссылки применяю к ним эффекты.

Двойной клик на слое в палитре слоев вызывает меню опций смешивания (blending mode). Открыть окно опций можно также в главном меню: Слой — Стиль (эффекты) слоя — Опций смешивания (Layer — Layer Style — Blending Mode).

Не мудрствуя лукаво, отмечаю Падающую тень (Drop Shadow) и Внутреннюю тень (Inner Shadow). И получил такую картинку:

clip_image010

Применяю такие же (или не такие же) эффекты к оставшимся двум другим слоям (эффекты слоя можно копировать и применять к другим — но в данном случае эффектов мало, и проще поочередно применить их к каждому слою).

4. Надписи

Подписываю ссылки: для порядка каждый раз перехожу на слой, соответствующий надписи (чтобы слой с текстом располагался над слоем с относящейся к надписи «ссылкой»).

clip_image011

Результат:

А) Сохраняю в формате *.JPG на компьютере…

или…

Б) Объединяю слои для дальнейшей работы, «не выходя из образа»! Для объединения ВСЕХ слоев — нажимаю Ctrl + E

clip_image012

Для чего я все это делал, написано в следующем посте «Создание ссылок на участках изображения: карта (map) ссылок«.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.