Как создать веб-комикс
Когда жанр графического романа только зарождался, многие относились к нему скептически. Но сейчас в Сети огромное количество комиксов, которые помогают обсуждать этические проблемы, объяснять последние достижения науки и рассказывать об исторических событиях.
В чём разбираемся
  • 1
    Что такое комиксы и почему они так популярны
  • 2
    Из каких элементов состоят веб-комиксы
  • 3
    Какие сервисы помогут в их создании

Комиксы используют текст и иллюстрации, для того чтобы рассказать историю. Некоторые из них являются настоящими произведениями искусства или дают начало целым вселенным. Но гораздо чаще встречаются веб-комиксы — короткие зарисовки, которые их авторы выкладывают в интернете.

Dark side of the horse (Samuli Lintula aka Samson, выпуск от 23 января 2023 года).

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

Пять причин использовать комиксы в обучении
С помощью комиксов можно передать большое количество информации за ограниченное время. Это особенно эффективно для учебного контента в предметных областях (математика, естествознание, обществознание и т. д.).
Джош Элдер
Основатель проекта «Reading With Pictures»
Анатомия комикса
Панели
Область комикса, в которой происходит действие или диалог, обычно квадратные или прямоугольные. В газетах и журналах, а также в веб-комиксах панели выстраиваются горизонтально или вертикально, образуя полосу, стрип. Для социальных сетей обычно рисуют макет в четыре панели, расположенные квадратом.

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

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

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

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

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

Важную роль играет и выбор шрифта. Как правило, он сохраняется на протяжении всего комикса. Можно заметить, что большинство авторов выбирают рукописные шрифты и пишут весь текст заглавными буквами. Акценты расставляются с помощью курсива, насыщенности штрихов или ярких цветов.
Цвет
Выбор палитры — настоящий вызов для художника. Цвета влияют на настроение и тон истории, могут передавать эмоции и выделять важные элементы. Их можно использовать для цветового кодирования: сепия — прошлое, цветные фильтры — флэшбеки, серый — металлический объект, коричневый — деревянный.

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

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


Зайдите на главную страницу и нажмите жёлтую кнопку «Create a cartoon».

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

ToonyTool предлагает наполнить панели самостоятельно или использовать готовые шаблоны. Их можно найти по клику на слово «Setting» в заголовке панели. В коллекции есть и школьные классы, и улицы города, и активности на свежем воздухе.

Можно собрать панель самостоятельно. Для этого из меню «Frame» нужно выбрать тип фона (однотонный цвет или рисунок), а в меню «Props» можно добавить людей, животных или предметы. Также вы можете загружать свои файлы, например, выбрать фотографию в качестве фона (через меню «Setting») или добавить нестандартного персонажа в png-формате.

Любой элемент можно редактировать или удалять, даже если вы загрузили сразу готовый шаблон. Объекты отображаются слева направо и сверху вниз, поворачиваются, также у них можно менять размеры или управлять расположением на переднем и заднем плане. Фон можно приблизить с помощью меню «Frame», пункта «Zoom/Pan background image».

В ToonyTool нет кнопки отмены предыдущего действия! Делайте дубликаты панелей и группируйте элементы, чтобы не потерять сделанную работу.

Когда персонажи расставлены, добавьте бабблы с текстом. Сервис предлагает три варианта: надпись, прямая речь и мысль. Можно менять размер самого пузыря, размер и цвет букв.


Чтобы изменить шрифт, надо выделить сам текст и кликнуть на поле «Font». В появившемся окне примените фильтр по кириллице, выберите подходящее начертание и нажмите чёрную кнопку «Select». Последние использованные шрифты теперь будут отображаться сверху.

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


Видеоролик. Выберите пункт «Save as video», добавьте аудиодорожку, укажите длительность каждой панели в секундах, переключите снизу формат на mp4 или webm. Перед тем, как скачать файл, можно посмотреть превью.

Анимация. Выберите пункт «Save as animation (html)», если планируете встроить комикс на свой сайт или пункт «Save as animated GIF», если будете загружать его в социальные сети. Выставьте длительность каждой панели в секундах, переключатели снизу отвечают за зацикливание гифки и её автовоспроизведение (только для html). Перед сохранением посмотрите превью.

Изображение. Выберите пункт «Save as image». Вам нужно выбрать цвет фона, количество панелей в горизонтальном ряду, расстояние между ними и толщину рамки. Обратите внимание на настройку «Image width». По умолчанию она равна 1000, рекомендуем умножить это число на количество панелей в горизонтальном ряду. Наконец, снизу выберите желаемый формат: png, jpg, webp или pdf.

В поиске новых идей
Изучайте опыт коллег и экспертов в смежных областях
Денис Хурманенок использует комиксы, чтобы проверить знание фактов и инициировать обсуждение в классе. Посмотрите примеры его работ
Рассказ учителя истории и обществоведения Татьяны Шумель о том, как она использует комиксы на своих уроках. Бонусом — их классификация
Сайт, на котором можно создать персонажа и подобрать для него разные позы и эмоции. Скачивайте результат в формате png и используйте в ToonyTool
Находка Кирилла Анастасина о способе быстрого создания иллюстраций. Проверено: картинки из OneNote можно вставить в любой сервис!
Подводим итоги и создаём первый веб-комикс
  • Создайте сценарий и раскадровку для вашего комикса, заранее напишите все тексты
    01
  • Выберите подходящий веб-сервис, обращая внимание на макеты панелей и набор персонажей
    02
  • Наполните панели комикса, напишите тексты, добавьте визуальные эффекты и сохраните проект
    03
  • Поделитесь готовой работой с учениками и предложите им создать свои собственные комиксы
    FIN