Director MX

       

Создание анимации



Глава 5 Создание анимации
Глава 5. Создание анимации ВведениеМетоды анимацииПрактическое упражнение 5.1: Запись в реальном масштабе времениПрактическое упражнение 5.2: Пошаговая записьПрактическое упражнение 5.3: Запись с...
Введение
ВведениеПо крайней мере, в пределах программы Director мы можем определить анимацию как изменение изображения во времени. Примерами анимации в Director'e могут служить изменение размеров, цвета и...
Методы анимации
Методы анимации В Director'e вы сможете создавать анимацию с помощью четырех основных методов: записи в реальном масштабе времени, пошаговой записи, записи с прорисовкой промежуточных фаз и поячее...
Практическое упражнение 5 1 Запись
Практическое упражнение 5.1: Запись в реальном масштабе времени В этом упражнении мы будем анимировать космический корабль и использовать каждый кадр спрайта в качестве ключевого кадра. Каждый клю...
Завершенная сцена

Завершенная сцена Что должно получиться за сценой На рис. 5.2 показано, как будет выглядеть ваша партитура в завершенном виде. Обратите внимание на то, что спрайт 1 является элементом фона, созда...
Завершенная партитура
Завершенная партитураПошаговые инструкции 1. Начнем с открытия файла, содержащего нужные нам элементы, следующим образом. а) Выберите File | New .

2. Выберите File | Save As и поместите ваш нов...
Помещение космического корабля на сцену
Помещение космического корабля на сцену в) Property Inspector, вероятно, уже открыт и находится справа на экране. Если нет, то выберите Window | Property Inspector. г) Вкладка Sprite должна быть...
Определен эффект прозрачности Matte
Определен эффект прозрачности Matte6. В следующем шаге спрайт настраивается для записи следующим образом. Функция записи в реальном масштабе времени требует того, чтобы спрайт был выбран в партит...

Индикация записи в реальном масштабе
Индикация записи в реальном масштабе времени на сцене и в партитуре 7. Запись начнется после щелчка мышью по космическому кораблю на сцене с последующим удерживанием кнопки мыши и будет продолжат...
Путь анимации в режиме записи в реальном масштабе времени
Путь анимации в режиме записи в реальном масштабе времени 10. Используя Control Panel, сначала выполните перемотку, а затем щелкните по Play, чтобы видеть вашу анимацию. 11. Сохраните вашу работу...
Практическое упражнение 5 2 Пошаговая запись
Практическое упражнение 5.2: Пошаговая запись В этом упражнении вы изучите метод пошаговой записи. Это второй метод, который вы можете использовать для создания анимации в Director'e. По сравнению...
Сцена при завершении упражнения
Сцена при завершении упражненияНа рис. 5.7 показано, как будет выглядеть сцена после завершения упражнения: мяч должен прыжками спускаться вниз по ступенькам. Что должно получиться за сценой На р...
Партитура при завершении упражнения
Партитура при завершении упражненияПошаговые инструкции 1. Давайте начнем с открытия файла, содержащего нужные нам элементы, следующим образом.
а) Выберите File | New 2. Выберите File | Save As...
Поместите мяч на верхнюю ступеньку лестницы
Поместите мяч на верхнюю ступеньку лестницы4. Во вкладке Sprite в Property Inspector установите в поле Ink опцию Matte. 5. Давайте настроим регистратор пошаговой анимации. а) Партитура должна бы...
Выбор опции Step Recording
Выбор опции Step Recording 6. Обратите внимание на индикатор записи рядом с кадром 1 в партитуре, показанный на рис. 5.11....
Индикатор пошаговой записи в партитуре
Индикатор пошаговой записи в партитуре7. Давайте создадим анимацию для мяча. а) Если Control Panel еще не открыта, то выберите Window | Control Panel. б) Щелкните по кнопке Step Forward (Шаг Впе...

Кнопка Step Forward на обеих панелях Control Panel
Кнопка Step Forward на обеих панелях Control Panel в) Поместите спрайт Ball на сцену так, чтобы мяч передвинулся вперед по первой ступеньке и оказался на самом краю этой ступеньки. г) Щелкните п...
Начало пути анимации
Начало пути анимации е) Щелкните по кнопке Step Forward на Control Panel для продвижения кадра. Передвиньте спрайт Ball вниз и влево. ж) Щелкните по кнопке Step Forward на Control Panel для прод...
Сцена показывающая завершенный путь анимации
Сцена, показывающая завершенный путь анимации м) Перемотайте вашу анимацию и щелкните Play на Control Panel для того, чтобы наблюдать созданное вами. Вы можете всегда вернуться и выбрать кадр сп...
Практическое упражнение 5 3 Запись

