Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

effective_AdobeFlashCS3

.pdf
Скачиваний:
7
Добавлен:
10.04.2015
Размер:
2.23 Mб
Скачать

61

символа slider из библиотеки. Посмотрите содержимое слайдера, вернитесь на сцену. Создайте пустой символ в слое slider. Вставить, Новый символ, ФР, placeholder, вернитесь на сцену. Если символ на сцене не отображается, то перенесите его из библиотеки. Для удобства позиционирования слайдера поставьте ФР с крайнюю левую позицию на сцене. Задайте имя экземпляра slider. Войдите в режим редактирования этого ФР. Создайте новый слой с названием menu. Из библиотеки перенесите slider в это слой, разместите слайдер таким образом, чтобы точка регистрации совпадала с левой границей сцены. Лкм по 10 кадру в слое menu, F6. Между 1КК и 2КК задайте анимацию движения. В 1КК слоя menu передвиньте слайдер влево.

Лкм по 10 кадру слоя menu, F6, задайте анимацию движения между КК, в первом КК передвиньте слайдер таким образом, чтобы на сцене присутствовала надпись click here. Посмотрите, как будет происходить анимация движения слайдера. Удерживая клавишу Alt переместите 1КК на 15 кадр слоя menu – кадр дублируется. Задайте анимацию движения между 2КК и 3КК. При помощи ползунка времени просмотрите анимацию.

Переместите layer 1 на верх. Лкс по 10 кадру, F6. В панели действий на 1КК слоя 1 запишите

stop();

На 2КК слоя 1, запишите: stop();

Войдите в режим редактирования слайдера. Перейдите в слой buttons, заблокируйте остальные слои, инструментом прямоугольник зеленого цвета без обводки с выключенной опцией Рисование объектов, нарисуйте прямоугольник, закрывающий надпись click here. Выделите прямоугольник и преобразуйте в кнопку с именем invis. Войдите в режим редактирования кнопки и создайте состояние Попаданий (перенесите кадр из состояний Вверх на состояние Попаданий).

Вернитесь на редактирование символа slider, задайте имя экземпляра – click_bnt. Нажмите F8и преобразуйте кнопку в ФР с именем menu и именем экземпляра – menu_mc.

Вернитесь на сцену. В слое actions на сцене запишите: slider.menu_mc.click_btn.onRelease=function(){

slider.play(nextFrame);

}

Протестируйте приложение. Войдите в режим редактрования placeholder, В свойствах 1КК слоя menu укажите Замедлить: 100, Лкм по 2КК слоя menu, лкм по предыдущему кадру, F6. Переместите слайдер в «развернутое состояние». 2КК – -100. Лкм по последнему КК в слое menu, лкм по предыдущему кадру, F6. Переместите слайдер в «свернутое состояние». Протестируйте проект.

62

Выпадающее меню

015.fla. Разверните паку слоев Folder 1 и рассмотрите элементы содержимое слоев. Заблокируйте папку. Перейдите в слой menu, перенесите ФР menu из библиотеки на сцену, переместите ее таким образом, чтобы оно было расположено в верхней части сцены под заголовком «Drop outs…», задайте ширину ФР 550, имя экземпляра – menu_mc. Войдите в режим редактирования ФР, создайте слои с именами labels, menu text, submenu. Перенесите слой submenu вниз. Лкм по 5 кадру в слое labels, F6, 10 кадру F6, 15 кадру F6, 20 кадру F6. Лкм по 20 кадру в слое menus, F5. Задайте метку

1КК в слое labels – start, 2КК – l1, 3КК – l2, 4КК – l3. В 1КК слоя labels в панели действий запишите:

stop();

Востальных КК – аналогично.

Вслое submenu при помощи инструмента прямоугольник – с оранжевой окантовкой и темно-серым цветом заливки нарисуйте прямоугольник, кот будет играть роль подменю. Инструментом стрелка 2 лкм по объекту – выделяется весь объект и контур и заливка, F8, ФР, с именем sub. Установите параметр непрозрачности около 70%. Заблокируйте слои menus & submenus. Переедите в слой menu text. Инструментом текст белого цвета, размер 14, шрифт _sans, с выставленной опцией Статический текст, укажите область для текста. В качестве текста напишите, разделяя Enter-ами: sublink1, sublink2, sublink3, sublink4.

Выберите кнопку в панели настроек – Изменить параметры формата: В появившемся диалоговом окне:

Задайте желаемые параметры для текста, например задайте межстрочный интервал, чтобы текст подменю умещался на нарисованном ранее прямоугольнике.

Лкм по 20 кадру в слое menu text, F5. Лкм по 20 кадру в слое menu submenu, F5. Поставьте блокировку на слоях labels & menus. Отмените блокировку у слоев menu text & submenu. Разместите слои следующим образом: самый

63

