Форум

Первая часть ЗДЕСЬ.

Конечный результат.

1.Подготовка анимации.
Открываем панель анимации ( меню – окно – анимация).
Для версий ниже CS3- переход в приложение Adobe ImageReady .
В этой работе будет две разных анимации – смена кадров и помехи. Сначала мы сделаем расстановку кадров для анимации «смена кадров».

1) Оставляем видимость только у первого слоя с глиттером.

2)Закрываем видимость у всех слоёв с фотографиями.
Панель слоёв выглядит теперь так ( имеется в виду та часть панели, где располагаются слои групп «левая» и «правая».

2. Анимация – смена кадра.

1)Меняем время задержки кадра на 0,1сек.

2) Создаём новый кадр ( вторая иконка справа в панели анимации) и на нём открываем видимость фотографий – по одной в каждой группе).

3) Применяем к этому кадру промежуточные кадры (третья иконка справа внизу панели анимации)

В панели анимации стало 4 кадра.

4)Создаём пятый кадр и на нём убираем видимость фотографий.

Повторяем подпункт 3(промежуточные кадры).

5)Создаём восьмой кадр и на нём открываем видимость двух других фотографий из групп «фото».

Повторяем подпункт 3 (промежуточные кадры).

6)Создаём одиннадцатый кадр и убираем видимость всех фотографий.

Повторяем подпункт 3 (промежуточные кадры).

Удаляем 13 кадр( первая иконка справа внизу панели анимации), так как он идентичен первому кадру.

7) Увеличиваем количество кадров с полной видимостью фотографий.
Для этого сначала переходим на 10 кадр и жмём десять раз на иконку «новый кадр» в панели анимации.

Переходим на 4 кадр и тоже жмём 10раз на иконку «новый кадр».

Почему мы увеличиваем количество кадров, а не меняем задержку времени? Да потому, что у нас будет ещё одна анимация, которая не предусматривает задержку времени больше, чем 0,1сек.

3. Анимация – помехи.
На первом кадре в панели анимации у нас открыта видимость первого слоя с глиттером у обоих групп. Так , как кадры у нас уже созданы, то и видимость первых слоёв с глиттером отобразилась на всех кадрах в панели анимации.
Наша задача состоит в том, что начиная со второго кадра, нам нужно поменять видимость слоёв с глиттерами.
У нас 32кадра, а слоёв с глиттерами только три. Значит, мы будем повторять смену каждые три кадра.

1)Находясь на втором кадре, убираем видимость первых слоёв с глиттером в панели слоёв и открываем видимость у вторых слоёв с глиттером.

2)Переходим на третий кадр и опять убираем видимость первых слоёв с глиттерами в панели слоёв и открываем видимость у третьих слоёв с глиттерами.

3) Переходим на 4 кадр и оставляем видимость первых слоёв с глиттером, так как началось повторение смены кадров с глиттерами.

Дальше указываю номер кадра – видимость слоёв.
5 – 2,
6 – 3,
7 – 1,
8 – 2,
9 – 3,
10 – 1,
11 – 2,
12 – 3,
13 – 1,
14 – 2,
15 – 3,
16 – 1,
17 – 2,
18 – 3
19 – 1,
20 – 2,
21 – 3,
22 – 1,
23 – 2,
24 – 3,
25 – 1,
26 – 2,
27 – 3,
28 – 1,
29 – 2,
30 – 3,
31 – 1,
32 – 2.

4. Сохранение анимации.

После того, как всё сделали нужно сохранить анимацию так, чтобы она была не очень тяжёлой, но и чтобы качество не очень пострадало.
Меню – файл – сохранить для Web.
Когда откроется панель для коррекции сохранения анимации, то примените такие положения.

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

Желаю, как всегда, фотошопного позитива!

Автор - ваш Admin- Ольга Бор.