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



 

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



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

1. Начало

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


Для удобства "ориентации на плоскости" иногда полезно включать функции: "линейка" (Ctrl + R) и изредка - "решетка" (Ctrl + ').
Примечание: ' находится на одной клавише с русской буквой Э возле Enter :)


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

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


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


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


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

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


Это выделение немного "извращу" :)
Клик правой клавишей мыши на нем - "Трансформация выделения" (Transform Selection)


Слегка поворачиваю прямоугольник, "ухватив" его за уголок. Нажимаю Enter


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


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


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


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

Для зрительного выделения участков под будущие ссылки применяю к ним эффекты.
Двойной клик на слое в палитре слоев вызывает меню опций смешивания (blending mode). Открыть окно опций можно также в главном меню: Слой - Стиль (эффекты) слоя - Опций смешивания (Layer - Layer Style - Blending Mode).
Не мудрствуя лукаво, отмечаю Падающую тень (Drop Shadow) и Внутреннюю тень (Inner Shadow)


Получил такую картинку


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

4. Надписи

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


Результат:
А) Сохраняю в формате *.JPG на компьютере или
Б) Объединяю слои для дальнейшей работы, "не выходя из образа" :) Для объединения ВСЕХ слоев - нажимаю Ctrl + E


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