Слой-маска Mask Layer

Для демонстрации работы маскирующего слоя создадим довольно экстравагантный заголовок для web-странички.

1.    1.    Для этой работы нам понадобятся панели Fill (заливка), Mixer (смешивание), Frame (кадр) и Character (символ) – включи их.

2.    2.    Создадим «живой» фон для букв:

a)    a)    в слое Радуга нарисуй круг на весь лист, удали его контур;

b)   b)    выдели круг, в панели Colors (цвета) выбери радужную градиентную заливку

c)    c)    в 25 позицию вставь ключевой кадр с копированием (F6);

d)   d)    в первом кадре настрой прозрачность заливки 5% (тебе придётся в панели Fill (заливка) поочерёдно щёлкать по всем семи указателям и настраивать их прозрачность);

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

3.    3.    Теперь заставим круг вращаться:

a)    a)    вставь в 26 позицию ключевой кадр с копированием (F6) и сгруппируй круг (выдели его и нажми Ctrl+G);

b)   b)    в 70 позиции нажми F6;

c)    c)    создай в 26 кадре анимацию Motion, задав для неё параметр Rotate: CCW на 4 оборота, и посмотри, что получилось.

4.    4.    Создай слой Маска и сделай его маскирующим. Для этого на имени слоя щёлкни правой клавишей мыши и выбери Mask (маска). Если всё сделано правильно, изображение слоёв изменится

5.    5.    Отключи видимость слоя Радуга, сними замки со слоёв.

6.    6.    А теперь создаём собственно маску – рисунок или надпись, заливкой для которых служит содержимое маскируемого слоя Радуга:

a)    a)    в первом кадре слоя Маска инструментом текст напиши своё имя (если вместо русских букв будет появляться неизвестно что, выбери на панели Character (символ) в списке Font шрифт с приставкой Cyr ‑ кириллица);

b)   b)    выбери инструмент стрелка, на панели Character (символ) установи размер символов 20:

c)    c)    расположи надпись в центре листа.

7.    7.    Во временной диаграмме в слое Маска перетащи указатель последнего кадра (беленький прямоугольничек) из 70-го в 50-й и нажми F6.

8.    8.    Увеличь надпись в 50 кадре так, чтобы она занимала по ширине весь лист (для увеличения надписи используй кнопку  Scale в панели Options).

9.    9.    Создай в 1 кадре анимацию Motion. Посмотри, что получилось.

10.          10.          В 70 позицию слоя Маска вставь обычный кадр (F5) – пусть текст стоит на месте с 50-го по 70-й кадры.

11.          11.          А теперь вспомним, для чего это всё мы делаем. Мы создаём яркую, привлекающую внимание надпись на web-страничке. Хотелось бы, чтобы после того, как надпись проявилась, увеличиваясь в размере, она не пропала или не начала бы «проявляться» снова, а осталась на месте, радуя глаз своими переливами. Иначе говоря, требуется «зациклить» кадры с 50 по 70:

a)    a)    дважды щёлкни мышкой по 70 кадру слоя Радуга (для слоя Маска этого сделать нельзя, там нет ключевого кадра);

b)   b)    в левом списке раскрой «книжку» Basic Action (основные действия), двойным кликом выбери пункт GoTo и введи в поле Frame (кадр) число 50;

c)    c)    закрой окно Frame Actions (действия кадра).

12.          12.          На этом можно было бы и закончить, если бы не одно НО. Вся наша красота проигрывается на белом фоне. Изменим его:

a)    a)    отключи все слои;

b)   b)    создай слой Фон и перемести его вниз. Обрати внимание на пиктограмму слоя Фон  – там должен быть листочек с уголком, а не стрелка, как у слоя Радуга. Если же там стрелка (слой становится маскируемым, если создаётся под слоем-маской), перетащи слой Фон сначала вверх, а затем снова вниз;

c)    c)    помести в первый кадр этого слоя изображение из любого графического файла (например, какую-нибудь фотографию) командой File à Import (файл à импорт);

d)   d)    измени, если требуется, размеры импортированного изображения;

e)    e)    посмотри ролик – теперь радужный текст проявляется на выбранном тобой фоне.

Несколько замечаний:

1.    1.    Наши ролики становятся массивнее и вширь (увеличивается количество кадров) и в глубину (больше слоёв), поэтому познакомимся с настройками отображения временной диаграммы. В правом верхнем её углу есть кнопочка-список, а в нём следующие пункты:

a)    a)    Tiny, Small, Normal, Medium, Large – выбор ширины кадриков от самого узенького до самого широкого;

b)   b)    Short – уменьшение «высоты» слоя в окне слоёв.

2.    2.    Если ширина кадриков во временной диаграмме маленькая, трудно бывает определить, какой из них выделен. На помощь приходит статусная строка в нижней части временной диаграммы. В ней можно увидеть: текущий (выделенный) кадр, скорость воспроизведения ролика, время воспроизведения ролика.