Популярность видео растет с каждым днем. Сегодня практически каждый житель Земли смотрит видео, работая, обучаясь и отдыхая. Для привлечения внимания публики к различным вопросам в разных сферах деятельности для создателей видеороликов актуальной становится проблема разработки оригинальной техники их создания.

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

Поиск информации в Интернет по этому вопросу выдал следующие результаты: много web-страниц по созданию мультипликационного ролика из пластилина и только один сайт https://doodle.mavideo.ru/plastilin/ [1] с видеокурсом Марии Езуповой, на котором предлагается пошаговое обучение созданию видео из картинок, рисующихся пластилином, в стиле пластилиновой аппликации.

Связавшись с Марией Езуповой, мы выяснили, что она является единственным автором техники пластилиновой анимации с использованием специальных программ, для создания рисованного видео (Приложение 1) и я с удовольствием изучила новую технологию создания видеороликов [2].

Цель проекта

Создать видеоролик воспитательного назначения для школьников по теме «Животные берегут природу».

Задачи проекта:

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

Разработать видеоролик по теме «Животные берегут природу» в технологии пластилинового видео.

Представить видеоролик пользователям.

План проекта:

Изучить технологию создания пластилинового рисованного видео.

Научиться работать с инструментами программ Adobe Photoshop, Adobe Illustrator, Sparkol VideoScribe, ProShowProduser для создания и монтажа пластилинового рисованного видео.

Подобрать контент для создания ролика.

Подготовить раскадровку видеоролика.

Разработать видеоролик и разместить в открытом доступе в сети Интернет.

Изучить мнение аудитории.

Описание проекта

Файл с видеороликом в формате mp4, общее время воспроизведения 96 секунд.

Практическая значимость проекта

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

Реализация проекта

Программное обеспечение для создания рисованного пластилинового видео

Для создания рисованного пластилинового видео использовалось следующее программное и инструментальное обеспечение: программа растровой графики Adobe Photoshop, программа векторной графики Adobe Illustrator, видео Sparkol VideoScribe, программа для создания видео ProShowProduser, файл пластилинового стиля для программы.

В проекте были использованы рисунки из поисковых систем Google, Yandex, рисунки бесплатного сайта SVG-графики openclipart.org и allday1.com.

Для создания пластилинового видео картинки должны соответствовать следующим параметрам:

небольшое количество деталей;

ровная однотонная заливка:

без обводки;

без градиентов и бликов;

без теней;

без мелких рисунков и текстур;

не фотографии.

Картинки должны иметь векторный формат ai, eps, svg, но можно использовать и растровый формат jpg, png, tif, gif.

Для надписей пластилином, шрифты подбираются без засечек.

Технология создания пластилинового рисованного видео

Изучив материал по созданию пластилинового рисованного видео в стиле пластилиновой аппликации, составлен алгоритм действий (см. Таблицу).

№	Действие	Что понадобится	Что получится
1	Находим подходящие картинки и шрифты	Сайты с картинками	Файлы с картинками в растровом или векторном формате, файлы шрифтов
2	Разделяем их на кусочки по цвету	Adobe Photoshop Adobe Illustrator	Файлы в формате png
3	Применяем к кусочкам пластилиновый стиль	Adobe Photoshop и файл с пластилиновым стилем	Файлы в формате png
4	Обрабатываем пластилиновые кусочки: создаем траекторию прорисовки	Adobe Illustrator	Файлы в формате svg
5	Собираем картинки в программе рисованного видео	Sparkol VideoScribe	Сцена видеоролика, файл в формате mov

Пример этапов работы представлен на рисунке 1 в Приложении 1.

Раскладка картинки на части

Разделяем картинки на кусочки, которые будут появляться в видео, как будто их
кто-то намазывает пластилином.

Раскладка векторной картинки на части в программе Adobe Illustrator

Алгоритм работы:

Открыть картинку: Файл – Открыть;

Разделить картинку на кусочки для видео: Окно – Слои – Развернуть слой – Развернуть Группа – Отключить видимость деталей картинки на слое;

Подогнать монтажные области под картинку: Объект – Монтажные области – Подогнать по границам иллюстрации;

Сохранить файл с прозрачностью в отдельной папке: Файл – Сохранить файл для Интернета – формат png, Прозрачность, размер: высота 1080 пикс.

Раскладка растровой картинки на части в программе Adobe Photoshop

В программе Adobe Photoshop применяем инструменты Волшебная палочка, Кисть, Заливка, а так же используем Слои.

Алгоритм работы:

Открыть картинку: Файл – Открыть;

Выделить с помощью волшебной палочки объект или несколько деталей объекта (использовать клавишу Shift) – Вырезать;

Файл – Создать документ – Вставить объект;

В Слоях - Отключить фон;

Сохранить файл в формате png.

Создание пластилинового стиля для картинки

Для того чтобы, картинка выглядела так, как будто вылеплена из пластилина, необходимо:

Загружаем пластилиновый стиль в Adobe Photoshop: Редактирование – Наборы – Экспорт/Импорт наборов... – Импорт наборов – Выбрать папку импорта – Добавить выбранный стиль;

