Скетчинг в разработке игр

В современных играх есть множество диалоговых окон, экранов меню, индикаторов и всплывающих окон, в которых передается важная информация по игре. Созданием всех этих элементов занимается дизайнер по UI. Разработка дизайна интерфейса проходит поэтапно:

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

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

Сам процесс разработки визуального стиля включает в себя три главных этапа:

• Создание мудборда.
• Скетчинг.
• Полишинг.

Но скетчинг среди них остается самым основным.

С чего начать скетчинг?

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

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

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

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

Ключевые особенности работы дизайнера при скетчинге

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

При отрисовке UI нужно соблюдать баланс между ровными формами, правильными линиями и их «оживлением» при помощи текстур, потертостей, шерохорватостей. С потертостями важно не переборщить – это «замылит» весь экран и превратить UI в кашу. Важно, чтобы каждый элемент оставался обособленным и был хорошо виден на фоне других. Хороший прием после нанесения потертостей – убрать половину из всего, что было сделано. Обычно это позволяет получить оптимальное сочетание.

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

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