Планируем и создаём комикс

В этом руководстве мы взглянем на процесс, лежащий в основе создания страницы комикса.  Мы сосредоточимся на том, как можно превратить идею комикса в визуальный рассказ, сделав его лёгким и приятным для чтения при помощи различных видов панелей и перспектив. 
Мы можем сделать рабочий процесс в Adobe Illustrator быстрым и удобным при помощи обтравочных масок для создания панелей, а также меню «Эффект» для создания волнистых панелей с минимальными затратами времени.  

1. Создаём раскадровку

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

Шаг 1

Сложно создать комикс, если вам нечего рассказать, поэтому первый шаг – это придумать череду событий.  Повествование – это сама по себе форма искусства, и сейчас я не буду чересчур вдаваться в это, но вы узнаете несколько советов по организации своих идей и превращению их в визуальную историю. 
К примеру, я буду использовать моего маленького персонажа-повара из предыдущего руководства для создания небольшого комедийного комикса. Я хочу изобразить её жизнерадостной, но неуклюжей, поэтому у неё произойдёт несколько казусов на кухне, которые она изо всех сил постарается исправить. 
Начну с создания списка того, что могло бы с ней случиться, и как одно действие могло бы повлечь за собой другое.  Для этого я зарисовываю на бумаге всё, что приходит в голову, но если вам больше подходит печать на компьютере, можете использовать соответствующую программу.  Во время мозгового штурма важно удобство. 

Шаг 2

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

Пример сценария

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

Для этого руководства я возьму только первую страницу комикса.  Хотя он короткий и простой, я запишу для себя сценарий. Он не обязательно должен быть чем-то особенным и может просто состоять из списка действий.  Мне потребуется время, чтобы записать его и прояснить, что именно я буду рисовать. 

Шаг 3

С написанным сценарием, пусть он и простой, будет удобнее приступить к следующему шагу.  Теперь, когда у нас записаны все необходимые действия, пора превратить слова в картинки.  Постарайтесь нарисовать действия из сценария при помощи простых фигур из палочек.  Не старайтесь сделать их идеальными – важно то, что ваша история будет понятна на картинках так же, как и на листке бумаги. 
На этом этапе часто становится понятно, что упущены некоторые нужные детали в сценарии, или что какие-то моменты хороши только в тексте, но не на картинках.  Сценарий – не закон, поэтому вы можете возвращаться к нему, чтобы изменить что-то не понравившееся вам. На этом этапе мне нравится делать множество зарисовок и комментировать их сбоку. 
Обычно я делаю страницы раскадровки очень маленькими.  Если в раскладке много страниц, проще составить общее впечатление. Некоторым людям нравится создавать раскадровки размером с завершённый комикс.  Вы также можете попробовать этот способ, чтобы понять, что лучше подходит вам.

2. Выбираем правильный вид панелей 

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

Шаг 1

Во всём мире существуют разные стили комиксов, не только в виде рисунков, но также в виде раскладок.  Пустое пространство между панелями комиксов обычно именуются «канавками», и они часто используются в западных комиксах.  Одна или несколько панелей без канавок используются в отдельном типе раскладки, часто используемой в японских комиксах (манге).
Формы панелей комиксов также различаются.  Это не обязательно должны быть обычные квадраты и прямоугольники.  Круглая, звездообразная или волнистая панель могут создать разные ощущения или передать информацию читателю.  К примеру, волнистая панель часто используется для передачи момента фантазии, сна или памяти, а не текущего повествования. 

Размер панели также может изменить атмосферу комикса.   Очень длинная панель с обширным пространством может создать ощущение медлительности. Несколько маленьких панелей рядом друг с другом придадут ощущение большой скорости развития событий.  

Шаг 2

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

Шаг 3

Не важно, какой вид комикса вы создаёте, т.к. ключ всегда в ясности.  Читатель не должен быть озадачен вопросом, с какой панели начинать читать или что происходит.  Когда вы используете разные углы, проясните то, какие персонажи разговаривают, и откуда мы их наблюдаем.  
Отличный инструмент в этом – «правило 180 градусов».  Ему часто обучают в плёночной теории, но к комиксам его тоже можно применить.  Это воображаемая линия, которую не пересекает камера.  Таким образом камера может двигаться от одной стороны к другой, не смешивая персонажей.  Левый персонаж будет постоянно появляться на левой стороне, даже если камера расположена напротив или позади них. 
Хотя это и является правилом, это не значит, что его нельзя нарушить. Воспринимайте его как инструмент помощи, а не то, чему постоянно нужно следовать.  

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

Я создала эскиз для страницы комикса, пришло время для раскладки.  Даже после того, как вы распланировали свой комикс, во время рисования у вас всё равно может появиться желание изменить что-то.  Для этого прекрасно подойдут обтравочные маски.  Здесь я расскажу вам, как работают обтравочные маски в Adobe Illustrator и как их можно использовать при создании комиксов. 

Шаг 1

Начнём с открытия нового документа формата А4 в Illustrator. В меню Файл я выбираю «Поместить» для импорта моего эскиза на Монтажную область. Вы можете заметить большую букву Х поверх изображения.  Она нужна для того, чтобы показать, что картинка связана, но не встроена в документ.  Это значит, что если вам нужно переместить файл с картинкой, Illustrator не сможет загрузить картинку.  

Шаг 3

При помощи Инструмента «Прямоугольник» я размещаю страницу и панели как заполнители.  Я выбираю без заливки и синюю обводку.  Синий нужен для более простого отделения панелей, когда я перейду к раскраске. 

Шаг 4

