Создание GIF-анимаций для Web, страница 14

1  Откройте файл Waves.psdиз папки Lessons/Lesson 15 командой меню File ♦  Open (Файл ♦ Открыть).

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

3  На палитре Layers(Слои) выделите слой Wave (Волна).

4  Зажмите клавишу Alt(Windows) или Option(Mac OS) и наведите указатель мыши (не отпуская клавишу и не щелкая мышью) на сплошную линию, которая разделяет слои Wave(Волна) и Text(Текст) на палитре Layers (Слои), так, чтобы ука­затель мыши приобрел вид двух перекрывающихся кружков. Затем щелкни­ те мышью на линии между слоями, чтобы связать эти два слоя друг с другом.

Обратите внимание на то, что теперь волны на рисунке маскированы текстом ло­готипа. На палитре Layers(Слои) слева от имени и эскиза слоя Wave(Волна) по­явилась стрелка, направленная вниз. Эта стрелка указывает на то, что данный слой сгруппирован с предыдущим.

15.6.1 Анимация изменения положения внутри слоя векторной маски

Хотя слои Wave(Волна) и Text(Текст) связаны, вы можете изменять положение отдельных слоев.

1  На палитре Animation(Анимация) щелкните мышью на кнопке Duplicates cur­rentframe(Создать дубликат текущего кадра), чтобы создать новый кадр.

2  Если нужно, выделите кадр 2 на палитре Animation(Анимация). Убедитесь в том, что на палитре Layers(Слои) остался выделенным только слой Wave (Волна).

3  На панели инструментов выберите инструмент Move(Перемещение)

4  Начните перетаскивать слой Wave(Волна) вниз в окне изображения, и сразу нажмите и удерживайте клавишу Shift(чтобы ограничить перемещение объекта). Перетащите так, чтобы верх изображения волны оказался точно на уровне верха текста. (Во время перетаскивания весь слой Waveотображается как за­темненный прямоугольник, поэтому положение волны хорошо заметно).