Шаг 1. Создайте новый документ Flash, и сохраните его на диске. Movie Properties: Width 510 Height 250. Размеры ролика и некоторых его составных частей (дорожки для строки) в данном случае играют

Шаг 1. Создайте новый документ Flash, и сохраните его на диске. Movie Properties: Width 510 Height 250. Размеры ролика и некоторых его составных частей (дорожки для строки) в данном случае играют существенную роль, и если вы хотите избежать ошибок, выполняя урок, строго соблюдайте указанные в примере размеры (размеры ролика, текста и т.д.). В последующем вы, конечно, можете смело экспериментировать и производить все необходимые расчёты самостоятельно. Создайте в нём два Movie Clip. Movie Clip №1 (Symbol) – Dynamic text (динамический текст). Movie Clip №2 (Scroll) – в нём будет организован скроллинг динамического текста, то есть движение созданного вами Movie Clip №1 (Symbol).

Шаг 2. Создадим Movie Clip №1 (Symbol). Для этого используйте команду Insert ® New Symbol. Обозначьте свойства текста, работая с палитрами Text Options и Character (см. рисунок). Затем воспользуйтесь инструментом Text Tool и определитесь с областью для ввода. Введите в эту область ряд цифр, в данном примере: 12345678901234567890. Обратите внимание на гарнитуру шрифта (если вы хотите работать с кириллицой, то выбирайте шрифты …Cyr, в данном примере Arial Cyr). scroll – имя переменной, в которой будет храниться динамический текст. Закончив работу с роликом, перейдите на сцену.

Шаг 3. Создадим Movie Clip №2 (Scroll). В данной работе вам будет нужна не то чтобы ювелирная точность, но тем ни менее чтобы не испытывать проблем при перемещении объекта очень рекомендуется работать в режиме View ® Grid ® Show Grid (сетка). Итак, вам снова нужно использовать команду Insert ® New Symbol. Создайте 3 слоя. Слой №3 (верхний слой) для акции. В слоях №1 и №2 будет создана анимация. Перейдите на слой №1. Откройте библиотеку Window ® Library и перенесите на вашу сцену Movie Clip №1 (Symbol). В палитре Instance пропишите имя no3, затем перейдите на фрейм №165 и сделайте его ключевым Insert ® Keyframe. Находясь на этом фрейме, переместите Symbol на 10 клеточек влево, используя клавишу управления курсором (чтобы вся сцена была у вас перед глазами, используйте режим View ® Zoom Out). Если вы уже не «новичок» то можете воспользоваться палитрой Info и прописать новую координату по оси X. Теперь, когда у вас есть два ключевых фрейма, создайте анимацию. Палитра Frame ® Tweening ® Motion (см. рисунок).

Перейдите на слой №2. Сделайте ключевым фрейм №110 (затем переключитесь на фрейм №1 слой №1 и скопируйте его содержимое в буфер Edit ® Copy). Снова вернитесь к кадру №110 слоя №2, и вставьте в него содержимое буфера, используя команду Edit ® Paste in Place. Теперь перейдите к фрейму №275 слоя №2 и сделайте его ключевым. Затем обратитесь к фрейму №165 слоя №1, и также скопируйте его содержимое в буфер (Edit ® Copy). Снова вернитесь к фрейму №275 слоя №2, и вставьте в него содержимое буфера, используя команду Edit ® Paste in Place. Создайте анимацию между двумя получившимися фреймами. Палитра Frame ® Tweening ® Motion.

Теперь переходим к слою №3. Сделайте фрейм №220 ключевым и пропишите ему акцию:

gotoAndPlay (110);

Вернитесь на сцену.

Шаг 4. Теперь, имея в своём распоряжении 2 Movie Clip в библиотеке, приступим к декорации сцены и реализации задуманного нами сценария. Создадим на сцене 5 слоёв:

Слой №1 (нижний слой) – background (фон). На нём разместите дорожку для бегущей строки (в данном примере размеры дорожки 470´70).

Слой №2 (поднимаемся вверх) – scrolling text. На нём разместите Movie Clip №2, используя библиотеку вашего ролика. На вашей дорожке должны быть видны только первые четыре цифры строки (правда, после использования слоя маски будут видны только две)! То есть большая часть строки будет находиться за сценой (см. рисунок). Строка будет бежать по дорожке справа налево. Используя палитру Instance, пропишите Movie Clip №2 на вашей сцене Name: scroll.

Слой №3 – text. Здесь вы должны разместить Static text и Input text. В данном примере Static text это заголовок: Изучаем Flash 5.0 Input text. Scroll и комментарий: Введите свой текст: Напротив комментария разместите Input text. Впишите в выделенную вами область тот же ряд цифр, который вы прописали в Movie Clip №1, то есть: 1235678901234567890. Если вы хотите чтобы текст, вводимый пользователем, был размещён в «окне» то поставьте галочку Border/Bg. Не забудьте обозначить имя переменной для Input text, Variable: inptext (см. рисунок).

Слой №4 – maska. В данный слой разместите два прямоугольника 25´70 (того же цвета что и дорожка для бегущей строки). Эти прямоугольники будут ограничивать размер дорожки, то есть будут ограничивать поле для вывода scrolling text.

Слой №5 – actions. Здесь вы должны разместить 3 ключевых фрейма. Пропишите фреймам акции:

Фрейм №1:

_root.scroll.no3/:scroll = /:inptext;

Фрейм №2:

_root.scroll.no3/:scroll = /:inptext;

gotoAndPlay (1);

Фрейм №3:

stop ();

Шаг 5. Протестируйте свой ролик Control ® Test Movie.

Дата добавления: 2015-09-29