Анимация Flash-фильтров в анимации движения

• April 25, 2024

На данный момент, у нас есть хорошая свеча пламени Flash^р анимация. Тем не менее, зритель все еще может заметить повторение в анимации. Мы можем исправить это, удлинив Твин. Также мы добавим свечение на дно свечи и оживим его.

Сначала мы добавим больше кадров к нашему Tween. Один из способов сделать это - скопировать кадры Tween с одного слоя и вставить их на другой слой. Вы можете спросить себя, чем это отличается от повторяющейся анимации, которую мы имеем сейчас. Хитрость заключается в том, чтобы перевернуть кадры анимации для нового слоя, чтобы анимация воспроизводилась в обратном порядке. Это усложнит для зрителя распознавание повторения.

1. Нажмите на Кадр 1 слоя back_glow. В меню выберите «Редактировать», «Временную шкалу», «Копировать кадры».

2. Добавьте новый слой вверху временной шкалы. Первая анимация заканчивается в кадре 56, и мы хотим, чтобы эта анимация началась немедленно. Добавьте ключевой кадр в кадр 57.

3. Нажмите на 57-й кадр и нажмите «Изменить», «Временную шкалу», «Вставить кадры». Flash дублирует анимацию. Вы заметите, что имя нового слоя было изменено на back_glow. Возможно, вы захотите добавить «2» к имени, чтобы указать, что это второй Твин.

4. Теперь щелкните правой кнопкой мыши на Tween и выберите Reverse Keyframes.

Повторите это для слоев flame_shape и flame_glow.

Теперь мы можем добавить наше свечение в нижней части свечи. У нас есть пустой слой с именем bg, который мы можем использовать для свечения.

5. Переименуйте слой bg в bottom_glow. Установите цвет заливки # fe7705 и обводку на ноль.

6. С помощью инструмента Oval нарисуйте овал под свечой. Преобразуйте овал в мувиклип под названием bottom_glow.

Чтобы превратить овал в свечение, мы добавим фильтр размытия.

7. На панели «Фильтры» добавьте фильтр размытия. Установите для параметров Blur X и Y значение 56px, а для параметра Quality - значение High.

Последний штрих - добавить маленькую тень внизу свечи.

8. Добавьте новый слой чуть выше слоя bottom_glow и назовите его «shadow».

9. Установите цвет заливки # 000000 и нарисуйте маленький овал внизу свечи.

10. Преобразуйте овал в мувиклип под названием «тень».

11. Добавьте фильтр Blur к этому мувиклипу. Установите Blur X и Y на 16px, а качество на High.

Добавьте анимацию движения в слой bottom_glow. Теперь мы можем анимировать видеоклип bottom_glow. Мы будем использовать пролеты Tween, которые мы только что создали для пламени, в качестве ориентира. Двигайтесь вдоль временной шкалы, останавливаясь на каждом ключевом кадре пламени Твин. Добавьте ключевой кадр в диапазон анимации bottom_glow. Измените размер клипа bottom_glow на каждом ключевом кадре.

Последний шаг - немного организовать в библиотеке. Мы хотим, чтобы все активы для этого CandleFlame Fla были в папке CandleFlame Assets. Перетащите клипы shadow и bottom_glow в эту папку.

Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, элементы Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, фейерверки, содействие, увлечение, Flash Catalyst и Flash Paper является или является [a] зарегистрированным товарным знаком (-ами) или товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.

Видео инструкция: Уроки с Holiday - Adobe Flash Pro, делаем анимацию глаза без символов. (April 2024).