Открыть сохраненный файл с картинкой (фон – прозрачный);

Применить пластилиновый стиль: Окно – Стили – Выбрать стиль;

Сохранить заготовки в отдельную папку.

Пример применения пластилинового стиля представлен на рисунке 2 в Приложении 2.

Создание пластилиновой надписи

Установить понравившийся шрифт по адресу: С:\Programms Files\Fonts

Запустить программу Adobe Photoshop, используя панель Символы отредактировать текст: размер, расстояние между символами, цвет;

Применить пластилиновый стиль к надписи: Окно – Стили – Выбрать стиль;Сохранить в формате png.

Обработка картинки для прорисовки

Чтобы в программе для рисованного видео картинки появлялись постепенно, как будто кто-то намазывает пластилином аппликацию необходимо открыть программу Adobe Illustrator:

Открыть сохраненные пластилиновые заготовки;

Подогнать монтажные области под картинку: Объект – Монтажные области – Подогнать по границам иллюстрации;

Выбрать инструмент Карандаш, подобрать толщину, изменить концы и углы инструмента Карандаш на круглые: команда Окно – Обводка;

Заштриховать (закрасить) всю картинку;

Отключить основное изображение на панели Слои;

Выделить оставшиеся слои с помощью инструмента Прямое выделение;

Задать выделенным слоям Непрозрачность - 0 (Окно – Прозрачность);

Включить основное изображение на панели Слои;

Сохранить файл формате svg.

Параметры сохранения файла в формате svg представлены на рисунке 3 в Приложении 2. Пример прорисовки картинки представлен на рисунке 4 в Приложении 5.

Разработка ролика

Подготовка раскадровки

Для разработки проекта была применена программа рисованного видео Sparkol VideoScribe, в которой используется технология Дудл-видео, где видеоряд строится с помощью последовательного добавления цветных или черно-белых картинок в векторном формате SVG, которые либо вносятся в кадр, либо прорисовываются с помощью руки или фломастера [3].

Подготовка раскадровки – это примерное описание рисунков, создание концепта1 и сценария. В проекте использованы цветные рисунки. Подготовка раскадровки – один из самых важных этапов проекта, так как создается прототип будущего видео. В Приложении 3 представлен пример подготовки раскадровки.

Подготовка анимации в Sparkol VideoScribe

При подготовке анимации рисунков использованы следующие приемы работы в программе:

фиксация нескольких рисунков на одной сцене с помощью кнопки Set camera, см. Рисунок 5 Приложения 3;

выбор видов анимации: простое появление, настройка времени анимации.

Сохранение видео в Sparkol VideoScribe

Видео в программе Sparkol VideoScribe сохраняется в виде отдельных сцен в формате mov.

Монтаж видеоролика

Для монтажа видеоролика использована программа ProShouProduser. Добавлены созданные сцены, для которых отредактированы продолжительность, настройка переходов, добавлено звуковое сопровождение. В проекте использована музыкальная композиция из бесплатного сборника звуков и аудио эффектов [4]. Интерфейс программы ProShouProduser в процессе монтажа видеоролика представлен на рисунке 6 в Приложении 4.

Публикация и изучение мнения аудитории

Видеоролик был представлен 19 учащимся средних и старших классов. Фото представлены в Приложении 5.

Для изучения мнения аудитории было предложено ответить на вопросы анкеты созданной средствами Google форм. Вопросы анкеты и результаты анкетирования представлены в Приложении 6. Анализ результатов анкетирования показал, что такая техника пластилиновой анимации известна и нравится большинству опрошенных. Все учащиеся не в полной мере правильно определили программы, в которых создаются видеоролики в технике пластилиновой анимации. Опрошенные поняли, что видеоролики в такой технике создаются в нескольких графических программах и большая часть, хотели бы научиться создавать видеоролики в таком стиле.

Заключение

Подводя итоги работы над данным проектом, необходимо отметить следующее:

Разработан видеоролик по теме «Животные берегут природу».

Одним из самых трудных этапов реализации проекта считаю этап подготовки картинок и раскадровки сцен видеоролика.

При разработке проекта я получила опыт работы в программах Sparkol VideoScribe, Adobe Photoshop, Adobe Illustrator, ProShowProduser.

В перспективе мы вместе с моим педагогом планируем реализовать летнюю образовательную программу «Пластилиновое видео» в МАУ ДО «Компьютерная школа», в ходе которой я буду работать наставником.

Используемые интернет-ресурсы

[Электронный ресурс]. - Режим доступа: https://doodle.mavideo.ru/plastilin

[Электронный ресурс]. - Режим доступа: https://mavideo-school.ru/teach/control/stream/view/id/5152304

[Электронный ресурс]. - Режим доступа: https://studio-info.com/doodle-video-programma-dlya-sozdaniya-risovannogo-video

[Электронный ресурс]. - Режим доступа: https://zvukipro.com/music/1142-smeshnaja-muzyka-dlja-fona-bez-slov.html

Приложение 1