Для следующего поста "Создание ссылок на участках изображения: карта (map) ссылок" создам несложную картинку-карту с участками-ссылками на ней. В результате получится, как на рисунке внизу
[640x367]
Вариантов может быть стотыщмильёнов, например, ниже — два рисунка: первый — из поста
_LexIncorp_, второй — сделал сам за 39,5 секунд :)
[300x200]
Но сейчас я просто подготовлю элементарную навигационную "карту ссылок" для следующего поста.
1. Начало
Сначала стырил изображение эпиграфа из сообщества...
[500x287]
Для удобства "ориентации на плоскости" иногда полезно включать функции: "линейка" (Ctrl + R) и изредка — "решетка" (Ctrl + ').
Примечание: ' находится на одной клавише с русской буквой Э возле Enter :)
2. Создание слоев для ссылок
На палитре инструментов выбрал Прямоугольное выделение (Rectangular Marquee Tool) — Ctrl + M
[78x420]
Выделил участок изображения под будущую ссылку (с названием "Профиль")
[571x353]
Скопировал выделение на новый слой: в главном меню — Слой — Новый — Слой через копирование (Layer — New — Layer via Copy) — Ctrl + J
Для снятия выделений используется комбинация клавиш — Ctrl + D
Делаю еще одно выделение для ссылки (с названием "Дневник")
Важно! Не забыл перейти (кликнуть или Alt + [ ) на нижний слой — выделяю-то именно на нем :)
[571x353]
Это выделение немного "извращу" :)
Клик правой клавишей мыши на нем — "Трансформация выделения" (Transform Selection)
Слегка поворачиваю прямоугольник, "ухватив" его за уголок. Нажимаю Enter
Копирую выделение на новый слой — Ctrl + J — и снимаю выделение — Ctrl + D
[227x370]
Следующее выделение для разнообразия делаю круглым.
Инструмент Эллипс (Elliptical Marquee Tool) находится там же, где и Прямоугольник (Rectangular Marquee Tool) — необходимо нажать на кнопочку и удерживать пару мгновений, затем выбрать из выпадающего меню
Выделяю участок под ссылку (с названием "Уроки Photoshop"). Для того, чтобы "эллипс" был "кругом", при выделении удерживаю нажатой клавишу Shift. Ctrl + J и Ctrl + D
[571x375]
3. "Украшение" слоев для ссылок
Для зрительного выделения участков под будущие ссылки применяю к ним эффекты.
Двойной клик на слое в палитре слоев вызывает меню опций смешивания (blending mode). Открыть окно опций можно также в главном меню: Слой — Стиль (эффекты) слоя — Опций смешивания (Layer — Layer Style — Blending Mode).
Не мудрствуя лукаво, отмечаю Падающую тень (Drop Shadow) и Внутреннюю тень (Inner Shadow)
Получил такую картинку
[571x353]
Применяю такие же (или не такие же…) эффекты к оставшимся двум другим слоям (эффекты слоя можно копировать и применять к другим — но в данном случае эффектов мало, и проще поочередно применить их к каждому слою)
4. Надписи
Подписываю ссылки: для порядка каждый раз перехожу на слой, соответствующий надписи (чтобы слой с текстом располагался над слоем с относящейся к надписи "ссылкой")
[227x370]
Результат:
А) Сохраняю в формате *.JPG на компьютере или
Б) Объединяю слои для дальнейшей работы, "не выходя из образа" :) Для объединения ВСЕХ слоев — нажимаю Ctrl + E
[571x353]
Для чего я все это делал — в следующем посте "Создание ссылок на участках изображения: карта (map) ссылок".
Источник: http://bravedefender.ru/post93480094/#ixzz3634aZzKa