Добавить в корзинуПозвонить
Найти в Дзене
Книга впечатлений

Баба-Яга обретает лицо или продолжение истории с созданием интерактивной сказки

Сегодня хочу поделиться продолжением работы над проектом интерактивного издания. Как издатель, я знаю, насколько важен каждый этап и постараюсь описать каждый шаг особенно когда речь идет о создании уникальных и захватывающих проектов. Продолжим историю сотрудничеством с иллюстратором. У меня на руках с прошлой части уже был сценарий, тексты и общее понимание что я хочу получить в результате. Изначально я планировал оформлять проект, используя работу с нейронными сетями. Я начал проводить различные эксперименты и попытки дообучения моделей на стилистические образцы. В течение недели я пробовал разные инструменты: Midjourney, Stable Diffusion, ChatGPT, Leonardo, GigaChat и Шедеврум. Я создавал длинные, короткие, очень длинные и детализированные запросы (промпты), но пришел к выводу, что в заданном направлении — иллюстрирование русских сказок с такими сложными образами, как старухи с костяными ногами, черепа и избы на курьих ножках, выполненные в стиле хохломы, — нейросети справляются с
Оглавление

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

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

Фрагменты черновых наработок сценария произведения
Фрагменты черновых наработок сценария произведения

Нейроиллюзии

Изначально я планировал оформлять проект, используя работу с нейронными сетями. Я начал проводить различные эксперименты и попытки дообучения моделей на стилистические образцы. В течение недели я пробовал разные инструменты: Midjourney, Stable Diffusion, ChatGPT, Leonardo, GigaChat и Шедеврум. Я создавал длинные, короткие, очень длинные и детализированные запросы (промпты), но пришел к выводу, что в заданном направлении — иллюстрирование русских сказок с такими сложными образами, как старухи с костяными ногами, черепа и избы на курьих ножках, выполненные в стиле хохломы, — нейросети справляются с трудом. Да, иногда удается получить приемлемый результат один-два раза, но сохранить единый стиль и образность при создании множества сюжетных иллюстраций им совершенно не удается. Вообще работа с нейронными сетями напоминает в некоторой степени коммуникацию с трехлетним ребенком. "Баба-Яга это очень старая злая женщина, у нее длинный нос, костлявые пальцы, на голове длинные редкие седые развевающиеся волосы, она одета в ночную рубашку без пояса, одна нога у неё человеческая, а другая сухая до кости, как у скелета. Она стоит в огромном цветочном горшке в одной руке она держит метлу, а в другой железную большую толкушку для картошки" - в общем как для тупых все и результат совсем не впечатляющий. Пока. Технологии развиваются стремительно и возможно пока я допишу этот пост все уже изменится.

Работа художника

Подбор иллюстратора

Отказавшись от нейронок вернемся к человеческому процессу. Первым делом нужно найти правильного художника. Я стараюсь работать и выбирать тех, кто хочет работать. Это касается всех аспектов деятельности. Если юрист молчит две недели и держит документы, это повод сменить подрядчика. Если вы оставили заявку, то хороши те люди, которые отвечают оперативно и предлагают решение моих запросов, а не отписываются формальной сметой. Я разместил объявление о поиске художника в своих социальных сетях и уже через полдня договаривался о реализации проекта. Художник, который имеет опыт работы с интерактивными изданиями это пока что довольно большая редкость и чаще всего они встречаются в игровой индустрии или анимации. Ведь такие проекты требуют особых навыков и понимания специфики. Порой даже самые талантливые художники, специализирующиеся на традиционных книгах, могут столкнуться с трудностями в работе с цифровыми платформами. Однако мне повезло)) и такой быстро обнаружился.

Пример публикации в ленте социальной сети
Пример публикации в ленте социальной сети

Обсуждение цены и возможностей работы с повторяющимися элементами

Прямо скажем денег чтобы платить за проект не густо. Именно поэтому была надежда на нейросети. После того как кандидат появился нужно обсуждать стоимость работы. Я предпочитаю начинать с цены, которую озвучивает исполнитель. Это сразу дает понимание уровня исполнителя. Если цена сильно выше или сильно ниже бюджета - нужно подумать и свериться с другими предложениями (возможно вы слишком оптимистично заложили бюджет или вообще он несбыточен). Если совпадение в порядках чисел имеется, то мы обсуждаем финальную стоимость работ и возможности оптимизации процесса. Например, можем договориться о применении нейросетей для фонов или элементов, использовать некоторые повторяющиеся элементы в иллюстрации или проекте. Это значительно ускоряет процесс и снижает издержки, позволяя художнику сосредоточиться на более креативных аспектах проекта.

Подготовка технических заданий на каждый экран

Каждый экран интерактивного издания — это отдельная микро история, которая замкнута между фазами выбора. Поэтому важно детально прописывать все технические задания: где и какие интерактивные элементы будут размещены, какая анимация нужна, как пользователи будут взаимодействовать с контентом. ТЗ должно быть настолько подробным, чтобы иллюстратор сразу понимал, какой результат ожидается. Если к обычной иллюстрации по книге художнику часто хватает того фрагмента текста к которому нужно изображение, то с интерактивом нужно ещё прописать события и действия, чтобы для функциональных элементов тоже было место и для анимации подготовлена нарезка на слои. Таким образом тз выглядит как текстовый фрагмент + описание сюжета иллюстрации + описание интерактивного взаимодействия + эскизный драфт или референс для настроения иллюстрации.

Пример возможного технического задания иллюстратору
Пример возможного технического задания иллюстратору

Подготовка эскизов в заданной стилистике

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

Разработка иллюстраций с учетом анимаций и взаимодействий

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

Понимание принципов интерактивности

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

Опыт работы с многослойностью

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

Навыки анимации

Хотя сам процесс анимирования чаще всего выполняется специалистами по motion-дизайну, иллюстратор должен иметь базовые знания о принципах движения объектов, тайминге и фазировке. Это позволит лучше подготовиться к совместной работе с аниматорами и заранее учесть, как иллюстрации будут оживать в цифровом продукте. С точки зрения разработки иногда гораздо проще получить от иллюстратора готовые фазы анимации, чем реализовать скриптованую анимацию для множества различных устройств и форматов воспроизведения. Например, дым или огонь реализованный из переключения фаз 5-10 кадров смотрится гораздо более естественно в иллюстрации чем скриптованные решения и поддержка кода множеством браузеров будет обеспечена и багов меньше.

Фоновая анимация состоящая из 10 кадровой секвенции
Фоновая анимация состоящая из 10 кадровой секвенции

Умение работать с нейросетями

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

Художник забыл отрисовать состояние до вскрытия рыбы - нейросеть помогла поправить
Художник забыл отрисовать состояние до вскрытия рыбы - нейросеть помогла поправить

Внимание к деталям

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

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

Очень красиво, но совсем не понятно
Очень красиво, но совсем не понятно

Подготовка иллюстраций к разработке

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

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

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

Подписывайтесь и ставьте нравлики, чтобы не пропустить продолжение.