Практическое упражнение 5.3: Запись с прорисовкой промежуточных фаз Самым практичным методом для создания анимации является процесс, называемый в Director'e прорисовкой промежуточных фаз. Вы обнар...
Сцена завершенного упражнения
Сцена завершенного упражнения Что должно получиться за сценой На рис. 5.16 показана партитура в том виде, какой она должна иметь при завершении этого упражнения. Эта партитура походит на партитур...
Завершенная партитура
Завершенная партитура 2. Выберите File | Save As и поместите ваш новый файл в папку с именем Save Work на вашем жестком диске. Назовите файл MyCar.dir. 3. Выберите Edit | Preferences | Sprite (Пр...
Выбор Edit | Preferences | Sprite
Выбор Edit | Preferences | Sprite 4. В поле Span Duration (Интервал Показа) в открывшемся диалоговом окне измените настройку на 48, как показано на рис. 5.18. После этого спрайт будет содержать в...
Установка поля Span Duration
Установка поля Span Duration 5. Партитура, скорее всего, будет уже открыта. Если нет, то выберите Window | Score. 6. Окно Cast также, вероятно, будет открытым. Если нет, то выберите Window | Cast...
Первый ключевой кадр для спрайта Саг в канале 2

Первый ключевой кадр для спрайта Саг в канале 212. На сцене поместите автомобиль на улице в самой правой части сцены. Это будет стартовая точка анимации, как показано на рис. 5.20....
Стартовая точка анимации
Стартовая точка анимации...
Подсказка 1
Когда спрайт выбирается в кадре, несодержащем ключевого кадра, как в шаге 13, то выделяется весь спрайт. И, наоборот, если бы вы выбрали кадр 1, содержащий ключевой кадр, то был бы выбран только э...
Новый ключевой кадр в кадре 26 канала 2
Новый ключевой кадр в кадре 26 канала 215. На сцене перетащите автомобиль влево до перекрестка. Обратите внимание на путь анимации, создаваемый на сцене, как показано на рис. 5.22....
Автомобиль у перекрестка и возникший путь анимации
Автомобиль у перекрестка и возникший путь анимации 16. В партитуре щелкните по кадру 40 (в канале 2) спрайта Саr. 17. Выберите Insert | Keyframe. 18. Перетащите автомобиль влево и поместите его р...
Вращение спрайта Саr

Вращение спрайта Саr 21. Выберите последний кадр (48) в канале 2 партитуры. 22. Выберите Insert | Keyframe. 23. Передвиньте автомобиль на сцене влево и поставьте его на пустое парковочное место....
Автомобиль в окончательном припаркованном положении
Автомобиль в окончательном припаркованном положении26. Используя Control Panel, перемотайте фильм. Щелкните по кнопке Play и просмотрите анимацию. 27. Для того чтобы внести в анимацию эффект торм...
Доступ к опциям прорисовки промежуточных фаз спрайта
Доступ к опциям прорисовки промежуточных фаз спрайта в) Выберите Smooth Changes (Плавные Изменения) в диалоговом окне Sprite Tweening, показанном на рис. 5.26. Director сгладит все изменения межд...
Диалоговое окно Sprite Tweening
Диалоговое окно Sprite Tweening г) Передвиньте бегунок Ease-Out на 10%. Это создаст иллюзию плавного заезда на стоянку и торможения автомобиля до полной остановки. Щелкните по кнопке ОК, чтобы з...









Содержание раздела