в каком формате рисовать мангу
webcomics community :: сообщество веб-комиксов
«Сколько Резать В Пикселах?» О форматах веб-комиксов с точки зрения читателя
Привет, друзья. Недавно я написал статью, и даже — не побоюсь этих слов — провел исследование, касающееся самых распространенных форматов среди веб-комиксов. Однако это исследование имеет не только академическую ценность, а статья – не просто набор фактов для страницы о веб-комиксах в Википедии, она также содержит непосредственный мессендж авторам-комиксистам! Дело, разумеется в пункте «Рекомендуемый формат в пикселах».
Но поскольку не многие в состоянии мессендж расшифровать, я еще раз подниму тему форматов комиксов, но не с позиции исследователя, а с позиции простого читателя. Далее по тексту будут в качестве примера приведены конкретные веб-комиксы с «АК». Чтобы никого не обидеть, уточню, что комиксы были выбраны абсолютно случайно, а все сказанное ниже напрямую относится не только к их авторам, но и к авторам десятков других веб-комиксов на русском языке, а может быть и к вам лично.
Итак, с позиции простого читателя веб-комиксов у меня закрадывается подозрение, что не многие из авторов в действительности задумываются об удобстве чтения их веб-комиксов. В наше время, когда нельзя точно сказать, с какого устройства с какой разрешающей способностью экрана ваш комикс будут читать, на каком сайте или социальной сети ваш комикс однажды появится, какая скорость интернет-соединения вашего далекого читателя, не задумываться о том, что ты в интернет выкладываешь, является вопиющим невежеством.
Удобство, прежде всего, заключается в правильно подобранном размере шрифта, высоте и ширине комикса, а также расположении баллонов с текстом внутри кадров и вообще компоновки кадра. Последнее скорее относится к программе кафедры комиксов с Хихусом во главе одного из питерских вузов, и даже если за годы у меня сложилось некоторое понимание, как компоновать кадры нужно, а как нет – свои дилетантские советы я предпочту оставить при себе. А вот мысли по поводу оптимальных размеров при публикации в интернете выскажу с удовольствием, потому что это уже ближе к области веб-комиксов.
В корне проблемы, по моему мнению, сидят 2 заблуждения:
Итак, мысль номер 1: «Рисовать нужно в большом разрешении!»
Чтобы получилась красивая страница 600×850, создайте новый рисунок размером 2400х3400, нарисуйте комикс, а уже потом сожмите в 4 раза и получите искомое. В фотошопе мазок кистью размером 1 пиксел на холсте 600×850 не идентичен мазку кистью 4 пиксела на холсте 2400х3400, который потом ужмут в 4 раза. Это факт.
Мысль номер 2: «Текст должен быть читаем, но не более»
Размер шрифта должен быть именно таким, чтобы его было комфортно читать: не слишком большим и не слишком маленьким. А это, черт возьми, ровно 11 пунктов, как и в ворде, в котором я сейчас набираю этот текст. Более громкие фразы выделяются более крупным шрифтом, тихие – мелким, не мне вас учить, но что касается основного текста, которого в комиксе 90%, не нужно делать его размером в 22 пункта, как будто все герои то и дело орут друг на друга.
Мысль номер 3: «Ужимайте изображение перед выкладыванием в сеть»
Серьезно. Чем изображение мельче, тем легче мозгу его обрабатывать. Посмотрите на картину почти в упор: чтобы ее рассмотреть, вам придется бегать глазами из одного угла в другой, если не крутить головой. Отойдите от картины на 2-3 метра, и вы сможете намного быстрее понять, что на ней изображено. Да, вы не увидите мельчайших деталей, но ведь и читателям вашего комикса не так интересна тончайшие детали техники вашего пера: это все-таки комикс, а не картинка для рабочего стола!
Надеюсь, эти три простые мысли уже заняли место в вашем сознании, а чтобы их закрепить перейдем непосредственно к практике. Возьмем несколько случайных комиксов с «АК» и посмотрим, что можно с ними сделать.
RANDOMNESS
637×900. Огромные буквы. Глаза устают, пока пробежишь всю страницу вдоль и поперек, прочитаешь текст и оценишь происходящее.
Ужимаем до 450 в ширину. Страница стала гораздо проще для восприятия и чтения. Кто считает, что после этого страница комикса что-то потеряла в эстетическом или семантическом смысле, пусть бросит в меня виртуальный камень:
Все как у людей
1000х529. Неоправданно большие размеры для стрипового веб-комикса, давайте уменьшать. Ужимаем до рекомендованных 700 пикселов в ширину, получаем просто идеал:
Но мы пойдем дальше и… ох лол, неужели его можно ужать в два с половиной раза, и он все еще будет читаем? Ладно, это уже перебор, но все-таки:
Настоящее
700×900. Давайте ужмем до 500 пикселов в ширину:
Так, текст стал читаться хуже. Немного увеличиваем спичбаблы, получаем по крайней мере на 20% более читаемую страницу по сравнению с исходником:
Не вырубить топором
700×862. Огромные буквы. Ну тут тупо ужимаем на 450 в ширину. Результат проще для восприятия без потери какого-либо семантического смысла.
Ропсенштильс и Шизнагсингерзуппе
Ну и мое любимое напоследок. Ужимаем комикс 1029х771 в более чем 2 раза. Не то чтобы я советовал так делать, но пространство для маневров, определенно, поражает воображение. Мне кажется результат воспринимается как целостный комикс, а не 4 разрозненных изображения, и читается минимум в 2 раза быстрее по сравнению с оригиналом:
Спасибо за внимание. Если вы не согласны с моим мнением, пожалуйста, высказывайтесь в комментариях. Будет по крайней мере забавно почитать о том, что исходные изображения в примерах читаются и воспринимаются как комикс гораздо лучше чем изображения, пережатые мною.
В каком формате рисовать мангу
Ещё раз здравствуйте!
Данный урок будет посвящён процессу создания страницы манги или комикса в программе Easy Paint Tool SAI. В своём предыдущем мастер-классе я уже говорила о том, что в SAI нет инструментов для работы с текстом, поэтому оставим эти вопросы для других программ, таких как, например, Adobe Photoshop или Adobe Illustrator.
Набросок
Думаю, самое логичное с чего стоит начать рисовать страницу своей манги — это с создания нового документа необходимого размера =) Далее потребуется набросок. Для его создания я использую инструмент Pen (Карандаш) со следующими настройками (рис. справа):
Сначала создаю примерный набросок. Синий цвет для наброска я использую по привычке, доставшейся мне от работы в программе Manga Studio. Вы же можете использовать любой другой цвет.
Делаю его полупрозрачным, чтобы на втором слое сверху сделать уже более точный набросок. В итоге у меня получилось следующее:
Видео-бонус по созданию наброска:
Раскадровка
Далее приступаю к делению страницы на кадры. Для этого я выберу самый легкий из способов — cоздам New Linework Layer (новый векторный слой):
Инструментом Line (Линия) провожу полосы 30 размера. Получается вот такая страница:
Остаётся сделать ещё одну рамочку. Для этого я создаю новый слой. С помощью инструмента Selection (Выделение) делаю контур будущей рамки.
Далее захожу в меню на вкладку Selection (Выделение) и выбираю Invert (Инвертировать). Полученный рисунок я заливаю чёрным цветом с помощью инструмента Bucket (Заливка) со следующими настройками (рис. справа):
Остаётся только объединить два слоя и мы получим готовую раскадровку. Если вас не устраивает такая простая раскадровка, то следует обратиться к Adobe Photoshop или к другой программе для рисования, которая будет вам удобна.
Видео-бонус по созданию раскадровки на чёрном фоне:
Видео-бонус по созданию раскадровки на белом фоне:
Контур
Для создания чёрно-белого контура мне понадобилось Binary Pen (Двоичное перо). Найти его можно, нажав правой кнопкой мышки по свободной клетке в меню. Появится список инструментов, которые можно добавить к стандартным.
Чтобы при рисовании получился чёткий контур, я выбрала для Двоичного пера следующие настройки:
Также мне понадобились Eraser (Ластик ) и Bucket (Заливка).
Теперь делаем набросок (1) и полупрозрачный слой с кадрами (3), а между ними создаём новый слой (2).
Начинаем рисовать на слое (2). Сначала создаём фон. Если вы ещё не использовали инструмент Ластик, то самое время сделать это =)
В итоге у меня получается фоновое изображение без персонажей. Я это делаю исходя из того, что потом планирую раскрасить свою страничку и сделать фон менее насыщенным, но об этом чуть попозже.
Когда фон готов, я отключаю отображение этого слоя и создаю над ним новый, предназначенный для персонажей и переднего плана. Всё это я рисую теми же инструментами: Двоичное перо (Binary Pen), Ластик (Eraser) и Заливка (Bucket). В итоге получается следующее:
Пока не понятно, что и где. Для того чтобы этот бардак превратился в ясный рисунок следует:
Затем отключаю слой с фоном, создаю под ним новый слой и заливаю его серым цветом:
И опять же, используя Двоичное перо, Ластик и Заливку (см. настройки превью), создаю на отдельном слое белые заливки для персонажей:
После удаления лишних слоёв возвращаю параметр Opacity (Прозрачность) на 100% и у меня получается вот это:
Видео-бонус по созданию контура:
Мелочи
Добавить звуки. Для этого на отдельном слое рисуем звуковые эффекты.
Ещё можно сделать белую обводку на слое ниже, чтобы персонажи не сливались с фоном.
Видео-бонус по дополнениям: