Создание слоев временной шкалы в Animate

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

Чтобы рисовать, закрашивать или другим образом изменять слой или папку слоев, его необходимо выделить на временной шкале, сделав активным. Значок карандаша рядом со слоем или именем папки на временной шкале указывает, что этот слой или папка слоев активны. Одновременно может быть активным только один слой (хотя выделено может быть несколько слоев).

При создании документа Animate он содержит только один слой. Для упорядочивания изображений, анимации и других элементов в документе добавляются новые слои. Слои могут быть скрыты, блокированы и переупорядочены. Число создаваемых слоев ограничивается лишь памятью компьютера, и не влияет на размер публикуемого SWF-файла. Размер файла увеличивается только за счет объектов, добавляемых к слоям.

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

Для поддержки создания сложных эффектов применяются специальные направляющие слои, которые упрощают рисование и редактирование, а также создание маскирующих слоев.

Animate позволяет использовать пять типов слоев:

• Обычные слои содержат самую большую часть графики в FLA-файле.

• Маскирующие слои: они содержат объекты, используемые в качестве масок для скрытия отдельных областей нижних слоев. Дополнительные сведения см. в разделе Использование маскирующих слоев.

• Маскируемые слои: эти слои лежат под маскирующим слоем и ассоциируются с этим маскирующим слоем. Видна только та часть слоя, которая не покрыта маской. Дополнительные сведения см. в разделе Использование маскирующих слоев.

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

• Направляемые слои: эти слои связываются с направляющим слоем. Объекты на направляемом слое могут располагаться или анимироваться по обводкам, нанесенным на направляющий слой. Направляемые слои могут содержать статичную графику и классическую анимацию, но не анимацию движения.

• Слои анимации движения содержат объекты, для которых используется анимация движения. Дополнительные сведения см. в разделе «Об анимации движения».

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

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

Создание слоя

После создания слоя он появляется над выделенным слоем. Новый слой становится активным.

Создание папки слоев

Упорядочивание слоев и папок слоев

Чтобы упорядочить документ, можно перегруппировать слои и папки на временной шкале.

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

Элементы управления слоями на временной шкале воздействуют на все слои, содержащиеся в папке. Например, при блокировке папки слоев будут заблокированы все слои, содержащиеся в этой папке.

• Чтобы переместить слой или папку в папку слоев, перетащите имя слоя или папки слоев на имя нужной папки слоев.
• Для изменения порядка расположения слоев или папок слоев перетащите один или несколько слоев или папок на временной шкале в нужное местоположение.
• Чтобы развернуть или свернуть папку слоев, щелкните треугольник слева от ее имени.
• Чтобы развернуть или свернуть все папки слоев, щелкните правой кнопкой мыши (Windows) или щелкните, удерживая нажатой клавишу Control (Macintosh), а затем выберите пункт Развернуть все папки или Свернуть все папки.

Переименование слоя или папки слоев

По умолчанию Animate присваивает имена новым слоям в порядке их создания: «Слой 1», «Слой 2» и так далее. Чтобы имена слоев отражали их содержимое, переименуйте слои.

Выделение слоя или папки слоев

Копирование кадров из одного слоя

Копирование кадров из папки слоев

Удаление слоя или папки слоев

Блокирование и разблокирование одного или нескольких слоев или папок слоев

• Чтобы заблокировать слой или папку слоев, щелкните столбец «Заблокировать» справа от имени слоя. Чтобы разблокировать слой или папку слоев, еще раз щелкните столбец «Заблокировать».

• Чтобы заблокировать все слои и папки, щелкните значок замка. Чтобы разблокировать все слои и папки слоев, щелкните его еще раз.

• Чтобы заблокировать или разблокировать несколько слоев или папок, перетащите указателем по столбцу «Заблокировать».

• Чтобы заблокировать все другие слои или папки слоев, нажмите столбец «Заблокировать», удерживая нажатой клавишу Alt (Windows) или Option (Macintosh). Чтобы разблокировать все слои и папки слоев, еще раз щелкните столбец «Заблокировать», удерживая нажатой клавишу Alt (Windows) или Option (Macintosh).

Копирование и вставка слоев (только для CS5.5)

Можно скопировать целые слои и папки слоев на временной шкале и вставить их в ту же или в другую временную шкалу. Можно скопировать слой любого типа.

При копировании и вставке сохраняется структура папок копируемых слоев.

Слои добавляются на временной шкале над выбранным слоем. Если скопирована папка слоев, вставленные слои отображаются внутри папки.

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

