Быстрый и легкий веб-комикс: 5 шагов

2024 Автор: John Day | [email protected]. Последнее изменение: 2024-01-30 11:54

Это учебное пособие о том, как собрать веб-комикс, используя очень небольшой художественный талант. Этот метод полностью основан на использовании цифровых фотографий и графического редактора. Этот комикс был написан примерно за час. На самом деле написание инструкций заняло больше времени. Вам понадобятся: - несколько цифровых фотографий - графический редактор (я использую GIMP) - учетную запись Blogger

Шаг 1. Исходный материал

Обычно у вас есть фоновое изображение и несколько персонажей. В данном случае фон - дерево магнолии рядом с моим домом, а персонажи - пластиковый лобстер (по причинам, которые вряд ли станут ясными на данном этапе). Изображение лобстера было очищено, а фон был удален.

Шаг 2: создание кадра

Персонажи добавляются слоями поверх фона. Эти два персонажа на самом деле просто зеркальные отражения одного и того же кадра. Правый лобстер держит пульт. Это было сделано путем копирования части когтя в качестве отдельного слоя и вставки изображения пульта между ним и лобстером. Чтобы получить составной кадр для следующего шага, выберите все (ctrl-a в GIMP) и скопируйте все видимое. слои (ctrl-shift-v в GIMP). Варианты (второе изображение здесь показывает некоторые из них): - поскольку символы и фон являются отдельными слоями, вы можете перемещать и вращать их отдельно - символы можно разделить на отдельные слои, чтобы позволяет вам артикулировать конечности или изменять выражения лица - вы можете добавлять дополнительные реквизиты, фон и персонажей в виде отдельных слоев и включать и выключать их, чтобы изменять содержимое кадра - чтобы увеличивать или уменьшать масштаб сцены, выберите часть изображения (вместо выбора всех) скопируйте видимые и измените размер после вставки

Шаг 3. Настройка страницы

Создайте большое изображение (в данном случае 2000x2000), на которое нужно вставить рамки. Вставьте каждый как отдельный слой, чтобы потом можно было перемещать их. Основное изображение представляет собой простой белый фон, так что промежутки между кадрами становятся белой рамкой. В этом случае все 4 кадра идентичны. Они не обязательно должны быть, но это удобно, если вы можете уйти от этого.

Шаг 4: пузыри речи

Добавьте слой (залитый белым) поверх всего. Установите непрозрачность примерно 60%. Это упростит просмотр текста. Поверх этого белого слоя добавьте текст диалога и расположите его по каждому кадру. Как только текст окажется в нужном месте, добавьте пустой слой между белым слоем и текстовые слои. На этом слое нарисованы формы речевых пузырей. Каждый пузырек состоит из прямоугольника вокруг текста и треугольника, указывающего на символ. Они закрашены белым цветом. Выключите белый слой и установите непрозрачность пузырькового слоя примерно на 60%. Этого должно быть достаточно, чтобы текст можно было читать, не закрывая полностью фон. Обрежьте изображение по размеру и сохраните. Обычно я сохраняю изображение как xcf (собственный формат GIMP), а затем экспортирую его в-j.webp

Шаг 5. Опубликуйте

Я использовал Blogger, чтобы опубликовать это. Добавить изображение в Blogger сложно. Он добавляет много мусора вокруг тега изображения и по какой-то причине выбирает небольшой размер изображения. Будет что-то вроде src = "https://yadayada/s400/blah.jpg". Измените 400 на 800, чтобы получить лучшее разрешение. Мне нравится добавлять атрибут заголовка к изображению в качестве вспомогательной линии при наведении курсора мыши. Вы также можете добавить диалоговое окно в качестве атрибута alt, который должен сделать текст доступным для поиска в поисковых системах. Blogger позволяет размещать публикации в блогах. Это означает, что вы можете заранее наклеить кучу комиксов и позволить им публиковать их по расписанию.