Создание видео

Урок № 3
Создание раскадровки
для видео

¾¾ План работы.
Для чего нужна раскадровка. Основные принци-
пы раскадровки. Обзор сервиса Storyboardthat.
Создание раскадровки для Room Tour. Групповая
съемка тура.

2
 Содержание

Содержание
Создание видео................................................................ 1
Создание раскадровки для видео................................. 4
Обзор сервиса Storyboardthat......................................... 9
Создание раскадровки для Room Tour....................... 23

3
Урок № 3

Создание раскадровки
для видео
Раскадровка (сториборд) — это набор схематических
кадров, отражающих ключевые сюжетные повороты
видеоролика. Раскадровка используется в мультипли-
кации, при создании фильмов и рекламных роликов.
В игровом кино создание раскадровки позволяет наметить
костюмы, обстановку сцен, размещение камер и света.
По сути, это первая визуализация сценария, которая
позволяет до мелочей продумать ролик, взглянуть на
него со стороны зрителя (рис. 1).

Рисунок 1

4
 Создание раскадровки для видео

С помощью грамотно выстроенной раскадровки

можно:
1. Сэкономить время, заранее продумав план действий.
2. Согласовать спорные моменты командной съемки.
3. Убедиться в необходимости тех или иных сцен для
раскрытия идеи, дополнив или сократив сценарий.
4. Создать предварительную визуализацию проекта,
которую в  дальнейшем будет намного проще мон-
тировать.
Основные принципы раскадровки
1. Создание раскадровка не требует никаких специ-
альных навыков.
Не нужно до мельчайших деталей прорисовывать
каждый кадр, достаточно обозначить расположение
основных элементов в сцене с помощью линий и при-
митивов (кругов, квадратов и т.д.).
2. Разноплановость кадра.
Каждая сцена содержит как минимум три плана —
передний, средний и дальний. Каждый из них требует
заполнения, иначе глубина кадра будет потеряна.
3. Каждый герой требует маркировки.
Схематические рисунки обладают как плюсами, так
и минусами. К примеру, если в сцене присутствует
несколько персонажей, на разных кадрах их будет
сложно различить. В таких случаях каждую фигу-
ру нужно маркировать с помощью букв или цифр.
Соответственно, первичный замысел не будет по-
терян (рис. 2).

5
Урок № 3

Рисунок 2
4. Не следует перегружать пространство кадра.
Оставляйте пустое место вокруг персонажей и объек-
тов. В противном случае может возникнуть чувство,
что объекты зажаты в кадре.
5. Использование разных ракурсов оживляет картинку.
Если вы хотите создать действительно интересный
ролик, попробуйте поэкспериментировать с ракур-
сами. Иногда, взглянув на один и тот же объект под
разными углами, можно увидеть в нем абсолютно
разные черты. К примеру, взгляд сверху-вниз делает
объекты визуально меньше, а ракурс снизу, наобо-
рот, — больше и массивней (рис. 3).

6
 Создание раскадровки для видео

Рисунок 3
Отдельное внимание следует уделить передаче дви-
жения героев и камер в кадре. Направление любых дей-
ствий, жестов и всевозможных спецэффектов следует
обозначать стрелками.
Аналогичным образом следует обозначить переме-
щение камеры. К примеру, ее наезды и отъезды принято
изображать стрелками, выходящими за пределы кадра.
Это дает возможность дополнить кадр заметками отно-
сительно характера движения или поворотов (рис. 4).

7
Урок № 3

Рисунок 4
Для обозначения панорамного кадра, можно разбить
сцену на несколько частей: отрисовать начальный фраг-
мент в первом квадрате, а финальный — в последнем.
Также при создании раскадровки необходимо учиты-
вать простейшие законы монтажа, к примеру, чередовать
планы по крупности (крупный план после дальнего, деталь
после среднего и т.д.).
Финальным продуктом раскадровки нередко стано-
виться так называемый «аниматик». Это полноценный
анимационный ролик, дополненный музыкой и звуками.
Техника исполнения зачастую максимально упрощена.
Самый известный пример такого ролика — сцена из
фильма «Темный рыцарь: Возрождение легенды» (рис. 5).

8
 Создание раскадровки для видео

Рисунок 5

Обзор сервиса Storyboardthat

Существует множество методов создания раскадровок.
К примеру, нужное количество прямоугольников можно
нарисовать на обыкновенном листе А4. Также можно ис-
пользовать специальные блокноты для раскадровок, либо
найти в интернете и распечатать шаблон Storyboard (рис. 6).

