Плохое айфлоу - это бич комиксов. Гайд для людей, кто хочет этого избежать
Всем привет! Меня зовут Keyleen и я комиксистка.
Я пишу эту статью, потому что слишком часто при чтении комиксов (по большей части русскоязычных) натыкалась на плохое айфлоу. При общении с людьми я поняла, что многие даже не знают, что такое айфлоу и какое считается хорошим, а какое плохим. Мое понимание этой темы выработалось за годы создания комиксов, и я пришла к выводу, что надо создать статью для тех, кто хотел бы понять, как айфлоу работает и как оно влияет на чтение.
Введение
Комикс — это последовательность кадров в пространстве.
Казалось бы, что это достаточно просто — расположить кадры на листе в том виде, в котором хочется. Но есть нюансы :)
Существует много статей и книг на тему того как писать хорошие истории с проработанными героями. Как нарисовать комикс в техническом плане, найти свой стиль и т.д. И кажется, что с таким набором знаний у комиксистов есть все шансы сделать качественный продукт, которым можно наслаждаться. А также не стыдно поставить на полку.
Но порой читаешь какой-то комикс, где вроде бы и рисунок хороший, и история интересная, однако всё впечатление портится из-за того, что в комиксе плохое айфлоу. И кажется, что айфлоу это такой большой слон в комнате комиксистов, который все упорно игнорируют. Каждый раз, беря в руки новинку, у меня пробегает мысль: «на какой странице я впервые замечу плохое айфлоу?». Особенно в комиксах, которые были изначально вебтунами, но решили напечатать, не особо задумываясь, что для печати вебтуны надо перекадрировать со всеми правилами комфортного айфлоу.
Итак, что это за слон «айфлоу» и почему я считаю это важным элементом в создании комиксов, которым ни в коем случае нельзя пренебрегать.
Что это такое?
Айфлоу - это динамика движения взгляда при чтении.
Раскадровка является одним из важнейших этапов работы над комиксом, когда вы должны понять не только количество кадров, их крупность, ракурс персонажей, но и понять как расположить эти самые кадры и баллоны с текстом. Все элементы должны гармонично смотреться друг с другом, не мешая вам и, в первую очередь, читателю «скользить» по листу.
Айфлоу и обозначает это самое скольжение. Оно должно быть плавным и незаметным для чтения. Если читатель ощущает внутреннее неудовлетворение, его что-то тормозит, и он перечитывает одно и то же место несколько раз, не понимая в каком направлении двигаться, то проблема наверняка в айфлоу.
Мы, как авторы, обязаны помогать читателю двигаться именно так, как нам надо. Иначе мы рискуем тем, что у читателя не появится тех эмоций от прочтения, на которые мы рассчитываем. Он закроет комикс в недоумении, не считав информацию так, как она планировалась.
В данной статье я разберу основные варианты плохого айфлоу, которые встречала как читатель в разных комиксах, и как их исправить. Но сначала разберем основные правила.
Последовательность чтения кадров и баллонов
Традиционный способ чтения страниц комиксов (только если чтение не предполагает справа-налево, а не слева-направо. Например, в японских комиксах).
Такая раскадровка подразумевает, что кадры и баллоны могут считываться сначала сверху-вниз, а потом слева-направо.
Вариант, который желательно избегать, однако это может быть разновидностью нормы. Только такую подачу надо четко обозначать с помощью расстояния между кадров, баллонами и их расстановкой. Или самим рисунком/цветом.
У нас есть вот такая композиция, которая очень спорная по вариантам чтения. Её можно прочитать как 1,2,3 так и 1,3,2. Что можно сделать в такой ситуации? Самый простой — отзеркалить страницу, чтобы самый большой кадр был первым. Тогда путаница отпадет сама собой. Если этого делать не хочется, то есть несколько вариантов:
а) Переставить один баллон следующего кадра так, чтобы он заходил на территорию предыдущего, таким образом подсказывая читателю куда переходить и создавая непрерывность диалога. Баллон должен заходить на нужный кадр достаточно сильно, где-то на половину или больше.
б) Сделать гаттеры (пустое место между кадрами) тоньше там, где предполагается кадр следующий и шире там, где кадр должен быть последним, чтобы создавалась иллюзия «блоков», по которым можно читать.
в) Отделить кадры цветом. Хороший пример этого варианта я видела в одном русскоязычном комиксе. Само по себе расположение кадров спорное, но за счёт чёткого разделения цвета не возникает проблем как читать страницу. Плюс, есть мостик в виде баллона между кадрами.
г) Рисунок сам направляет читателя к нужному кадру. Например, можно вытащить персонажа за кадр, чтобы он тянулся к нужному кадру. Или чтобы перемыкались определённые кадры с помощью фона.
д) Какой-то кадр должен быть без рамок. Приоритетными по чтению в этом случае будут считаться кадры в рамках. А который без — последним. Опять же за счет иллюзии блоков.
В «Экслибриуме» в арке «Вот дом, который…» по сюжету всё становится вверх-дном в буквальном смысле, поэтому комикс надо переворачивать на определённых страницах. И чтобы понять, как читать, художник наложил уголок следующего кадра на последний. Тем самым при перевороте мы читаем его уже справа-налево, а не слева-направо. Помогает ещё то, что текст в баллонах перевёрнут.
Лучше вообще перекадровывать страницу, чтобы спорной раскадровки не возникало, но если она есть, то можно использовать варианты выше или сочетать их.
Предыдущие примеры касались больше кадров. Но расположение баллонов играет не меньшую роль в комфортности айфлоу.
Приоритет всегда отдается чтению баллонов «слева-направо, сверху-вниз». Однако если вам ну очень хочется сделать чтение «сверху-вниз, слева-направо» (пожалуйста, не делайте этого без особой необходимости), то есть несколько вариантов как это сделать.
В расположении баллонов надо смотреть на три вещи — высоту и ширину между баллонами, размер и доминирование. Первый баллон почти всегда левее и выше остальных.
У нас есть кадр с диалогом персонажей А и Б. Если смотреть без нумерации по смыслу, то кажется, что правильная последовательность это 1-3-2, но оказывается наоборот. Это ошибка, которую я часто вижу в комиксах. Чаще, чем хотелось бы. Так как исправить этот кадр, чтобы читатель не запутался?
а) Перенести баллон 3 на новый кадр. Хороший вариант, если есть возможность менять раскадровку. Если возможности нет, то переходим к другим вариантам.
б) Раздвигаем персонажей и ставим баллоны между ними типа «лесенкой». Путанность старого варианта часто возникает из-за того, что персонажи являются как бы стеной между баллонами диалога. В этом варианте этого препятствия нет и есть четкая последовательность.
в) Увеличить высоту кадра или расположить персонажей ниже, чтобы было больше места для баллонов. Обратите внимание, что баллон 2 находится к баллону 1 ближе, а 3 сильно ниже, поэтому считываться он будет позже за счет расстояния между ними. Баллон 3 никак не будет считываться первым, даже если он левее, потому что тут высота и доминирование баллонов (два баллона в одной зоне смотрятся плотнее, чем один) важнее.
г) Баллоны накладываются на персонажей. Похоже на предыдущий вариант. Баллон 2 на одном уровне с баллоном 1, но считывается позже, потому что правее. Баллон 3 находится сильно ниже и считывается последним.
д) Если хочется поместить все баллоны на одной стороне, то можно использовать длинный хвостик. Но длинный хвостик лучше не использовать, если есть возможность, и искать другие варианты.
Бывают спорные моменты доминирования баллонов, которые могут запутать читателя.
а) Плотность одной стороны превышает вторую. Баллоны 1, 3, 4 находятся плотнее друг к другу, поэтому скорее всего будут считываться раньше, чем баллон 2. Баллон 2 также меньше, чем остальные баллоны.
Решением, помимо перечисленных в предыдущем разделе, будет передвинуть баллон 2 ближе к баллону 1, а 3 и 4 опустить достаточно низко. Доминирование 1 и 2 больше 3 и 4, поэтому считываются они правильно.
б) Слишком большой баллон считывается раньше, чем маленький. Тут возникает диссонанс — баллон 1 считывать раньше, потому что он левее, или считывать баллон 2, потому что он больше и выше. Я рекомендую избегать такого варианта.
Решение: расположить баллон 1 выше баллона 2. Расположить баллон 2 ниже и дальше баллона 1 (обратите внимание, что баллон 3 переехал на правую сторону, чтобы избежать одинакового расстояния между 1 и 2 и вертикального чтения. При таком раскладе айфлоу может нарушиться). Разбить баллон 2 на две части (баллон 1 все еще выше баллона 2)
Как вариант — наложить маленький баллон поверх большого. Первым автоматически считываться будет маленький, потому что большой под ним.
Доминирование влияет на восприятие баллонов. Стоит смотреть на количество, размер и их кучность. Каждый вариант нужно рассматривать отдельно и искать свои решения. Если вам важно, чтобы баллоны считывались вертикально, то используйте этот принцип для подсказки читателю по каким баллонам скользить.
Например, в этом варианте чтение точно будет вертикальным, потому что первый баллон выше и больше других.
Вариант ниже мне нравится меньше, потому что хоть 1 и 2 могут считываться раньше, доминирование одинаковое с 3 и 4. Поэтому проще передвинуть 1 и 2 левее, увеличив их доминирование, а 3 и 4 передвинуть правее.
Примеры плохого айфлоу в комиксах
Принципы айфлоу на самом деле не так сложны, но я постоянно наталкиваюсь на то, как их игнорируют. Тут я разберу примеры плохого айфлоу, которые я реально находила в прочитанных мною комиксах, и покажу как это можно было исправить.
Как Бог на душу положит или «Я у мамы авангардист»
Самый частый вариант, когда кадры и баллоны расположены без какой-то чёткой структуры. Особенно часто это встречается, когда перекадровывают вебтун. При этом я не говорю, что вебтуны сложно перекадровывать. Это вполне легко, если знать, как работает айфлоу.
1) Например, в одном комиксе я встречала это чуть ли не на каждой странице. И иногда бывали казусы, что страница читается не просто слева-направо/сверху-вниз, а читается крюком. Как? Зачем? И почему без пол-литра не разобраться в этом хаосе из кадров.
Это вариант моей перекадровки. Не идеально, но хотя бы уже не читается крюком.
2) То же касается баллонов. Из-за того, что 4-й баллон находится слева и достаточно отделён от остальных баллонов, то его хочется прочитать первее. Но правильная последовательность снова в форме крюка. Хотя путаницы можно было избежать, если бы 1, 2 и 3 баллоны были расположены левее, а 4 ниже и правее.
3) В другом комиксе можно было было встретить вариант, где есть два варианта пути прочтения баллонов (комикс с зеркальной раскладкой, поэтому он читается справа-налево). Всё потому что там есть непрерывная большая картинка, но при этом соседние кадры расположены так, что их хочется читать первее, чем нижние баллоны. Создаётся путаница. Плюс, на странице слишком много персонажей, непонятно что за чем следует.
Бомбардировка баллонами
Вариант, когда баллонов на странице такое большое количество и много персонажей говорят одновременно, либо когда баллоны слишком выходят за границы кадра опять же без чёткой последовательности. То есть не затем, чтобы связать два кадра, а просто потому что. И это может дополнительно путать читателя. В этом случае можно просто подвинуть баллоны так, чтобы они не давали ложную последовательность.
Например, в этом комиксе сразу несколько баллонов разных кадров находятся на смежной территории, поэтому непонятно куда глазу двигаться. Можно было ограничиться одним таким баллоном или поместить их все в пределах своих кадров. Так делают когда не понимают принцип того, что пересекаемые баллоны могут влиять на последовательность чтения. Либо баллоны добавляли в последний момент и не понимали куда их «впихнуть» (пожалуйста, продумывайте расположение баллонов на этапе раскадровки).
У другого комикса похожая проблема (читать справа-налево). Баллон кадра, который должен быть позднее, «вылезает» вперёд и перекрывает баллон 3-го кадра, из-за чего глаз сразу же перескакивает на него. Мне уже было лень что-то менять, потому что баллонов ну очень много. Я бы просто дала больше воздуха рисункам и лишние баллоны убрала.
Неправильное доминирование
В этом комиксе баллоны как 6 и 7, так и 8 и 9, залезают на территорию предыдущего баллона, но так как баллоны 4 и 5 находятся ближе к 8 и 9 и кажутся непрерывной массой текста, то глаз автоматически решит читать их следующими.
Чтобы этого избежать, достаточно опустить баллоны 8 и 9, сделав разрыв между 4 и 5 больше.
Путешествие во времени
Один из худших вариантов айфлоу, который я встречала в своей жизни (в паре комиксов точно) — это когда реплика баллона 2 находится на одном кадре, реплика баллона 3 находится на следующем кадре. НО ответ на реплику баллона 3 находится на ПРЕДЫДУЩЕМ кадре. Всё из-за того, что эти два кадра разделены гаттером, а значит, что это уже временная последовательность. Случается путаница, когда ты читаешь баллоны сначала одного кадра, потом другого. И внезапно теряешь последовательность мысли. Есть два варианта как это исправить - либо убрать гаттер и поместить персонажей на совместный кадр. Либо переместить реплику 4 на следующий кадр.
Заключение
Соблюдать хорошее айфлоу не так сложно, как кажется. Главное держать в уме порядок последовательности и доминирования. Если вы сможете избегать ошибок в айфлоу, то чтение комикса окажется комфортным и плавным. А читатели скажут вам спасибо.
Буду рада, если вы поделитесь и/или воспользуетесь этой статьей, чтобы повысить грамотность в отношении айфлоу))
Это ссылки на мой телеграм-канал и мой комикс «Игра Ф», если что.