Открытие конверта Flash ActionScript 3

• May 17, 2024

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

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

Давайте начнем с рисования прямоугольника на сцене, который будет нашим конвертом, и меньшего прямоугольника в правом верхнем углу, который будет нашей печатью.

1. Переименуйте слой 1 в «Env» и нарисуйте прямоугольник в центре сцены, который будет вашим конвертом. Конверт может быть любого цвета, который вы пожелаете, если вы можете видеть его на белой сцене. Нарисуйте меньший прямоугольник, который будет печатью.
   
   
2. Чтобы преобразовать наш штамп в кнопку, выберите штамп и нажмите «Изменить» - «Преобразовать в символ». В диалоговом окне установите следующие значения.
   
   Название - штемпельная кнопка
   Тип - Кнопка
   Регистрация - левый верхний угол
   
   
3. Теперь перейдите в инспектор свойств и присвойте этой кнопке имя экземпляра stampButton.
   
   
4. Дважды нажмите на кнопку, чтобы войти в режим редактирования. Вы увидите четыре этапа кнопки на временной шкале. Добавьте ключевой кадр на сцену Hit. Затем нарисуйте прямоугольник над областью, где находится штамп на конверте. Это определит интерактивную область для кнопки штампа. Нажмите Scene1, чтобы вернуться к основной временной шкале.
   
   Теперь мы нарисуем клапан для конверта.
   
   
5. Добавьте новый слой на шкалу времени и перетащите этот слой под слой Env. Переименуйте этот слой в «Лоскут».
   
   
6. Мы будем использовать инструмент PolyStar, чтобы нарисовать лоскут. Вы найдете его спрятанным под инструментом Прямоугольник. Нажмите на значок PolyStar и перейдите к Инспектору свойств. Нажмите кнопку «Параметры», чтобы открыть диалоговое окно «Настройки инструмента». Установите Количество сторон на 3 и нажмите ОК.
   
   Теперь нарисуйте треугольник на сцене и вращайте его, пока точка треугольника не будет направлена ​​вверх. Перетаскивайте треугольник, пока он не установится вдоль верхней части конверта. Нажмите на инструмент Free Transform и измените форму лоскута на ту же ширину, что и конверт.
   
   Далее →
   
   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 в США и / или других странах.
   
   
   Открытие конверта Flash ActionScript 3, Flash и анимация, Flash конверт с открытой анимацией, кнопки для запуска анимации, ActionScript3 и слой Action, прослушиватель событий, запуск функции, анимация клапана конверта