Рисунок 6

9
Урок № 3

Самый простой способ — использовать специали-

зированные компьютерные программы для создания
раскадровок. Существует огромное множество подобных
сервисов, среди которых можно выделить несколько са-
мых популярных, например:
■■ ToonBoom (рис. 7);

Рисунок 7
■■ Celtx (рис. 8);

Рисунок 8

10
 Создание раскадровки для видео

■■ PowerProduction Software (рис. 10);

Рисунок 9
■■ Digital Storytelling (рис. 11).

Рисунок 10
Перейдем к практике. Создавать раскадровки будем
в программе StoryboardThat. Для начала перейдем на офи-
циальный сайт и зарегистрироваться. Самый простой
способ — использовать Google-почту, либо аккаунт в со-
циальных сетях (рис. 11).

11
Урок № 3

Рисунок 11
Чтобы создать новый проект, нажимаем на кнопку
Create a Storyboard, как показано на рисунке 12.

Рисунок 12
Давайте кратко ознакомимся с интерфейсом сервиса.
С помощью StoryboardThat можно быстро создать пол-
ноценную раскадровку, не затрачивая много времени на
прорисовку персонажей и локаций. В библиотеку сервиса
заложено большое количество шаблонных элементов,
которые позволяют быстро оформлять сценарии любого
жанра и направленности (рис. 13).

12
 Создание раскадровки для видео

Рисунок 13
К примеру, во вкладке Scenes можно найти фоны
с изображением улиц, комнат, школьных классов, пейза-
жей, а также исторических или фантастических локаций
(рис. 14).

Рисунок 14
Во вкладке Characters находятся персонажи разных
возрастов, пола и профессии. Здесь также можно найти
представителей разных эпох, например, Средневековья,
Древней Греции или Египта, а также животных и всевоз-
можных мистических, мифических и волшебных существ
(вампиров, привидений, магов, кентавров и т.д.) (рис. 15).

13
Урок № 3

Рисунок 15
Вкладка Textables содержит диалоговые блоки, де-
коративные рамки и таблички, а также стилизованные
звуки для обозначения всплесков, ударов и т.д. (рис. 16).

Рисунок 16
Любые вспомогательные формы и элементы, в том
числе символы, числа и стрелки, находятся во вкладке
Shapes (рис. 17).

Рисунок 17
Во вкладке Web&Technology можно найти всевозмож-
ные объекты для создания инфографик, эмодзи, иконок
(в том числе социальных сетей), элементов интерфейсов
и т.д. (рис. 18).

14
 Создание раскадровки для видео

Рисунок 18
Вкладка Science содержит изображения разных науч-
ных приборов, молекул, космических аппаратов и планет
(рис. 19).

Рисунок 19
С помощью элементов из последней вкладки Work­
sheets, можно создавать более сложные системы раскадро-
вок в пределах нескольких квадратов, дополнять кадры
заголовками или описаниями. По сути, данная вкладка
выполняет вспомогательную роль (рис. 20).

Рисунок 20

15
Урок № 3

Также в библиотеку сервиса можно загрузить соб-

ственные картинки. Для этого нужно открыть вкладку
Uploads. Однако существует ряд ограничений контента,
в частности, нельзя использовать фото детей младше
13 лет, материалы для взрослых, а также изображения,
защищенные авторским правом (рис. 21).

Рисунок 21
Сама раскадровка выстраивается на рабочей области
в центре экрана, где вы можете комбинировать и настраи-
вать все элементы, которые будут присутствовать в сцене
(рис. 22).

Рисунок 22
Шаблонные картинки можно дополнительно редак-
тировать. Рассмотрим пример на рисунке 23. В данном
фоне можно изменить цвет дома, цветов, а также неба.
Комбинируя разные оттенки, можно сымитировать ясную,
пасмурную погоду или ночное время.

16
 Создание раскадровки для видео

Рисунок 23
Также любые изображения можно масштабировать,
отзеркалить, поворачивать и кадрировать (рис. 24).

Рисунок 24
Персонажей можно редактировать. Помимо смены
цвета одежды, волос и кожи, можно изменить позы,
чтобы добиться более эмоционального взаимодействия
героев в кадре.
Стандартный набор действий и эмоций включает
разговоры, грусть, гнев и т.д. (рис. 25).

17
Урок № 3

