Для следующего поста "Создание ссылок на участках изображения: карта (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) ссылок".