Форум » Уроки анимации » Дождик + смена цвета. Часть 2(авторский урок) » Ответить
Дождик + смена цвета. Часть 2(авторский урок)
Admin: Первая часть урока ЗДЕСЬ. Во второй части урока мы создаём анимацию. У нас всё готово, чтобы сделать анимацию. Приступим. [more]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- Ольга Бор. [/more]
Ответов - 3
ТАНЮШКА: Олечка, огромное спасибо за твой труд и подробное описание! Еще в плейкасте наслаждалась и ломала голову, как ты подобное творишь... Ушла пробовать...
Admin: ТАНЮШКА пишет: Олечка, огромное спасибо за твой труд и подробное описание! Еще в плейкасте наслаждалась и ломала голову, как ты подобное творишь... Ушла пробовать... Пожалуйста, Танюша! Никогда не ломай голову - она у тебя умная и пригодится ещё. Лучше спроси. Ты же меня знаешь - всегда отвечу и расскажу
Галинка: Ничего себе урок, это ж целый день или ночь нужно просидеть... Надеюсь, скоро созрею и для таких работ. Спасибо Оленька, за твои уроки!!!
полная версия страницы