русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Покадровая анимация


Дата добавления: 2015-08-06; просмотров: 827; Нарушение авторских прав


Когда-то покадровая анимация была единственным способом создания мультфильмов. Только с помощью прорисовки вручную каждого кадра можно было добиться последовательного движения персонажа. Во Flash создание движения автоматизировано с помощью анимации Форма и анимации Движение. Но покадровая анимация тоже иногда бывает незаменима, особенно при создании мультфильмов и эффектов появления текста.

Для создания эффекта выполним следующие действия:

1. Создадим новый документ text5 со слоем Текст.

2. Создаем первый ключевой кадр и с помощью инструмента Текст пишем Привет всем. Выравниваем текстовой блок на середине экрана.

3. Создаем серию ключевых кадров для покадровой анимации. Для этого на слое Текст через один фрейм нажмем клавишу <F6> столько раз, сколько символов в словосочетании.

4. Для того, чтобы добиться последовательности появления букв на первом ключевом кадре, от слов Привет всем, оставим только первую букву П. На втором ключевом кадре оставим две буквы Пр. И так далее до конца словосочетания.

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

Для этого воспользуемся символом Анимация.

1. Создадим новый слой с именем — ползунок.

2. Выбираем инструмент Линия и создаем коротки горизонтальный отрезок. Настраиваем его с помощью параметров панели Свойства, задав цвет и толщину линии.

3. Нажимаем клавишу <F8> "Преобразовать в символ" и выбираем тип символа Фрагмент ролика.

4. Для создания эффекта мигания создадим анимацию Движение. Для этого двойным щелчком выделим вновь созданный символ на панели Библиотека. Откроется новое окно, как на рисунке.

На пятом фрейме (второй ключевой кадр) курсор меняет цвет с красного на зеленый. Настройка цвета производится с помощью пункта Цвет обводки, на 10 фрейме цвет опять красный. Задаем анимацию Движение.



Примечание. Перед заданием анимации сгруппируйте объект. Для этого выберите в меню Изменить пункт Группировать. Иначе анимация создана не будет.

Мигающий курсор готов. Его надо внести в основной клип и заставить двигаться перед каждой буквой.

Вернемся на сцену клипа, щелкнув по пиктограммеСцена 1.

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

Прием "штора"

Прием "штора" тоже позволяет последовательно показывать буквы словосочетания, но реализован он будет с помощью типа анимация Движение.

1. Создадим новый документ text7. Зададим светло-голубой фон документа и слой Текст с надписью Привет всем.

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

3. С помощью инструмента Прямоугольник создадим вытянутый прямоугольник цвета фона и удалим его контур.

4. На первом ключевом кадре расположим прямоугольник так, чтобы он перекрыл весь текст, а на втором (25 фрейм) сожмем с помощью инструментаМасштаб, и установим за словосочетанием. При этом не забываем группировать объекты, иначе анимации Движение не будет.



<== предыдущая лекция | следующая лекция ==>
Атака с двух флангов | Полупрозрачная надпись


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.01 сек.