Также можно дублировать слои. Для этого выделите слои и выберите Редактирование > Временная шкала > Дублировать слои. К имени новых слоев прибавляется слово «Копия».

Настройка свойств для нескольких слоев

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

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

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

• Чтобы скрыть все слои и папки на временной шкале, нажмите значок глаза. Чтобы отобразить все слои и папки слоев, нажмите значок еще раз.

• Чтобы отобразить или скрыть несколько слоев или папок, перетащите указателем по столбцу со значком глаза.

• Чтобы скрыть все слои и папки слоев за исключением текущего слоя или папки, щелкните в столбце со значком глаза, удерживая нажатой клавишу Alt (Windows) или Option (Macintosh). Чтобы отобразить все слои и папки слоев, нажмите еще раз, удерживая нажатой клавишу Alt (Windows) или Option (Macintosh).

Просмотр содержимого слоя в виде контуров

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

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

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

• Чтобы отобразить объекты во всех слоях, отличных от текущего слоя, удерживая нажатой клавишу Alt (Windows) или клавишу Option (Macintosh), щелкните в столбце «Контур». Чтобы отключить контурное отображение для всех слоев, нажмите его еще раз, удерживая нажатой клавишу Alt (Windows) или Option (Macintosh).

 Траектории движения, расположенные на слое, также используют цвет контура слоя.

Изменение цвета контура для слоя

Просмотр слоев и папок слоев

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

Красный крестик рядом с именем слоя (папки слоев) на временной шкале указывает, что этот элемент скрыт. В параметрах публикации можно задать, включать ли скрытые слои в публикуемый SWF-файл.

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

• Чтобы скрыть все слои и папки на временной шкале, нажмите значок глаза. Чтобы отобразить все слои и папки слоев, нажмите значок еще раз.

• Чтобы отобразить или скрыть несколько слоев или папок, перетащите указателем по столбцу со значком глаза.

• Чтобы скрыть все слои и папки слоев за исключением текущего слоя или папки, щелкните в столбце со значком глаза, удерживая нажатой клавишу Alt (Windows) или Option (Macintosh). Чтобы отобразить все слои и папки слоев, нажмите еще раз, удерживая нажатой клавишу Alt (Windows) или Option (Macintosh).

Просмотр содержимого слоя в виде контуров

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

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

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

• Чтобы отобразить объекты во всех слоях, отличных от текущего слоя, удерживая нажатой клавишуAlt (Windows) или клавишу Option (Macintosh), щелкните в столбце «Контур». Чтобы отключить контурное отображение для всех слоев, нажмите его еще раз, удерживая нажатой клавишу Alt (Windows) или Option (Macintosh).

Изменение цвета контура для слоя

 Траектории движения, расположенные на слое, также используют цвет контура слоя.

Настройка прозрачности слоев

 Изменение прозрачности слоя не влияет на скрытые слои.

Использование расширенных слоев

В Animate в режиме «Расширенные слои» все слои на временной шкале публикуются в виде символов. Режим «Расширенные слои» дает доступ к следующим функциям.

• Эффекты слоя
• Глубина слоя  
• Родительские слои
• Камера

Режим Расширенные слои по умолчанию включен. Режим «Расширенные слои» можно включить или отключить в параметрах: «Модификация» > «Документ». После применения изменений щелкните Сделать значением по умолчанию, чтобы сохранить текущий параметр для последующих документов, а также в сеансах Animate. 

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

getchildbyname("symbol1");

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

Layer=getchildbyname("L1");

Layer.getchildbyname("symbol1");

Пример кода для доступа к символам с помощью расширенных слоев для документа типа AS3: 

Пример кода для доступа к символам с помощью расширенных слоев для документа типа HTML5 Canvas: 

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

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

Применение эффектов слоя

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

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

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

Использование фильтров для кадров

Чтобы добавить фильтры на определенный кадр, сначала выберите кадр. Панель инспектора свойств загрузит определенные свойства кадра. Щелкните значок + в раскрывающемся списке Фильтры. 

При добавлении фильтров в кадры появится инспектор свойств, как показано на следующем снимке экрана. 

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

 Эффекты слоя поддерживаются только в документах типа ActionScript 3. Анимация движения и слои камеры не поддерживают эффекты слоя.

Использование цветовых эффектов

Чтобы применить цветовой эффект к определенному кадру, сначала выберите кадр. Панель инспектора свойств загрузит определенные свойства кадра. Выберите любое необходимое свойство цвета на панели инспектора свойств.

Применение режимов наложения

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

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

Дополнительные сведения об использовании режимов наложения см. в разделе Применение режимов наложения.

