Итак, в этом уроке я вас научу как делать плавное измение в анимации. Например плавное окрашивание, плавное увеличение, уменшение, измение, перемещение и прочее и прочее... Вообщем список велик до невозможности. Но в этом уроке я вам буду показывать пример этого способа на появлении и исчезновении текста. Приступим.
Откроем картинку или создадим новый произвольный документ. Я использовала новый, размером 640х70рх, с чёрным фоном.
Напишем что-нибудь или ведилим то, что хотим изменить.
У меня это будет белый текст с некоторыми эффектами на чёрном фоне.
Затем мы откроем окно для анимации (Window -> Animation)
Сдублируем слой в окне анимации.
Убедитесь что у вас выбран первый слой в окне с анимацией.
Затем выберите слой со своим главнм персонажем и установите прозрачность на 0%.
Сделали? Отлично!
Тогда выбираем второй слой в окне с анимацией.
Опять выбираем наш главный слой, но меняем теперь прозрачность на 100%.
Дальше всё просто. Убедимся что нигде ничего не изменилось, и на первом слое у нас ничего не видно (из того, с чем вы делаете анимацию) а на втором всё прекрасно можно увидеть.
Убедились? Тогда ещё убедитель что у вас выбран второй слой и жмём эту кнопку (Tween)
Дальше так. Так как вы выбрали второй слой, то вы хотите растянуть действие с предыдущим слоём. Поэтому у вас должно быть выбрано Tween with previous layer. Там где Frames To Add выберите количество слоёв которые добавятся. Чем больше слоёв, тем медленее будет анимация. Я поставила 15. Мне так нравится. Там где Parameters выбираете параметры которые хотите чтоб менялись. Я выбираю все. Жмём OK.
Теперь можете посматреть что у вас получилось. У меня всё это выглядит так.
Ну, думаю принцип вам понятен. И можете уже сами делать свою плавную анимацию.
По такому же принципу я сделаю чтоб мой текст опять пропал. Но ещё я хочу чтоб на какое-то время он оставался виден. Для этого продолжительность последнего слоя я ставлю на 3 секунды.
Затем дублирую последний слой (только не дублеруйте слой с каким-то временем. Прежде чем дублировать, уберите прододжительность (потом опять поставите), а то у вас получатся все слои с такой же продаджительностью. Но если забыли, ничего страшного. Просто выделите все слои и установите продаджительность на 0 (No delay))и ставлю прозрачность нового слоя на 0%. И применяю Tween. Затем сохраняю (Save Optimized As...) и усё готово.
Вот мой результат.
А вот ещё примеры того, как можно применить этот урок.
(тут движется блик таким же способом)
Надеюсь этот урок будет вам полезен. =)
Автор: Black Unicorn