Т.к. у меня уже есть эскиз, я могу начать рисовать чернилами так, как считаю нужным.  На этой панели будет забавное выражение шока, поэтому я начну с неё.  При помощи Инструмента «Кисть» я импортирую свою чернильную кисть из моего предыдущего руководства и начну рисовать длинными, энергичными штрихами.  Т.к. мы собираемся использовать обтравочные маски, не имеет значения, будут ли линии выходить за границы. Это сделает процесс рисования легче и веселее,  т.к. меньше ограничений.

Шаг 5

Как только с рисованием чернилами закончено, я выделяю все векторные контуры на панелях, не включая границы рамки.  Затем я группирую их, нажав Command-G.  Я снимаю выделение с группы, нажав либо Command-Shift-A, либо левой кнопкой мыши за пределами выделенного.  
Граница рамки будет нашей обтравочной маской, но нам также нужно обвести рамку чёрным.  Т.к. обтравочные маски прозрачные, чёрный контур рамки не будет видимым,  поэтому мы выделим саму рамку и создадим её копию, нажав Command-C.

Шаг 6

Здесь мы добавим группу содержимого панели к выделенному.  Выделив всё, нажмём правой кнопкой мыши и выберем «Создать обтравочную маску» в выпадающем меню. 

Шаг 7

Здесь мы вставим границу рамки, копию которой мы создали ранее, нажав Command-F.  Это поместит границу рамки поверх всего остального, и у нас получится законченная панель.  

Шаг 8

Что действительно очень лаконично, так это то, как легко вы можете изменять панели комикса при помощи таких обтравочных масок.  При помощи Инструмента «Прямое выделение» потяните-выделите одну из опорных точек маски. 
Это действие (потянуть-выделить) поможет одновременно выделить обе прозрачные обтравочные маски и чёрную границу рамки.  Теперь можете перетащить опорные точки, чтобы изменить внешний вид рамки.  Спрятанные части панели с рисунком также станут видны. 

Шаг 9

Теперь попробуем изменить другую панель.  У неё должна быть волнистая граница, чтобы показать фантазию.  С Illustrator просто достичь такого эффекта.  Начните с создания прямоугольника.  Добавьте больше опорных точек на каждой стороне.  Я добавила по пять на каждой длинной стороне и по две на каждой короткой.

Шаг 10

Выделив прямоугольник, перейдите в Эффект > Исказить и трансформировать > Зигзаг.
Вы попадёте в настройки меню.  Можете поэкспериментировать с настройками и посмотреть на разные результаты.  Вот настройки, которые я применила к своей панели. 
И вот результат.  Обратите внимание, что у векторного контура всё ещё прямоугольная форма.  Если хотите сильнее изменить фигуру панели, может понадобиться всего несколько опорных точек. 

Шаг 11

Чтобы использовать волнистую фигуру как обтравочную маску, нам нужно превратить созданный эффект в векторный контур.  Мы сделаем это, выбрав «Объект» в верхнем меню и затем перейдя в «Разобрать оформление», удерживая панель выделенной. 
Теперь у нас есть волнистый векторный контур, который можно использовать как обтравочную маску. 

Шаг 12

Пора снова взяться за чернила!  Как и в прошлый раз рисуйте, не думая о границах.  Когда закончите, сгруппируйте всё внутри панели при помощи Command-G или кликнув правой кнопкой мыши и выбрав «Сгруппировать» в выпадающем меню. 
Создайте копию границы рамки, чтобы вставить её позже поверх неё.  Затем выделите то, что внутри рамки и саму границу.  Для создания обтравочной маски кликните правой кнопкой мыши и выберите «Создать обтравочную маску».  Для того же результата вы можете также нажать Command-7.

Шаг 13

Дополните панель, вставив скопированную границу рамки поверх всего остального при помощи Command-F.  Вы заметите, что, как только создадите обтравочную маску, вся панель станет новым объектом.  Отдельные штрихи рисунка невозможно выделить без Инструмента «Прямое выделение».  
Двойной щелчок на объекте с обтравочной маской переместит вас внутрь него.  Здесь у вас есть полная свобода снова изменить что-то в своей работе.  Например, мне показалось, что линии были слишком толстыми на этой панели, поэтому я дважды нажала на обтравочной маске, выделила группу рисунка и слегка снизила толщину линий на панели Обводки. 

Шаг 14

На этой панели квадратная обтравочная маска, но я передумала и теперь хочу, чтобы панель стала изолированной.  Я хочу, чтобы персонаж слегка перекрывал панель с фантазией сверху.  Думаю, таким образом станет ещё понятнее, что она мечтает. 
Выделите обтравочную маску Инструментом «Прямое выделение».   Начните добавлять точки Инструментом «Перо» там, где вы хотите изменить обтравочную маску.
Таким образом вы можете изменять маску по своему усмотрению.  Т.к. мы работаем только с линиями без цвета эта и верхняя панели мешают друг другу.  Чтобы наш персонаж перекрывал верхнюю панель, нам нужно слегка изменить обтравочную маску этой панели. 
Можете изменить обтравочную маску при помощи Инструмента «Прямое выделение» напрямую, как в предыдущем примере.  Другой способ – двойной щелчок на объекте, что приведёт вас к Группе обрезки.  Здесь вы можете изменить маску, не беспокоясь о том, что это затронет рисунки на других панелях. 

В заключение 

В этом руководстве мы прошлись по некоторым распространённым техникам, применяемым в комиксах, таким как правило 180 градусов, «лягушачья» и «птичья» перспективы, чтобы сделать комикс более интересным. 
При помощи различных видов панелей мы можем придать разные ощущения, а работа в Illustrator даёт нам возможность использовать обтравочные маски, которые мы можем изменять по своему вкусу.  
Т.к. в комиксах нет строгих правил, было бы неплохо иметь парочку для начала.  Когда вы продолжите создавать комиксы, вы увидите, что всё познаётся методом проб и ошибок и что по некоторым причинам некоторые техники широко используются.