Помимо создания анимации, расширенный режим временной шкалы позволяет просматривать расположение элементов на слоях в рабочей области. Каждый элемент представлен слоем на временной шкале, благодаря чему работать с элементами становится проще.
Слои документа также показываются на панели "Структурный редактор", но в виде дерева.
Управление слоями
Как добавить слой
Когда вы создаете элемент или маску, слой добавляется на временную шкалу автоматически.
Маска обозначается символом перед названием слоя.
Как изменить порядок слоев
Порядок слоев на временной шкале показывает то, как расположены элементы по отношению друг к другу при наложении. Изменить положение слоя в стеке можно одним из следующих способов.
- Выберите слой и перетащите его на нужный уровень.
- С помощью кнопок на панели настроек инструмента выделения перемещайте слои вверх и вниз или в крайнее верхнее и крайнее нижнее положения. Эти изменения отобразятся на временной шкале.
Слои маски всегда остаются непосредственно под слоем родительского элемента.
Как заблокировать слой
Если слой заблокирован, его невозможно выбрать или изменить. Рекомендуется блокировать элементы, над которыми вы завершили работу, чтобы случайно не внести в них изменения. Чтобы заблокировать элемент:
- Установите флажок под значком блокировки
на слое элемента.
- Установите флажок и перетащите указатель мыши по нескольким флажкам, чтобы заблокировать сразу несколько слоев.
- Нажмите на значок Заблокировать все слои
сверху, чтобы заблокировать или разблокировать все слои.
на слое элемента.Как скрыть слой
Скрытые слои не видны в рабочей области, их нельзя выбирать или редактировать. Вы можете скрыть элемент, чтобы работать с другими элементами за ним. Чтобы скрыть элемент:
- Установите флажок под значком глаза
на слое, который нужно скрыть.
- Установите флажок и перетащите указатель мыши по нескольким флажкам, чтобы скрыть сразу несколько слоев.
- Нажмите кнопку Скрыть все слои
сверху, чтобы скрыть или показать все слои.
на слое, который нужно скрыть.Если вы хотите, чтобы элемента не было видно в опубликованных файлах и при предварительном просмотре в браузере, преобразуйте его во вспомогательный слой. Чтобы скрыть элемент в начале или конце временной шкалы, задайте для него видимый диапазон.
Как скопировать слой
При копировании слоя создается копия элемента и ключевых кадров. Чтобы скопировать слой:
- Нажмите правой кнопкой мыши на название или идентификатор и в контекстном меню выберите Дублировать слои. Новый слой появится прямо над исходным.
- Чтобы выбрать несколько смежных слоев для дублирования, нажимайте на них, удерживая клавишу Shift. Вы также можете выбрать несколько несмежных слоев: нажимайте на них, удерживая клавишу Control (Windows) или Command (Mac). Чтобы скопировать все выбранные слои, нажмите на идентификатор или название слоя правой кнопкой мыши и выберите Дублировать слои.
Слои маски нельзя дублировать.
Как включить повтор анимации для слоя
- На временной шкале нажмите кнопку Задать повтор анимации
на слое анимации, который хотите повторять.
- Во всплывающем меню выберите значение:
- Бесконечно – анимация будет повторяться бесконечно;
- ___ раз(а) – анимация будет повторяться указанное количество раз;
- Нет – анимация не будет повторяться.
Повтор анимации для слоя отличается от повтора в рабочей области.
- В первом случае изменения сохраняются в опубликованном документе.
- Во втором случае анимация воспроизводится циклически только в рабочей области, как при нажатии кнопки Запустить
на временной шкале. Чтобы добиться такого эффекта, нажмите Повторять
.
Видимые диапазоны
Эта функция не поддерживается в объявлениях AMPHTML.
С помощью видимого диапазона можно указать, когда элемент или маска доступны для изменений и видны в объявлении. Эта функция позволяет управлять временем появления и исчезновения элементов, а также скрывать их в рабочей области, если нужно сосредоточиться на других областях документа.
Поведение слоя
По умолчанию границы видимого диапазона на слое не установлены. Вы можете задать интервал видимого диапазона либо только его начало или конец.
| Видимый диапазон | Поведение |
|---|---|
| Границы не установлены (по умолчанию) |
Элемент или маска появляются сразу после загрузки документа и видны после завершения анимации. |
| Указано начало диапазона |
Элемент или маска появляются в указанное время. Если вы установите маркер диапазона на 0 секунд, объекты будут показаны вместе с началом анимации, даже если документ ещё не загрузился. |
| Указан конец диапазона |
Элемент или маска исчезают в указанное время. |
Панель свойств недоступна для тех фрагментов слоя, которые находятся вне пределов видимого диапазона. Чтобы свободно редактировать элементы или маски, увеличьте интервал диапазона (например, добавьте ключевой кадр) или перетащите ползунок временной шкалы в его пределы.
Как указать или изменить границы видимого диапазона
Для этого воспользуйтесь одним из следующих способов:
- Нажмите правой кнопкой мыши на временную шкалу, там, где хотите разместить маркер диапазона. Во всплывающем меню выберите Начало видимого диапазона или Конец видимого диапазона.
- Наведите указатель на маркер диапазона и перетащите его в нужную точку на временной шкале. Если видимый диапазон не настроен, маркеры будут темно-серыми, а его границы будут расположены на отметке 0 секунд и в конце шкалы анимации.
1. Маркер диапазона по умолчанию.
2. Маркер видимого диапазона на отметке 0 сек.
3. Маркер видимого диапазона на отметке 1 сек.
Все ключевые кадры, эффекты текста и клипы всегда должны находиться в пределах видимого диапазона и могут влиять на его длину. Границы диапазона автоматически увеличатся, когда вы добавите на слой новые объекты.
Вы можете выбрать маркер видимого диапазона вместе с другими маркерами (ключевых кадров, клипов, диапазонов) и синхронно перетаскивать их по временной шкале.
Дважды нажмите на слой на временной шкале, чтобы выделить все его ключевые кадры, диапазоны, клипы и маркеры видимых диапазонов.
Если вы установите видимый диапазон, то автоматически удалите все повторы анимации на этом слое.
Как сбросить границы видимого диапазона
Для этого воспользуйтесь одним из следующих способов:
- Дважды нажмите на маркер.
- Нажмите правой кнопкой мыши на маркер и выберите Сбросить границу диапазона во всплывающем меню.
Вспомогательные слои
При работе с документом вспомогательные слои не отличаются от обычных элементов, но в опубликованных файлах и при предварительном просмотре в браузере они не показываются. Вспомогательные слои помогают добавлять в макет примечания, создавать проект дизайна и разрабатывать прототипы добавляемых в документ элементов.
Чтобы преобразовать слой во вспомогательный:
- Нажмите правой кнопкой мыши на элемент в рабочей области или на временной шкале. Можно выбрать несколько элементов, а затем нажать на них правой кнопкой мыши. (Маски можно выбирать, только если выбраны их родительские элементы.)
- В контекстном меню выберите Вспомогательный слой.
В расширенном режиме временной шкалы перед названием слоя появится значок . Когда вспомогательный слой выбран в рабочей области, он выделяется оранжевым цветом.
Чтобы преобразовать вспомогательный слой в обычный элемент, нажмите на него правой кнопкой мыши и в контекстном меню снимите флажок Вспомогательный слой.
Вспомогательные слои отсутствуют в опубликованных файлах, и поэтому не влияют на их размер. Любые события, правила CSS или привязки динамических данных, которые ссылаются на вспомогательные слои, также удаляются из версий для предварительного просмотра и опубликованных файлов.
Слои маски
В расширенном режиме временной шкалы маска – это слой, перед названием которого есть символ .
Такой слой, как и слой элемента, можно скрыть или заблокировать. Он также поддерживает видимый диапазон. Однако слой маски имеет следующие особенности:
- Слои маски всегда отображаются непосредственно под слоем главного элемента. При перемещении слоя маски или слоя основного элемента, оба слоя перемещаются автоматически.
- При удалении главного элемента его маска тоже удаляется.
- Удалить выбранные элементы и маски можно, только если выделены главные элементы, в которых содержатся эти маски.
- Слой маски нельзя дублировать.
- Скрытые маски, в отличие от скрытых элементов, можно изменять.
- Слой маски нельзя преобразовать во вспомогательный, однако, если главный элемент является вспомогательным слоем, маска также будет отсутствовать при предварительном просмотре в браузере и в опубликованных файлах.
Подробнее о масках…
Видеодорожки и звуковые дорожки
Видеодорожки и звуковые дорожки – это слои с медиаклипами.
Видеодорожки используются в видеорекламе и анимированных GIF-изображениях. Вы можете скрыть и заблокировать такие слои, а также поменять их порядок. Кроме того, они поддерживают маски, видимые диапазоны и ключевые кадры.
Звуковые дорожки доступны только в видеорекламе. Они не содержат графических элементов. Поэтому в такие слои невозможно добавить анимацию, видимый диапазон или маску. Их также нельзя скрыть. Можно лишь заблокировать слой, чтобы случайно не внести в него изменения.
Подробнее о медиадорожках…