Работа со слоями в анимациях для WEB

Работа со слоями – необходимая часть создания анимаций в ImageReady. Помещая каждый элемент анимации на собственный слой позволяет менять его положение и внешний вид в последовательности фреймов. Эти изменения могут быть специфическими для конкретных фреймов (Frame-specific changes ) или глобальными (Global changes). Первые воздействуют только на активный фрейм. По умолчанию изменения, произведенные в слоях с помощью палитры Layers – включая прозрачность слоя, характер смешения, видимость, расположение, стиль, являются специфическими для активного фрейма. Хотя можно назначить изменения слоя для всех фреймов анимации с помощью кнопок unity в палитре слоёв.

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

В этом уроке мы создадим анимацию для фирмы, выпускающей соки. Откроем web-браузер и выполним команду File>Open>Jus.html. Просмотрим готовый файл и закроем браузер. Затем откроем ImageReady. Создадим рабочее пространство специально для решения наших задач. Для этого закроем группу палитр Color и Rollovers. Изменим размер палитры Layers так, чтобы она позволяла показать по крайней мере пять слоёв и разместим ее ниже палитры Optimize, оставив между двумя палитрами пустое пространство около 1 см для последующего растягивания палитры Optimize. Сохраним рабочее пространство: Window > Workspace > Save Workspace> Animation_16. Теперь его можно вызвать в любое время.

Анимация методом скрытия и показа слоёв

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