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

Использование слоев

Нам уже известны трудности, связанные с выделением отдельных фрагментов изображений. И если такая работа проведена, то хоте­лось бы иметь возможность осуществлять различные манипуля­ции с фрагментом, не прибегая к его повторному выделению. Кроме того, если фрагмент уже занял определенное место на изо­бражении, то повторное его перемещение не должно приводить к искажению фрагмента, находящегося под ним. Эти и многие дру­гие задачи могут быть решены с использованием слоев.

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

Каждая строка в палитре Layers (Слои) содержит информацию о конкретном слое изображения. Левое поле в каждой строке по­зволяет управлять видимостью данного слоя. Наличие пикто­граммы с изображением глаза говорит о видимости слоя, отсут­ствие пиктограммы — о его невидимости. Щелкнув мышью по полю, можно изменить видимость слоя.

Правое поле является индикатором активности слоя и служит для связывания слоев. Если в нем расположена пиктограмма с изображением кисти, то слой активен. Чтобы слой сделать ак­тивным, нужно щелкнуть мышкой по его имени. На активность слоя также указывает изменение цвета имени слоя и фона, на котором оно располагается. Для связывания слоев один из них нужно сделать активным и щелкнуть мышкой по соответству­ющему полю другого слоя, после чего в нем появится пикто­грамма с изображением цепи. Таким образом, можно связать сразу несколько слоев. Повторным щелчком цепь удаляется, и слой выпадает из связки. Перемещая один из связанных слоев, мы будем наблюдать перемещение и остальных слоев из связки.

Далее в строке слоя располагается уменьшенная копия изобра­жения слоя (миниатюра) и название слоя. Обращает на себя внимание, что один из слоев называется Background, тогда как остальные слои по умолчанию именуются Layer с указанием но­мера. Дело в том, что слой Background (Фон) по своим свойст­вам отличается от остальных слоев. Он всегда располагается ни­же других слоев и не может иметь прозрачных фрагментов. Кроме того, его невозможно перемещать в окне рисунка. Чтобы снять с него все ограничения, его достаточно переименовать. Любое другое имя, присвоенное этому слою, делает его обыч­ным.

Для переименования слоя Background (Фон) нужно дважды щелкнуть по его имени и открыть диалоговое окно New Layer (Создать слой). В строке Name (Имя) следует указать новое имя слоя. В списке Color (Цвет) выбрать цвет, которым будут окра­шены поля этого слоя в палитре (None — цвет по умолчанию).

В списке Mode (Режим) выбирается режим взаимодействия пик­селей слоя с пикселями нижележащих слоев (рекомендуется Normal). В поле Opacity (Непрозрачность) можно установить степень непрозрачности слоя (100 % — полная непрозрачность).

Возможно переименование и обычного слоя, для этого доста­точно дважды щелкнуть по его имени и ввести новое.

Обычный слой можно преобразовать в слой Background (Фон). Для этого слой нужно выделить и воспользоваться командой меню Layer | New | Background from Layer (Слой | Создать | Фон из слоя).

Порядок следования слоев можно менять. Таким образом, можно менять положение находящихся в слоях объектов относительно друг друга, располагая одни поверх других или наоборот. Проще всего это делается перетаскиванием слоя. Для этого следует указа­тель мыши установить над именем слоя, нажать левую кнопку мыши и, не отпуская ее, перетащить слой вверх или вниз.

Перетащить слой можно и на другое изображение. После нажа­тия левой кнопки над именем слоя указатель мыши переместить над другим изображением и отпустить кнопку. В палитре Layers (Слои) другого изображения появится копия перемещаемого слоя. Это не единственный способ создания копии слоя в дру­гом изображении. Сделав слой активным и включив инструмент Move Tool (Перемещение), можно нажать левую кнопку мыши непосредственно над копируемым изображением и после пере­мещения указателя на другое изображение отпустить кнопку. Для этой же цели можно использовать команду Duplicate Layer (Копия слоя) меню палитры Layers (Слои), которое открывается щелчком по круглой кнопке с изображением треугольной стрел­ки в правом верхнем углу палитры. Откроется одноименное диа­логовое окно, в котором можно задать имя слоя. Раскрыв спи­сок Document (Документ) можно выбрать имя документа, для которого предназначена копия. В списке содержатся имена от­крытых файлов и команда New (Создать) для расположения ко­пии слоя в новом документе.

Создать новый слой можно, воспользовавшись кнопкой Create а new layer (Создание нового слоя) в правой нижней части палит­ры или используя команду New Layer (Создать слой) меню па­литры. В первом случае будет создан новый слой с прозрачным фоном, во втором — откроется диалоговое окно New Layer (Соз­дать слой), содержимое которого было описано выше.

Удалить слой позволяет кнопка Delete Layer (Удалить слой) (правая в нижней части палитры) или команда Delete Layer (Удалить слой) меню палитры.

В верхней части палитры Layers (Слои), кроме списка режимов взаимодействия пикселей слоев, в котором рекомендуется выбрать Normal, располагается поле Opacity (Непрозрачность). Изменяя значение данного поля (вводя новые значения или перемещая пол­зунок после щелчка по треугольной стрелке), можно регулировать степень прозрачности изображения выделенного слоя (100 % — полная непрозрачность). Там же располагаются 4 кнопки, объеди­ненные общим названием Lock (Запрет). Установив соответствую­щий флажок, можно запретить (слева направо): изменение про­зрачных областей, изменение рисунка рисующими инструментами, перемещение слоя, все перечисленные изменения.

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

Примеры использования динамических фильтров

Одновременное использование нескольких фильтров применительно к различным изображениям Сформулируем задачу следующим образом. В момент загрузки страницы начинают появляться три изображения с использова­нием разных эффектов, а через 3 с возникают еще …

Описание динамических фильтров

Рассмотрим виды динамических фильтров, а также примеры их применения. О Barn (motion=3Ha4eHne, orientation=3Ha4eHne, duration= значение) — создает эффект вертикальных (orientation= vertical) или горизонтальных (orientation=horizontal) за­дергивающихся (motion=in) ИЛИ раскрывающихся (motion=out) штор. …

Динамические фильтры (переходы)

Динамические фильтры часто называют переходами. Такое на­именование не случайно. С одной стороны, в документе они описываются аналогично статическим фильтрам, хотя и требуют для управления дополнительной программы на JavaScript (впро­чем, управляющая …

Как с нами связаться:

Украина:
г.Александрия
тел./факс +38 05235  77193 Бухгалтерия

+38 050 457 13 30 — Рашид - продажи новинок
e-mail: msd@msd.com.ua
Схема проезда к производственному офису:
Схема проезда к МСД

Партнеры МСД

Контакты для заказов оборудования:

Внимание! На этом сайте большинство материалов - техническая литература в помощь предпринимателю. Так же большинство производственного оборудования сегодня не актуально. Уточнить можно по почте: Эл. почта: msd@msd.com.ua

+38 050 512 1194 Александр
- телефон для консультаций и заказов спец.оборудования, дробилок, уловителей, дражираторов, гереторных насосов и инженерных решений.