Создание сценария для клипа. «Раскраска»

1. Откройте приложение Macromedia Flash

2. Создайте новый фильм. Установите цвет фона: серый; частоту смены кадров: 30 fps.

3. В отдельном слое создайте колёса будущей машины:

4. Создайте новый слой. В нём создайте кузов автомобиля с заливкой зелёного цвета:

5. Создайте новый слой. В него скопируйте изображение кузова, залейте синим цветом и совместите с изображением красного кузова:

6. Создайте новый слой. В него скопируйте изображение кузова, залейте красным цветом и совместите с предыдущими изображениями:

7. Расположите слои следующим образом: сверху – красный, под ним зелёный, снизу – синий.

8. Поочерёдно в каждом из слоёв выделите кузов автомобиля и преобразуйте в символ-клип, присваивая в палитре Параметры в поле Имя копии имена red, green, blueсоответственно.

9. Создайте новый слой под слоями с изображениями кузова, скопируйте в него из библиотеки фильма символклип с красным кузовом.
В палитре Параметры этой копии символа-клипа в поле Цвет установите атрибут Tint

При этом весь экземпляр окрасится в белый цвет. Совместите изображение кузова с предыдущими изображениями.

10. Создадим переключатели-«бегунки»: Создайте новый слой. Сперва создайте линии, по которым «бегунки» будут перемещаться. Длина каждой линии должна составить 80 пикселей.

11. Создайте символ-кнопку (например, с именем Lever) с изображением переключателя-бегунка:

12. Вставьте в фильм из библиотеки три образца символа-кнопки Lever и преобразуйте каждый из них в символы-клипы с помощью команды Вставить ► Преобразовать в символ, присвоив им имена, например, control_red, control_green, control_blueсоответственно.

В результате получатся символы-клипы, внутри которых будут размещаться символы-кнопки. Расставить переключатели-«бегунки» на соответствующие места:

13. Поочерёдно заходя в режим редактирования символа-клипа, для символов кнопок напишите коды на ActionScript, обрабатываюшие следующие символы-клипы:

on (press) {
startDrag("/control_red", false, 80, 343, 160, 343);
}

on (release, releaseOutside) {
stopDrag();
}

on (press) {
startDrag("/control_green", false, 234, 343, 314, 343);
}

on (release, releaseOutside) {
stopDrag();
}

on (press) {
startDrag("/control_blue", false, 388, 343, 468, 343);
}

on (release, releaseOutside) {
stopDrag();
}

14. Для всей последовательности вставьте кадры во второй кадр:

15. В слое с красным кузовом для второго кадра напишите код ActionScript, обрабатывающий следующие события:

setProperty("/red", _alpha, (getProperty("control_red",_x)-80)*1.25);
setProperty("/green", _alpha, (getProperty("control_green",_x)-234)*1.25);
setProperty("/blue", _alpha, (getProperty("control_blue",_x)-388)*1.25);

16. В отдельном слое дорисуйте детали машины:

17. Готовое изображение сохраните в своей папке в формате *.fla

18. Протестируйте фильм, нажав сочетание клавиш <Ctrl>+<Enter>, устраните недочёты..