Как улучшить анимацию с помощью эффектов слоев

Применение глубины слоя

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

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

 Можно задать значение глубины слоя от -5000 до 10 000.

Как показано на приведенном выше снимке экрана, значения глубины слоя отображаются рядом с именем каждого слоя для данного кадра.

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

Можно анимировать значения глубины слоя в любом диапазоне анимации. 

Каждый слой представлен уникальными цветными линиями на панели «Глубина слоя». Цвета, представляющие каждый из слоев, можно посмотреть на временной шкале. 

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

• Чтобы уменьшить глубину объектов на слое, щелкните и переместите линию вверх.
• Чтобы увеличить глубину объектов на слое, щелкните и переместите линию вниз.

Изображения с анимациями с глубиной слоев или без нее:

Изображение анимации с применением эффекта «Глубина слоя»:

Можно использовать камеру на слоях с несколькими плоскостями для создания эффекта смещения или масштабирования содержимого на плоскости. Кроме того, можно закрепить камеру на определенном слое или применить эффекты камеры во время выполнения с помощью интерактивных API-интерфейсов. Дополнительные сведения см. в разделе Создание эффекта смещения с помощью камеры и глубины слоя.

 Глубину слоя можно применить только на основной временной шкале.

Сохранение размера для глубины слоя

Вы можете изменить глубину слоя объектов, не затрагивая размер и положение объектов. Для использования функции сохранения размера нажмите кнопку Сохранить размер в правом верхнем углу панели Глубина слоя.

Сохранить размер можно в двух режимах.

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

Применение глубины слоя во время выполнения

Также можно добавлять камеры на объектах и применять эффекты с помощью API-интерфейсов камеры. Дополнительные сведения см. в разделеИспользование интерактивной камеры во время выполнения. 

API-интерфейс глубины слоя для AS3

Можно управлять слоями во время выполнения с помощью API-интерфейсов. Например, если во время выполнения вам необходимо ввести дополнительный слой в анимации или уменьшить глубину одного из слоев в анимации. 

API-интерфейс глубины слоев для HTML Canvas

Родительские слои

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

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

 Родительские слои для деформированных объектов работают, только если точка преобразования дочернего слоя находится на объекте родительского слоя.

Родительские и дочерние слои

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

Родительские слои

Один слой можно связать с другим, щелкнув маркер слоя (цветной прямоугольник) и перетащив его на другой слой. Кроме того, можно щелкнуть область горизонтального прямоугольника рядом с именем слоя и перетащить ее на другой слой. Можно также щелкнуть любой слой и выбрать для него родительский слой в раскрывающемся списке. 

При перетаскивании цветного прямоугольника рядом появится пунктирная линия. После перетаскивания между слоями будет создана иерархическая связь.

Крайний левый цветной прямоугольник в иерархии обозначает родительский слой. Иерархия родительско-дочерних отношений указывается слева направо.

Чтобы удалить связь, щелкните любой цветной прямоугольник слоя и перетащите пунктирную линию. Кроме того, можно щелкнуть область горизонтального прямоугольника и выбрать Удалить родительский слой, как показано на снимке экрана ниже. 

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

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

В представленной выше иллюстрации:

• Torso (Туловище) — родительский слой для всех частей тела.
• Legs_thigh (Бедро) — это родительский слой с разными частями ноги: Sneaker (Стопа), Leg_lower (Голень) и Ankle (Щиколотка).
• Head (Голова) — дочерний слой для родительского слоя Neck (Шея), а Torso — родительский слой для слоя Neck. Таким образом, при перемещении шеи голова также будет перемещаться.

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

Поддержка масштабирования, наклона и отражения в родительских слоях

Начиная с версии Animate 2022, родительские слои теперь также распространяют свойства масштаба, наклона и отражения в дополнение к свойствам положения и поворота родительского объекта.По умолчанию распространяются все свойства, однако распространение масштаба, наклона и отражения можно включить или отключить во всплывающем окне «Родительские слои». Для вызова этого окна нажмите и удерживайте кнопку «Показать родительское представление» в панели «Временная шкала», как показано ниже.

Кроме того, параметры масштабирования, наклона и переворота можно переключать для мгновенных изменений с помощью клавиши-модификатора при преобразовании с помощью инструмента «Свободное преобразование». Временное переопределение этого параметра можно выполнить, удерживая клавишу Accent(') во время масштабирования или наклона объекта с помощью инструмента «Свободное трансформирование». Это удобно, когда нужно быстро изменить режим применения для новых поддерживаемых свойств.

Руководство по родительским слоям