нижний слой – submenu, затем – menu text, menus, labels. Выделите 1КК в слоях menu text & submenu, перенесите их на 5 кадры – таким образом создается 2КК, а 1КК получается пустым. Выделите содержимое слоев и перенесите под ссылкой link one. Снова выделите заполненные КК в слоях menu text & submenu и, удерживая клавишу Alt, перенесите в 10 кадр – КК дублируются. Выделите содержимое слоев и перенесите под ссылкой link two. Выделите заполненные КК в слоях menu text & submenu и, удерживая клавишу Alt, перенесите в 15 кадр – КК дублируются. Выделите содержимое слоев и перенесите под ссылкой link three. Выделите заполненные КК в слоях menu text & submenu и, удерживая клавишу Alt, перенесите в 20 кадр – КК дублируются. Выделите содержимое слоев и перенесите под ссылкой link four.

Вернитесь на сцену. Создайте слой buttons, заблокируйте слои menu и actions. Инструментом прямоугольник без обводки с желтым цветом заливки нарисуйте прямоугольник, закрывающий ссылку link one. Выделите прямоугольник, F8, кнопка с именем invis. Войдите в режим редактирования символа, создайте состояние Попаданий, остальные состояния удалите. Вернитесь на сцену. Задайте для кнопки имя экземпляра btn1, продублируйте ее 3 раза, разместите над предполагаемыми пунктами меню, задайте имена экземпляров: btn2, btn3, btn4. Заблокируйте слой.

Перейдите в слой actions, разблокируйте его. В панели действий запишите: btn1.onRollOver=function(){

menu_mc.gotoAndPlay(“l1”);

}

Проверьте действие кнопки. Если все Ок, напишите ниже: btn2.onRollOver=function(){

menu_mc.gotoAndPlay(“l2”);

}

btn3.onRollOver=function(){ menu_mc.gotoAndPlay(“l3”);

}

btn4.onRollOver=function(){ menu_mc.gotoAndPlay(“l4”);

}

Проверьте действие меню. Если все нормально, то зайдите в режим редактирования символа menu. Создайте новый слой rollout? Сделайте его самым нижним. Перейдите в этот слой. Инструментом прямоугольник желтого цвета без заливки с выключенной опцией по рисованию объектов, нарисуйте прямоугольник левее первого выпадающего меню, а затем ниже этого меню, затем правее меню (таким образом, чтобы эти прямоугольники слились в единый объект и образовали рамку). Выделите полученный

64

объект, F8, кнопка с именем rollout, войдите в режим ее редактирования. Создайте состояние Попаданий, остальные состояния удалите. Перейдите в режим редактирования menu, задайте имя экземпляра – rollout_btn. Лкм по 5 кадру в слое rollout, F6 переместите кнопку, 10 кадру, F6, переместите кнопку, 15 – F6, переместите кнопку, 20 – F6, переместите кнопку. В 1КК переместите невидимую кнопку за пределы сцены.

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

Перейдите в слой actions. В панели действий запишите: menu_mc.rollout_btn.onRollOver=function(){

menu_mc.gotoAndStop(“start”);

}

Проверьте действие меню.

Работа с видео

018.fla. Файл, Импорт, Импортировать видео.

65

Нажав на кнопку Обзор, выбрать dance_short, нажать на кнопку Открыть, затем нажать Далее.

Выбрать последовательную загрузку с web-сервера, затем нажать Далее.

66

67

Выбрать тему для оформления, затем нажать Далее.

68

В завершающем экране кроме кнопки Готово – особого выбора нет. Разместите импортированный объект на сцене по центру. Проверьте действие ролика.

Видео эффект

019.fla. Файл, Импорт, Импортировать видео. Для импорта выберите dance_short. Проверьте работоспособность ролика. Посмотрите, что по мимо сцены клип помещается в библиотеку. Преобразуйте видео-ролик в ФР. В панели свойств задайте яркость – -100%. Проверьте работоспособность ролика.

Векторное видео

Создайте новый проект, задайте имя 020.fla. Параметры рабочей области: 720 на 480, 24 кадров в в секунду. Вставить, Новый Символ, ФР с именем video. В режиме редактирования символа, Файл, Импорт, Импортировать в

69

рабочую область. Из папки 020 выберите первый файл, и нажмите Открыть. На вопрос об импорте последовательности, скажите уверенное Да. Вернитесь на сцену и из библиотеки перенесите символ video на сцену. Поменяйте скорость кадров на 16 кадров в секунду. Войдите в режим редактирования символа video, лкм по 1КК, выберите графический объект на сцене, Изменить, Растровое Изображение, Векторизация. Пороговое значение цвета – 100, наименьшая область – 8, снимите выделение, посмотрите результат. Лкм по 2КК, выберите графический объект на сцене, Изменить, Растровое Изображение, Векторизация. Пороговое значение цвета – 100, наименьшая область – 8, снимите выделение, посмотрите результат. Делать так и далее более 100 кадров – долго и нудно. Откройте новую панель: Окно, Другие панели, Журнал.

В данной панели записаны Ваши действия. С ее помощью можно выбирать новые изображения и применять операцию Векторизация – нажимая на кнопку Повтор. Выделите действия: Векторизация и Отменить выделение, нажмите на кнопку в виде дискеты – сохранить выделенные действия как команду.

Укажите название команды: traceBM. После этого данная команда будет доступна в меню Команды. Для быстрого выполнения действий – Редактирование, Сочетание клавиш.

70

В разделе команды выберите Команды, traceBM,

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]