Как сделать комиксы

Правила построения комиксов

Истинный художник выражает то, что думает, не страшась столкнуться с вековыми предрассудками. Огюст Роден

Итак, друзья, этот урок будет посвящен такой важной теме как — правила построения комиксов. Может, у вас есть уже несколько персонажей, которых вы свободно рисуете. Возможно, вам удалось придумать своих собственных героев. Теперь самое время сделать их участниками комиксов. Далее я изложу основные правила, которые помогут создавать действительно хорошие, интересные повествования в картинках. Изобретательные художники-карикатуристы на каждом шагу нарушают правила построения комиксов. Но всё равно эти правила необходимо знать — хотя бы для того, чтобы игнорировать их избирательно.

Что не так на этом рисунке?

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

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

.

.

Уже лучше … но скучновато. Всё что располагается по центру, выглядит как-то пресно и вяло.

.

.

Эврика! Теперь есть достаточно места не только для персонажа, но и для диалогового шара (или овала). Поскольку люди читают слева направо, персонаж, помещённые в левой части панели, направит их взгляд на остальные фрагменты.

.

.

Теперь посмотрите, что мы получим, расположив вашего персонажа в анфас. В таком положении он больше не будет направлять взгляд читателя слева направо, поэтому может находиться и в левой и в правой части панели — это уже не имеет особого значения.

.

.

Но он не должен, всё-таки находиться посередине: такое размещение не оставляет место для диалогового овала.

.

.

.

.

Всё нормально, но помните, что такое расположение не годиться только для случаев, когда персонаж повернут строго в анфас.

.

.

.

.

Линия горизонта

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

.

.

.

.

Горизонт слишком низко. Персонаж словно идет по натянутому канату.

.

.

.

.

.

Горизонт слишком высоко, такая завышенная линия горизонта создает иллюзию, что фон надвигается на нас, а рисунок при этом выглядит плоским.

.

.

.

Вот наиболее приемлемая формула: две трети отданы небу и одна треть- земле.

.

.

.

.

.

Кадры

Практически все мы подвержены влиянию кино и телевидения, и создатели комиксов не являются исключением. Раньше в каждой панели персонаж фигурировал полностью — от головы до пят, но сейчас всё изменилось. Если по сюжету очень важно выражение лица персонажа, у вас может возникнуть желание показать лишь его лицо. Это крупный план. С другой стороны, если ключевым моментом для панели является движение персонажа, можно показать целиком его тело — общий или дальний план. А если, например, интересен персонаж, а не его ноги, можно выбрать средний план. Средний план хорош для смены темпа повествования, и он часто служит мостиком между общим и крупным планами. Резкий переход от общего плана к крупному может привести к зрительному диссонансу.

.

.

Дальний (или общий) план: показывается все тело.

.

.

.

.

.

Средний план: от талии или груди и выше.

.

.

.

.

.

Крупный план: в кадре одна голова.

.

.

.

.

.

Специальные кадры

Специальные кадры служат, согласно их названию, для передачи специальных эффектов. Ими не следует злоупотреблять, но и бояться их тоже не нужно — иногда такие кадры действительно забавны.

.

.

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

.

.

.

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

.

.

.

.

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

.

.

.

Силуэт

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

Линия горизонта (опять!)

Линии горизонта могут использоваться в кадрах самого разного плана (за исключением очень крупного, где лицо занимает всё пространство). Обратите внимание, как линия горизонта придаёт глубину этому кадру крупного плана с персонажем в каске.

Два персонажа в пределах одной панели

Когда вы вводите в пределы той же панели второй персонаж, результат может быть как положительным, так и отрицательным. Избежать хаоса на рисунке вам поможет одно слово — взаимодействие. Помещая двух персонажей на одну панель, вам нужно показать, как они физически взаимосвязаны. Это не означает, что персонажи должны соприкасаться — они вполне могут игнорировать друг друга, но что бы ни происходило на рисунке, оба субъекта должны быть вовлечены в общее действие.

Кадры общего плана с двумя персонажами

Кадры среднего плана с двумя персонажами

Вид сзади

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

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

Правильное сочетание белого и чёрного

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

Если в фоне рисунка нет ничего , что позволяет усилить зрительный контраст панели, попытайтесь импровизировать. Среди художников- карикатуристов большой популярностью пользуется «арочное» затенение: добавьте фон с дугообразной границей и заштрихуйте его. Ваша композиция немедленно приобретёт большую напряжённость.

Ещё один способ усиления зрительной привлекательности состоит в добавлении зачернённой области прямо в середине панели.

Диалоговые шары


Советы

Оставляйте достаточный промежуток между границами диалогового шара и текстом внутри него.

.

.

.

.

.

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

Носик диалогового шара должен быть коротким и точно направленным.

Существует лишь два правила в комиксах, которые никогда нельзя нарушать:

1. Диалоговый шар персонажа, который говорит первым, располагается крайним слева.
2. У персонажа который говорит вторым, диалоговый шар ниже.

.

.

.

.

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

.

.

.

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

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

Шаг 1

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

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

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

Шаг 2

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

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

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

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

Шаг 3

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

На этом этапе часто становится понятно, что упущены некоторые нужные детали в сценарии, или что какие-то моменты хороши только в тексте, но не на картинках. Сценарий – не закон, поэтому вы можете возвращаться к нему, чтобы изменить что-то не понравившееся вам. На этом этапе мне нравится делать множество зарисовок и комментировать их сбоку.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 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

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

Выделите обтравочную маску Инструментом «Прямое выделение». Начните добавлять точки Инструментом «Перо» там, где вы хотите изменить обтравочную маску.

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

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