Создание и использование слоев в Adobe Muse

В приложении Muse имеется панель «Слои», которую можно использовать для упорядочения элементов на странице и систематизировать композиционные составляющие сайта. В данной статье представлены сведения о панели «Слои», а также стратегии упрощения процедуры обновления проектов.

Общие сведения о слоях

По умолчанию каждая страница сайта Muse содержит не менее одного именованного слоя. С помощью нескольких слоев можно создавать и редактировать определенные области страницы или содержимое определенного типа, не затрагивая другие области и избегая случайного изменения другого содержимого. Например, слои можно использовать для отображения содержимого на главной странице и сведений на боковой панели в одном и том же дизайне сайта. Также можно разместить содержимое, которое планируется обновлять редко, на одном слое, а материалы, которые будут обновляться довольно часто, — на другом слое той же страницы.

Представьте, что слои — это прозрачные листы, расположенные один над другим. Если слой не содержит объектов, сквозь него можно видеть объекты, содержащиеся на слоях, расположенных за ним.

Обратитесь к панели «Слои» и уделите время изучению порядка наложения слоев друг на друга.

В примере выше на слое «Слой 1» имеется текстовое поле с цифрой 1, на слое «Слой 2» аналогично находится цифра 2, а на слое «Слой 3» — цифра 3.

Элементы, помещенные на слой «Слой 3» (самый верхний), будут отображаться поверх элементов на слоях «Слой 2» и «Слой 1». Такое поведение аналогично порядку расположения, которое происходит при выделении объекта и выборе команды «Упорядочить» > «На передний план». За исключением случаев, когда элементы размещаются на определенных слоях, они упорядочены таким образом, который позволяет вам управлять порядком расположения групп элементов.

Чтобы изменить порядок расположения, можно выбрать слой и перетащить его, чтобы изменить его положение в списке слоев на панели «Слои». В этом примере слой «Слой 1» был перемещен в самый верх списка слоев на панели «Слои», а слой «Слой 3» — вниз.

На каждом слое можно разместить любое количество элементов, а порядок расположения элементов на каждом слое также позволяет определить, какой из них будет отображаться поверх остальных на странице или за ними.

С помощью слоев пользователь получает превосходную гибкость в управлении расположением элементов на страницах сайта Muse.

Использование слоев при создании сайтов в программе Muse

Даже если вы раньше работали со слоями в других приложениях, таких как программы для редактирования изображений, крайне важно понять принцип работы с ними в приложении Muse.

Развертывание и свертывание слоев. Слева от имени каждого слоя имеется треугольник. Если слой свернут, нажмите этот треугольник, чтобы развернуть содержимое слоя и просмотреть список объектов, а также порядок их расположения на этом слое для активной страницы. Слева от названий групп элементов, виджетов и их определенных частей также имеются треугольники, щелкнув которые можно развернуть эти элементы и просмотреть содержащиеся в них объекты. Можно изменять порядок расположения этих объектов, блокировать и разблокировать их, а также добавлять их в группы и исключать их из них. Для слоев, на которых нет объектов, такой треугольник отсутствует, поскольку они уже развернуты.

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

Слои содержат все страницы сайта, включая шаблоны. Например, если скрыть слой 1 во время редактирования домашней страницы сайта, содержимое такого слоя будет скрытым на всех страницах до тех пор, пока он не будет снова отображен.

Обзор панели «Слои»

Панель «Слои» представляет собой довольно функциональный инструмент и включает много полезных возможностей, которые позволят сделать работу по созданию сайта более эффективной. Уделите время ознакомлению с основными ее функциями.

• Создание новых слоев
• Задание параметров слоя
• Добавление объектов в слои
• Выделение, перемещение и копирование объектов в слоях
• Вставка объектов в различные слои
• Создание дубликата слоя
• Изменения порядка размещения слоев
• Отображение и скрытие слоев и объектов
• Блокировка и снятие блокировки слоев
• Удаление слоев
• Объединение слоев в документе

Эти функции более подробно описаны в разделах ниже. На рисунке ниже обозначены ключевые элементы панели «Слои».

Создание новых слоев

Чтобы добавить слой, можно в любое время нажать кнопку «Новый слой» в нижней части панели «Слои». Количество слоев, которые может содержать документ, ограничено только объемом оперативной памяти, доступной для Muse. Добавляемые слои всегда будут отображаться в верхней части списка слоев на панели, однако их всегда можно перетащить в нужное место.

Чтобы создать слой, выполните указанные ниже действия.

1. Перейдите на вкладку «Слои», либо щелкнув ее, либо выбрав команду «Окно» > «Слои» (если она закрыта).
2. Нажмите кнопку «Новый слой» в нижней части панели «Слои».

Примечание. Если нужно создать слой и сразу открыть диалоговое окно «Параметры слоя», нажмите кнопку «Новый слой», удерживая нажатой клавишу Alt или Option.

