Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Comics
Design

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

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Create Your Own Comic.
Create a Comic Character: Making a Character Sheet in Adobe Illustrator
Make an Establishing Shot Using the Perspective Grid Tool in Adobe Illustrator

Russian (Pусский) translation by Anastassiya Abramenko (you can also view the original English article)

Final product image
What You'll Be Creating

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

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

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

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

Шаг 1

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

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

Character idea sketches

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

Шаг 2

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

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

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

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

Шаг 3

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

Actions drawn using stick figures

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

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

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

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

Шаг 1

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

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

Examples of different types of comic panels

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

Шаг 2

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

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

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

Examples of varying angles to make a comic more interesting

Шаг 3

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

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

Example of how the 180-degree rule works

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

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

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

Comic layout sketch

Шаг 1

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

Image imported into Illustrator

Шаг 2

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

Embed button

Шаг 3

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

Rectangle objects as panel placeholders in the comic

Шаг 4

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

Inking a panel ignoring frame borders

Шаг 5

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

Граница рамки будет нашей обтравочной маской, но нам также нужно обвести рамку чёрным.  Т.к. обтравочные маски прозрачные, чёрный контур рамки не будет видимым,  поэтому мы выделим саму рамку и создадим её копию, нажав Command-C.

Grouping the inked artwork

Шаг 6

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

Right-click dropdown menu Make Clipping Mask

Шаг 7

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

Finished panel using clipping mask

Шаг 8

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

Modifying the clipping mask

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

Шаг 9

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

Add points to rectangle object

Шаг 10

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

Effect Distort Transform Zig Zag

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

Zig Zag options Size 2 mm Absolut 1 Ridges per segment Smooth points

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

Zig Zag Effect results on comic panel

Шаг 11

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

Expand Appearance on comic panel

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

Wavy vector path as comic panel

Шаг 12

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

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

Make Clipping Mask of wavy panel and artwork

Шаг 13

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

Finished wavy comic panel

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

Modifying artwork within a clipping mask

Шаг 14

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

Square comic panel using clipping mask

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

Adding points to clipping mask

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

Modifying the clipping mask to reveal more artwork

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

Clip Group example

В заключение 

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

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

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

Finished comic page layout
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.