Рисунок 25
Если нажать на кнопку Edit Pose (Редактировать
позу), откроется дополнительное окно редактора, где
можно вручную изменить выражение лица персонажа,
позу головы, рук и ног, а также изменить ракурс (вид
сбоку или сзади) (рис. 26).
На нижней панели находятся кнопки создания, ре-
дактирования и сохранения самого шаблона. Прежде
всего рассмотрим Storyboard Layout (Шаблон сториборда)
(рис. 27).
В данном окне можно выбрать вариант комбинации
рабочего поля, заголовка и блока для заметок (рис. 28).

18
 Создание раскадровки для видео

Рисунок 26

Рисунок 27

Рисунок 28

19
Урок № 3

Если необходимо поменять местами несколько ка-

дров, нажимаем кнопку Move Cells (Перемещение Ячейки).
После этого в открывшемся окне поочередно кликаем по
кадрам, которые нужно переместить (рис. 29).

Рисунок 29
Подобным образом работает кнопка Copy Cells (Ко-
пировать Ячейки). Она пригодится в тех случаях, когда
необходимо скопировать или заменить один кадр на
другой (рис. 30).

Рисунок 30
Рассмотрим меню дополнительных инструментов —
Advanced Tools (рис. 31).

Рисунок 31
В данном окне (рис. 32) можно:
■■ поменять размер кадров сториборда — кнопка Cell
Size (Размер Ячейки);
■■ включить вспомогательную сетку кадра — кнопка
Grid Lines (Линии Сетки);
■■ задать написание заголовков большими буквами —
кнопка Title Caps (Заголовок шапки);

20
 Создание раскадровки для видео

■■ поменять цвет фона и букв заголовка — кнопки Title

Emphasis (Название Акцента) и Description Emphasis
(Описание Акцента).
Также все настройки можно скинуть по умолчанию —
кнопка Clear All (Очистить все).

Рисунок 32
Дополнительно можно отменить последнее действие,
нажав на кнопку Undo, или вернуть отменную команду,
кликнув Redo. Для сохранения проекта следует нажать
Save (рис. 34).

Рисунок 33

21
Урок № 3

Создание раскадровки для Room Tour

Теперь давайте выполним небольшое практиче-
ское задание: создадим раскадровку для Room Tour
по Академии. Данное задание необходимо выполнять
в группах, поэтому нужно разделиться на команды по
2–3 человека.
Следующий этап — создание раскадровки. Сначала
нужно продумать краткий сценарий тура, решить, ка-
кие помещения будут участвовать в съемке, что о них
рассказать. К съемке также можно привлечь друзей или
преподавателя. После этого разбейте действия на само-
стоятельные кадры, пронумеруйте их с учетом последо-
вательности эпизодов и сцен.

Рисунок 34

22
 Создание раскадровки для видео

Важно прописать краткие комментарии к каждому

кадру, например:
■■ приветствие на камеру;
■■ герой спускается по лестнице и оглядывается;
■■ вход в аудиторию;
■■ крупный план какого-либо объекта и т.д.
Пример готовой раскадровки (рис. 34).
Когда раскадровка будет готова, перейдите к съемке
видеоролика хронометражем 10–12 минут. Следует пом-
нить о том, что каждый член команды отвечает за свой
участок работы и свою локацию.

23
Урок № 3
Создание раскадровки для видео

© Компьютерная Академия «Шаг»

www.itstep.org

Все права на охраняемые авторским правом фото-, аудио- и видеопро-

изведения, фрагменты которых использованы в материале, принадле-
жат их законным владельцам. Фрагменты произведений используются в
иллюстративных целях в объёме, оправданном поставленной задачей, в
рамках учебного процесса и в учебных целях, в соответствии со ст. 1274
ч. 4 ГК РФ и ст. 21 и 23 Закона Украины «Про авторське право і суміжні
права». Объём и способ цитируемых произведений соответствует
принятым нормам, не наносит ущерба нормальному использованию
объектов авторского права и не ущемляет законные интересы автора
и правообладателей. Цитируемые фрагменты произведений на момент
использования не могут быть заменены альтернативными, не охраня-
емыми авторским правом аналогами, и как таковые соответствуют
критериям добросовестного использования и честного использования.
Все права защищены. Полное или частичное копирование материалов
запрещено. Согласование использования произведений или их фраг-
ментов производится с авторами и правообладателями. Согласованное
использование материалов возможно только при указании источника.
Ответственность за несанкционированное копирование и коммерческое
использование материалов определяется действующим законодатель-
ством Украины.