Эффект перехода Flash-страницы Копировать в сетку

• May 8, 2024

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

Вот переход, который мы будем строить. Как видите, одиннадцать вертикальных прямоугольников расширяются по сцене и работают как маска, чтобы показать фоновое изображение. С помощью помощника Copy to Grid нам нужно создать только один прямоугольник мувиклипа, а затем назначить ему анимацию анимации движения. Остальная часть работы по созданию анимации перехода страницы сделана для нас Flash.

Давайте начнем новый фильм с разрешением 550 x 400 пикселей и будем использовать ActionScript 2.0. Пустой фильм должен иметь только один кадр и один слой «Слой 1» на временной шкале. Переименуйте этот слой в «Переход». Для нашего примера я импортировал фоновое изображение на сцену. Это дало мне новый слой на временной шкале. Я переименовал этот слой в «Фон» и перетащил его вниз, чтобы сделать его нижним слоем на временной шкале. Мы будем работать над переходным слоем.

1. Нажмите на Кадр 1 слоя Перехода. С помощью инструмента «Прямоугольник» нарисуйте маленький прямоугольник в любом месте сцены (обведите ноль, залейте черным или любым другим цветом по вашему выбору).
   
   
2. С помощью инструмента «Выделение» выберите прямоугольник. В инспекторе свойств установите ширину прямоугольника равной 50 пикселям, высоту - 400 пикселов, а положения X и Y - 0,0. Если вы используете сцену другого размера, вам нужно, чтобы высота вашего прямоугольника была высотой сцены. Затем разделите ширину сцены на любое число, чтобы получить ширину вашего прямоугольника.
   
   
3. С выделенным прямоугольником перейдите в строку меню и нажмите «Вставка» - «Эффекты временной шкалы» - «Помощники» - «Копировать в сетку». Откроется диалоговое окно «Копировать в сетку». Это займет одиннадцать наших прямоугольников, чтобы покрыть всю стадию. Для параметров «Размер сетки» установите количество строк равным 1, а количество столбцов - 11. (Если вы используете другое количество прямоугольников, замените число «11» на количество прямоугольников.) Кроме того, для строк и столбцов задайте для параметры пространства сетки до нуля. Нажмите кнопку «Обновить просмотр» и подождите несколько разделов, чтобы Flash завершил работу. Затем нажмите OK, чтобы закрыть диалоговое окно. Теперь вы должны видеть черный цвет на протяжении всей сцены.
   
   
4. Пойти в библиотеку. Там вы найдете графическое изображение «Copy to Grid 1» и другое графическое изображение «effectSymbol» (внутри папки «Эффекты»). Щелкните правой кнопкой мыши изображение EffectSymbol и выберите «Свойства» в меню. В диалоговом окне «Свойства» измените «Тип» с «Графический» на «Видеоклип». Повторите это для рисунка Copy to Grid 1.
   
   

Теперь мы готовы прикрепить анимацию движения к видеоклипу effectSymbol. В библиотеке дважды щелкните мувиклип effectSymbol, и вы попадете на временную шкалу мувиклипа.

Далее →

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 в США и / или других странах.

Видео инструкция: 15 горячих клавиш, о которых вы не догадываетесь (May 2024).