Creative Video

Авторизация

Ваш логин / почта:

И пароль

забыли пароль?
Регистрация


Урок 4. Создаем простейшие движения

Визуальный режим создания видео (visual mode)

На данном видеоуроке рассматриваются основные моменты для создания видео в визуальном режиме
Создавать видео можно гораздо проще и быстрее. Хотите узнать как? Смотрите видео

Данный урок является 1-м уроком в визуальном режиме, но приступать к его изучению рекомендую только после изучения всех уроков в пошаговом режиме, именно поэтому в некоторых источниках он трактуется как урок №4. При желании, Вы можете пристурать к его изучению минуя первые 3 урока создания видео.

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

В данном уроке будет минимум теоретического материала и максимум рисунков с просьбой повторить нарисованное.

Итак. Для начала выполняем обычную процедуру регистрации, если у Вас еще нет своей учетной записи, или авторизацию, если Вы уже зарегистрированы. В качестве пробника Вы можете использовать демонстрационный вход demo/demo

Создаем новое видео, если Вы создаете видео впервые, или нажимаем редактировать уже созданное, если ранее Вы уже создавали видео.

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

Создание видео в визуальном режиме
Создание видео в пошаговом режиме

При нажатии сохранить, Мы попадаем в визуальный редактор состояний.

Создаем первый и единственный объект, нажав на кнопку создать объект в нижней части экрана.

Добавление объекта
Добавление объекта

Выбираем изображение для него, которое лежит в каталоге public/tutorial/Lesson1picture.jpg

Статья О том, как пользоваться загрузчиком изображений

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

Создаем обънет и растягиваем его на весь экран
Создаем обънет и растягиваем его на весь экран

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

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

Делаем объект максимально прозрачным
Делаем объект максимально прозрачным

Выбираем 3-ю секунду на оси времени, для этого кликаем на оси и отпускаем кнопку мыши. Желтая вертикальная линия, характеризующая текущий момент времени движется в указанную секунду.

Перемещаем активное положение на 3-ю секунду
Перемещаем активное положение на 3-ю секунду

Далее выбираем инструмент для изменения прозрачности (если он был изменен) и движением мыши над объектом вниз – делаем наш слайд полностью видимым.

На полосе времени при этом появляется полоса действия

Восстанавливаем видимость на 3-й секунде
Восстанавливаем видимость на 3-й секунде

Далее устанавливаем курсор на 8-ю секунду, точно также кликнув на полосу времени.

Выбираем первый инструмент позиционирования, наводим на изображение, курсор мыши превращается в 4 стрелки, характеризующие перемещение, тянем наш объект в левую часть полотна за границу рабочего экрана

Отводим объект влево на 8-й секунде
Отводим объект влево на 8-й секунде

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

Вы наверное успели заметить, что действия происходят слишком быстро, во всяком случае, хотелось бы, чтобы они двигались более плавно. Чтобы это изменить, выбираем инструмент для растяжения, далее наводим курсом на действие нашего объекта, курсор превращается в горизонтальные стрелочки, далее точно также, как изображение – растягиваем каждое наше действие, на 2 секунды. В результате должна получиться следующая картина.

Изменяем продолжительность действий
Изменяем продолжительность действий

Если у Вас это получилось – можете смело нажимать на просмотр , там должен быть результат

Как Вы видите, мы добились того же результата, что и на уроке №1, только другими методами, более простым и наглядным путем. На дальнейших уроках будут рассмотрены правила взаимодействия множества объектов в визуальном режиме