Техника Web-дизайна для студента

Объединение слоев

Объединение слоев может применяться к различным слоям, но мы рассмотрим только объединение изображения с текстом. В результате объединения изображение сохранится только в пределах символов текста. Текстовый слой необходимо распола­гать под тем графическим слоем, с которым предстоит объеди­нение. Так как слой Background (Фон) всегда располагается ни­же других слоев, то осуществлять объединение можно только с копией слоя Background (Фон) или другим обычным слоем.

Пример объединения слоев

Рассмотрим технику объединения слоев.

□ Откроем изображение размером 300 х 200 рх, используя ко­манду Open (Открыть) меню File (Файл).

□ Выберем инструмент Horizontal Туре (Горизонтальный текст) и установим параметры: гарнитура шрифта Monotype Corsiva, размер шрифта 72 pt, сглаживание Crisp (Четкое), цвет шриф­та черный.

□ На рисунке поместим букву "П".

О Выбрав инструмент Move Tool (Перемещение) и установив на панели параметров флажок Show Bounding Box (Показать маркеры) увеличим размер буквы до размера изображения.

О Применим к тесту эффект Bevel and Emboss (Фаска и рельеф).

О Создадим копию слоя Background (Фон) и в палитре Layers (Слои) и мышью поместим ее над текстовым слоем.

□ Установим указатель мыши между текстовым слоем и слоем Background сору и нажмем клавишу <Alt>, при этом указа­тель изменит свой вид. После щелчка мышью произойдет объединение слоев. Внешний вид палитры Layers (Слои) по­сле объединения показан на рис. 3.21.

На рис. 3.22 представлен результат объединения на фоне слоя Background (Фон). Возможно, что для практических целей такой вариант представляет даже больший интерес, чем только резуль­тат объединения, который можно увидеть, сделав слой Back­ground (Фон) невидимым.

Таким образом, объединение текстового слоя с изображением можно широко использовать при создании кнопок, разделов меню и логотипов для HTML-документов.