Задание параметров слоя

На панели «Слои» можно изменить атрибуты слоя, такие как выделение цветом, отображение или скрытие слоя или направляющих, а также блокировка слоя для защиты от случайного выделения или изменения. Чтобы обновить параметры слоя, выполните указанные ниже действия.

1. Дважды нажмите существующий слой или нажмите его правой кнопкой мыши. (Также можно нажато кнопку «Новый слой», удерживая нажатой клавишу Alt или Option).
2. В появившемся диалоговом окне «Параметры слоя» укажите нужные параметры и нажмите кнопку «ОК».

Можно обновить следующие параметры:

• Имя слоя. Укажите описательное имя слоя, чтобы упростить упорядочение содержимого на странице.
• Цвет. Укажите цвет для идентификации объектов, содержащихся на данном слое. Назначение слоям цвета помогает различать слои различных выделенных объектов. При выборе объекта на странице цвет рамки выделения, маркеров выбора фигуры, фрейма изображения или текстового фрейма будет соответствовать цвету слоя, на котором он находится. Цвет слоя не отображается, если объекты не выбраны.
• Показать слой. Выберите данный параметр, чтобы слой был видимым. Этот параметр аналогичен значку глаза на панели слоев, щелкнув который можно сделать слой видимым.
• Заблокировать слой. Выберите этот параметр, чтобы запретить изменение объектов слоя.

Добавление объектов в слои

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

Чтобы добавить объекты на целевой слой, воспользуйтесь одним из приведенных ниже способов.

• Создайте новые объекты с помощью инструментов «Текст» или «Прямоугольник».
• Импортируйте, поместите или вставьте текст или графику.
• Выделите объекты в других слоях и перетащите их в новый слой.

Нарисовать или разместить новый объект в скрытом или заблокированном слое невозможно. Если целевой слой скрыт или заблокирован, то при выборе инструмента рисования или инструмента «Текст», а также при размещении файла курсор будет меняться на перечеркнутый карандаш при наведении на страницу в представлении «Дизайн». Разблокируйте слой или выберите команду «Показать слой» либо наведите курсор и выберите видимый незаблокированный слой.

При выборе команды «Редактировать» > «Вставить», когда целевой слой скрыт или заблокирован, появляется сообщение с предупреждением, в котором предлагается показать или разблокировать целевой слой.

Если выбрать слой в качестве целевого, щелкнув его на панели «Слои», в верхнем правом углу этого слоя появится треугольник, его название выделится полужирным шрифтом, а в списке слоев такой слой будет выделен. Это указывает на то, что слой является целевым.

Выделение, перемещение и копирование объектов в слоях

По умолчанию в любом слое можно выделить любой объект. На панели «Слои» цветные квадраты справа на слоях указывают на слои, на которых находятся выбранные объекты. Небольшой квадрат указывает, что на данном слое выбран по крайней мере один объект, а большой квадрат указывает на то, что на этом слое в настоящее время выбраны все объекты. Цвет выделения слоя помогает идентифицировать слой объекта. Чтобы запретить выделение объектов определенного слоя, заблокируйте этот слой или скройте его.

• Чтобы выделить отдельные объекты на слое, нажмите значок треугольника слева от имени слоя, чтобы развернуть слой, и выберите нужный элемент в списке. Также вы можете перетащить нужный объект в другое место, не выделяя его.
• Чтобы выделить все объекты на определенном слое, нажмите квадрат справа от имени слоя.
• Чтобы переместить или скопировать объекты на другой слой, используйте инструмент «Выделение» или выделите один или несколько объектов на странице или на странице-шаблоне. На панели «Слои» перетащите цветной квадрат, находящийся в правой части списка слоев, чтобы переместить выбранные объекты на другой слой.

Вставка объектов в различные слои

Параметр «Вставить скопированные слои» управляет взаимодействием объектов, вставленных из других местоположений, с существующими слоями.

Если параметр «Вставить скопированные слои» выбран, тогда при вставке объектов, вырезанных или скопированных из различных слоев, на новую страницу или в новое место они сохраняют подборки своих слоев. Если вставить объект на страницу, на которой отсутствуют слои, имеющиеся на исходном слое, программа Muse добавляет имя слоя объекта на панель «Слои» второго документа, а затем вставляет этот объект на соответствующий ему слой.

Если параметр «Вставить скопированные слои» не выбран, объекты, вырезанные или скопированные из различных слоев, вставляются вместе в текущий целевой слой.

1. Нажмите правой кнопкой мыши в любом месте панели и в появившемся контекстном меню отключите параметр «Вставить скопированные слои».
2. Выделите объекты и выберите команду «Редактировать» > «Копировать» или «Редактировать» > «Вырезать».
3. На панели «Слои» нажмите другой слой, чтобы выбрать его.
4. Выберите команду «Редактировать» > «Вставить».

Создание дубликата слоя

