Форум

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

Во второй части урока мы создаём анимацию.

У нас всё готово, чтобы сделать анимацию. Приступим.

Скрытый текст

10.Анимация дождя.

1)Открываем панель анимации(меню - окно - анимация или переход в ImageReady) , ставим время задержки 0,1 сек.

2) На первом кадре оставляем видимость группы «фон» (видимость группы не будет меняться на протяжении всех кадров анимации), видимость у нижнего слоя с картинкой и слоя «кант».

3)Создаём следующий кадр (вторая иконка справа внизу панели анимации) и добавляем видимость слоя с размытым рисунком.

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

и получаем в панели анимации 12 кадров.

5)Нам нужны ещё кадры для дождя, поэтому мы, ничего не меняя в панели слоёв, создаём ещё кадры. Я довела количество кадров до 28.

6)Расставим слои с дождём по кадрам, начиная со 2 кадра.
На 2 кадре открываем видимость первого слоя с дождём.

Так, как слоёв с дождём только 3, а кадров много, то порядок видимости слоёв будет повторяться. Пишу список, в котором кадр – видимость слоя с дождём.
2 – 1, 3 – 2, 4 – 3, 5 – 1, 6 – 2, 7 – 3, 8 – 1, 9 – 2, 10 – 3, 11 – 1, 12 – 2, 13 – 3, 14 – 1, 15 – 2, 16 – 3, 17 – 1, 18 – 2, 19 – 3, 20 – 1, 21 – 2, 22 - 3, 23 – 1, 24 – 2, 25 – 3, 26 – 1, 27 – 2, 28 – 3.
Будьте внимательны при расстановке видимости слоёв по кадрам, не торопитесь, иначе анимация дождя будет дёргаться.

11.Анимация смены цвета.

После того, как расставили видимость слоёв для анимации дождя, приступаем к смене цвета.

1)Создаём 29 кадр. На этом кадре убираем видимость слоя с дождём и открываем видимость у первого слоя с цветом и слоя копии канта

2) Применяем для этого кадра промежуточные кадры количеством 5.

3)В панели анимации образовалось 34 кадра

4) Создаём 35 кадр. На этом кадре убираем видимость слоя с размытым рисунком, видимость цветного слоя, видимость слоя копии канта и открываем видимость следующего цветного слоя и канта.

5)Применяем промежуточные кадры, как в подпункте 2.

6)В панели анимации образовалось 40 кадров.

7)Создаём 41 кадр. На этом кадре открываем видимость последнего цветного слоя и канта.

8) Применяем промежуточные кадры, как в подпункте 2.

9) В панели анимации образовалось 46 кадров.

10)Создаём 47 кадр и оставляем на нём видимость слоёв, как на первом кадре.

11)Применяем промежуточные кадры, как в подпункте 2.

12) В панели анимации образовалось 52кадра. Последний кадр имеет такое же изображение, как первый кадр, поэтому мы его удаляем (иконка корзинки внизу панели анимации) и остаётся 51кадр.

13)Меняем время задержки на 2сек. На кадрах: 1,34,40,46, т.е. на тех кадрах, где нет наслоения промежуточных кадров.

Вот и всё. Сохраняем в гиф формате.
Для лучшего качества гиф файла рекомендую такие настройки сохранения.

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