4. Нижний слой будем использовать для фона (циферблата часов). Для этого необходимо нарисовать циферблат. Отцентруйте его на столе. После этого создайте цифры, выровняв их относительно друг друга:
5. Во втором слое создайте маленькую стрелку:
6. Выделив маленькую стрелку, примените команду главного меню командуИзменить ► Группировать.
7. В третьем (самом верхнем слое) слое создайте большую стрелку:
8. Выделив большую стрелку, примените команду главного меню командуИзменить ► Группировать.
9. Выберите слой с большой стрелкой и создайте для него слой с направляющей, нажав кнопку Добавить направляющую движения :
10. В слое с направляющей большой стрелки, выбрав инструмент Эллипс и убрав для него заливку , нарисуйте контур, по которому будет двигаться большая стрелка. Отцентруйте контур и измените его масштаб так, чтобы он проходил через центр стрелки:
11. Инструментом Стирание самого маленького диаметра с установкой модификатора Стирать линии сделайте на контуре небольшой разрыв (в несколько пикселей) для обозначения начала и конца пути стрелки:
12. Выберите большую стрелку и выполните команду Вставить ► Создать двойное движение. При этом точка сцепления стрелки переместится в начало пути:
13. Для слоя с большой стрелкой и её направляющей создайте ключевые кадры на 60-м кадре.
14. На 60-м кадре, отменив выделение, передвиньте большую стрелку в конец пути:
15. На первом кадре большой стрелки в палите Параметры установите: Направл. пути
16. Выберите слой с маленькой стрелкой и создайте для него слой с направляющей, нажав кнопку Добавить направляющую движения :
17. В слое с направляющей маленькой стрелки, выбрав инструмент Эллипс и убрав для него заливку , нарисуйте контур, по которому будет двигаться маленькая стрелка. Отцентруйте контур и измените его масштаб так, чтобы он проходил через центр стрелки:
18. Инструментом Стирание удалите часть контура таким образом, чтобы путь маленькой стрелки составлял 1 час (например, с 9 до 10):
19. Выберите маленькую стрелку и выполните команду Вставить ► Создать двойное движение. При этом точка сцепления стрелки переместится в начало пути:
20. Для слоя с маленькой стрелкой и её направляющей создайте ключевые кадры на 60-м кадре.
21. Отменив выделение, передвиньте маленькую стрелку в конец пути и с помощью инструмента Свободная трансформация установите нужное положение.
22. Задатйте скорость воспроизведения 1 кадр в секунду (1 fps).
23. Готовое изображение сохраните в своей папке в формате *.fla
24. Просмотрите готовый фильм, нажав сочетание клавиш <Ctrl>+<Enter>.
Macromedia Flash MX. Задание № 7.4. Слои. Направляющие «Движение по направляющей. Эпизод II. Мяч» | создание слоев для размещения объектов | слой с направляющей | панель инструментов выровнять | скорость движения объектов | замедление движения
Слои. Направляющие
«Движение по направляющей. Эпизод II. Мяч»
1. Откройте приложение Macromedia Flash
2. Создайте новый фильм.
3. Создайте дополнительно два слоя.
4. Задайте скорость воспроизведения 10 кадров в секунду (10 fps)
5. Переименуйте слои в Контур, Мяч и Тень. Контур – верхний слой, под ним Мяч, а нижний слой – Тень от мяча:
6. В слое Мяч создайте мяч с оранжевым радиальным градиентом без контура за пределами видимой области.
В слое Контур создайте контур и совместите его с мячём
В слое Тень создайте тень от мяча и разместите её внизу стола:
7. Создайте слои для направляющих контура и мяча:
8. В слое с направляющей для мяча создайте направляющую:
9. Скопируйте направляющую в слой для направляющей контура и совместите обе направляющие при помощи панели Выровнять.
10. В слое Мяч выделите заливку и сгруппируйте её командой Изменить ► Группировать.
11. Для созданной группы выполните команду Вставить ► Создать двойное движение. Совместите маркер группы с началом направляющей:
12. Для слоя Мяч создайте ключевые кадры на 35-м кадре:
13. На 35-м кадре, сняв выделение, передвиньте мяч в конец направляющей:
14. Выберите слой Мяч. Далее работаем только с этим слоем.
15. На первом каздре слоя Мяч в палите Параметры установите замедление: Своб. = –100
16. Вставьте ключевой кадр на 9-м кадре и на нём установите первое нижнее положение мяча (согласно траектории):
В этом ключевом кадре в в палите Параметры скорость изменений (Замедление): Своб. = 100:
17. Вставьте ключевой кадр на 17-м кадре и на нём установите следующее, верхнее положение мяча (согласно траектории):
В этом ключевом кадре в в палите Параметры скорость изменений (Замедление): Своб. = –100:
18. Вставьте ключевой кадр на 13-м кадре и на нём установите следующее, верхнее положение мяча (согласно траектории):
В этом ключевом кадре в в палите Параметры скорость изменений (Замедление): Своб. = 100:
19. Перейдите к слою Контур. На 1-м кадре в слое Контур выделите контур мяча и сгруппируйте его командой Изменить ► Группировать.
20. Для созданной группы выполните команду Вставить ► Создать двойное движение. Совместите маркер группы с началом направляющей. Обратите внимание на то, чтобы контур совпал также и с изображением мяча:
21. Для слоёв Контур и Направляющая: Контур создайте ключевые кадры на 35-м кадре.
Сняв выделение передвиньте контур в конец направляющей. Обратите внимание на то, чтобы контур совпал также и с изображением мяча.
22. Выберите слой Контур. Далее работаем только с этим слоем.
23. Повторите для контура пункты 14-17, обращая внимание на то, чтобы контур совпадал и с изображением мяча в ключевых кадрах.
24. В ключевых кадрах контура (1, 9, 17, 23 - м) придайте контуру вращение задав в палитреПараметры: Вращать = CW раз
25. На этом анимация контура закончена! Просмотрите фильм, нажав клавишу <Enter>. В фильме мяч должен вращаясь подпрыгивать. Теперь приступим к созданию тени.
Перейдите к слою Тень.
26. Создайте радиальный градиент со внутренним источником света и переходом между цветом фона и чёрным (ими тёмно-синим):
27. Используя созданный градиент, в слое Тень создать градиентную заливку без контура в виде овала. С помощью инструмента Свободная трансформация наклоните тень и придайте ей перспективу:
28. Создайте слой для направляющей тени:
29. Включив на временной диаграмме опцию редактировать несколько кадров , создатйте для тени направляющую таким образом, чтобы она во первых, повторяла изгибы направляющей для мяча, а во-вторых, в местах, где мяч должен коснуться поля, касалась его нижней части.
30. В слое Тень выделите заливку и сгруппируйте её командой Изменить ► Группировать
31. Для созданной группы выполните команду Вставить ► Создать двойное движение. Совместите маркер группы с началом направляющей.
32. Для слоёв Тень и Направляющая: Тень создайте ключевые кадры на 35-м кадре.
Сняв выделение передвиньте тень в конец направляющей.
33. Выбрите слой Тень. Далее будем работать только с этим слоем. В палитре Параметрыбудем редактировать как параметры кадра, так и параметры тени.
34. В 1-м кадре для тени в палитре Параметры установите параметр Цвет Alpha
35. Для кадра в палитре Параметры установите скорость изменений (замедление): Своб. = –100
36. Вставьте ключевой кадр на 9-м кадре и на нём совместите нижнюю часть тени с нижней частью мяча.
Для кадра в палитре Параметры установите скорость изменений (замедление): Своб. = 100
для тени в палитре Параметры установите параметр Цвет Alpha
а размеры тени подберите так, чтобы тень чуть выглядывала из-за мяча.
37. Вставьте ключевой кадр на 17-м кадре и на установите тень в соответствующее положение.
Для кадра в палитре Параметры установите скорость изменений (замедление): Своб. = –100
для тени в палитре Параметры установите параметр Цвет Alpha
а размеры тени подберите, как средний размер между размером в 1-м и 9-м кадре.
38. Вставьте ключевой кадр на 23-м кадре и на нём совместите нижнюю часть тени с нижней частью мяча.
Для кадра в палитре Параметры установите скорость изменений (замедление): Своб. = 100
для тени в палитре Параметры установите параметр Цвет Alpha
а размеры тени установите, как в 9-м кадре.
39. В последнем ключевом кадре для тени в палитре Параметры установите параметр Цвет Alpha
40. Готовое изображение сохраните в своей папке в формате *.fla
41. Просмотрите готовый фильм, нажав сочетание клавиш <Ctrl>+<Enter>.
Macromedia Flash MX. Задание № 7.5. Слои. Направляющие «Создание анимационных фильмов» | использование слоев для создания анимации | анимация движения по направляющим | использование слоев с направляющими
Слои. Направляющие
«Создание анимационных фильмов»
1. Используя свойства слоёв, самостоятельно создате фильмы, подобные тому, который приведен на иллюстрации:
Macromedia Flash MX. Практическая работа № 8. Слои Маскирование слоев | слой маска | создание слоя-маски | анимация маски | создание анимационных фильмов
Слои. Слой маска. Анимация маски. Создание анимационных фильмов
Macromedia Flash MX. Задание № 8.1. Слои. Маскирование слоев «Создание слоя-маски» | использование слоев для маскирования изображения | скрытие фрагмента изображения с помощью слоя-маски