При создании дубликата слоя происходит копирование его содержимого и параметров. После этого дубликат слоя отображается над исходным слоем в палитре «Слои».

В палитре «Слои» выполните одно из следующих действий:

• Выберите имя слоя, нажмите его (или группу выбранных слоев) правой кнопкой мыши и в появившемся контекстном меню выберите команду «Дублировать слой».
• Перетащите имя слоя на кнопку «Новый слой».

Изменения порядка размещения слоев

Измените порядок размещения слоев документа, переупорядочив слои в палитре «Слои». Это позволяет изменить порядок слоев на каждой странице сайта, а не только на текущей станице, открытой в представлении «Дизайн».

Можно также изменить порядок размещения объектов на слое путем изменения положения объектов на слое.

В палитре «Слои» перетащите слой вверх или вниз списка. Можно также перетаскивать несколько выделенных слоев.

Отображение и скрытие слоев и объектов

Любой слой можно отобразить или скрыть, а также можно отобразить или скрыть отдельные объекты на слое. Скрытые слои и объекты нельзя редактировать, они также не отображаются на экране в представлении «Дизайн», «Просмотр» и «Публикация». Они также не отображаются после экспорта сайтов. Скрытие слоев может быть полезным, когда необходимо выполнить любое из следующих действий.

• При создании сайтов с помощью адаптивного макета объекты можно скрыть. При необходимости во время разработки страницы для различных устройств на одном холсте объекты можно скрыть. Например, при создании макета сайта для мобильных устройств можно скрыть традиционное меню и выбрать меню типа «раздвижная панель». Для получения информации о способах скрытия объектов в адаптивном макете см. раздел Отображение или скрытие объектов в адаптивном макете.
  
• Скрыть части документа, которые не должны отображаться в окончательной версии документа.
• Скрыть другие версии документа.
• Упростить отображение документа, чтобы облегчить редактирование других его частей.
• Запретить экспорт слоя.
• Ускорить обновление изображения на экране, если слой содержит графику с высоким разрешением.

Примечание. Скрытые слои или скрытые элементы страницы не экспортируются. Однако страница по-прежнему отображается в представлении «Дизайн» со всеми элементами. Например, скрытый текстовый фрейм по-прежнему будет смещать элементы под ним вниз. Это предотвращает сдвиг содержимого на странице при скрытии и отображении слоев.

Воспользуйтесь любым из приведенных ниже способов, чтобы скрыть или отобразить слой.

• Чтобы скрыть или показать один слой, в палитре «Слои» нажмите квадрат, расположенный с левой стороны от имени слоя, чтобы для этого слоя отображался или не отображался значок глаза.
• Чтобы отобразить или скрыть отдельные объекты на слое, нажмите раскрывающийся треугольник слева от имени слоя для отображения всех объектов на слое, а затем нажмите значок глаза, чтобы отобразить или скрыть отдельный объект.

Блокировка и снятие блокировки слоев

Блокировка слоев необходима для предотвращения внесения случайных изменений в слой. Если слой заблокирован, в палитре «Слои» отображается перечеркнутый карандаш. Объекты заблокированного слоя нельзя выделить или непосредственно отредактировать, но если объекты заблокированных слоев имеют атрибуты, которые можно косвенно редактировать, они будут изменены. Например, при редактировании образца оттенка объекты, расположенные в заблокированных слоях и имеющие этот образец оттенка, будут изменены.

Палитра «Слои» используется также для блокирования и разблокирования объектов на слое. Чтобы разблокировать и заблокировать слои, выполните указанные ниже действия.

• Чтобы показать (заблокировать) или скрыть (разблокировать) слой, в палитре «Слои» нажмите квадратик, расположенный во второй колонке слева от слоя.

Удаление слоев

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

• Чтобы удалить слой, перетащите его из списка слоев на панели «Слои» на значок мусорной корзины, расположенный в нижней части панели, или нажмите его правой кнопкой мыши и в появившемся контекстном меню выберите команду «Удалить слой».
• Чтобы удалить несколько слоев, нажмите каждый из них, удерживая нажатой клавишу Control или Command. Затем перетащите слои на значок мусорной корзины или нажмите их правой кнопкой мыши и в появившемся контекстном меню выберите команду «Удалить слои».
• Чтобы удалить объект на слое, выберите объект в палитре «Слои» и нажмите значок «Удалить».

Объединение слоев в документе

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

Примечание. Если объединить слои, которые содержат и элементы страницы, и объекты страницы-шаблона, то последние будут перемещены на задний план полученного в результате объединения слоя.

1. На панели «Слои» выделите любую комбинацию слоев. Убедитесь, что слой, который будет служить в качестве целевого, также выбран. При сведении сайта в один слой выберите все слои на панели.
2. Нажмите панель «Слои» правой кнопкой мыши и выберите в появившемся контекстном меню команду «Объединить слои».