Как создать стилизованные игровые изображения

Sep 17, 2025

Инструкции

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

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

Получить Photoshop CC здесь

С первых дней игры мы хотели, чтобы стиль искусства сталкивался напротив. Стиль искусства был достигнут в совместном процессе концепции художников, 3D-исполнителями и техническими художниками в Hinterland.

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

Я возьму вас через свой процесс, где мы будем использовать формы, которые мы достигаем в эскизе в качестве основы для конечных силуэтов. Использование простых составных направляющих для обеспечения сбалансированного общего изображения, мы дадим образ живописи, используя кисти для текстур и жирных ударов кистей. Мы можем сохранить эти сильные силуэты и смелые формы с одним из моих любимых секретных оружия: инструмент Lasso Photoshop.

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

01. Дайте себе (или клиент) варианты

Creating thumbnails with composition options aids the artist and the client — Создание миниатюр с вариантами композиции помогает художнику и клиенту

Задача состояла в том, чтобы иметь лось водой, возле березовых деревьев и заметно с участием катушек, которые они едят. Есть много способов постановки этих элементов. Я придумал 12 миниатюр, чтобы дать себе варианты и генерировать идеи. Я придумал как варианты первых, так и от третьего человека, для творческий директор и арт-директор Просмотреть.

02. Решить как можно больше проблем

Next stage is to refine the chosen thumbnail — Следующий этап - уточнить выбранный миниатюр

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

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

Pro Secret: состав проверки

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

03. Организуйте свой эскиз

Spend some time developing the composition — Проведите некоторое время Разработка композиции

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

Я также возьму на экран высокого разрешения из игры и использую эти скриншоты в качестве ссылки, чтобы оба хранить работу в стиле длинной темной и в качестве основы для текстуры. Я использую фигуры эскиза в качестве обтравочной маски ( Щелкните правой кнопкой мыши и GT; отсечение маски ) для инсультов кисти и текстур.

04. Не бойся использовать инструменты преобразования

Free Transform and Warp will help you get the concept just right — Бесплатное преобразование и деформация поможет вам получить концепцию только правильно

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

Я использую бесплатные инструменты преобразования и деформации ( CMD + T. , Щелкните правой кнопкой мыши и GT; Warp ) по мере необходимости, чтобы посмотреть в основном правильно, и рисовать любые оставшиеся проблемы.

05. Усилить фокус

Lift the focal point from the background — Поднимите фокусную точку с фона

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

06. Маска с выбором

Next, create a selection mask — Далее создайте маску выбора

Еще один способ, которым я маску, где я рисую, используя мои слои для создания выборов. Я нарисовал в большем количестве ветвей и деревьев в этот момент. Теперь я хочу начать добавлять немного света, нажав на вершину деревьев. Я создаю маску выбора ( CMD + Shift + нажмите слои).

07. Ссылка на освещение

Getting the lighting right is crucial at this stage — Получение правого освещения имеет решающее значение на этом этапе

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

08. Лассо этот выбор

The lasso tool is an underrated ally — Инструмент Lasso является недооцененным союзником

Теперь, когда у меня есть идея для освещения, я обращаю свое внимание на лося. Я люблю использовать инструмент выбора ( Ливня ) Чтобы создать сильные формы, которые я могу заполнить жирными ударами кисти. Отслеживаю эскиз рога с помощью инструмента LASSO и используете жирные и длинные мазки для подсказки к тонкой текстуре рога.

Pro Secret: Lasso - мое секретное оружие

Инструмент Selection Lasso является одним из моих любимых инструментов Photoshop. Я использую его, чтобы нарисовать фигуры и объединять органические круглые формы с острыми прямыми. Некоторые ярлыки, чтобы иметь в виду: Ливня (Инструмент лассо); L + CMD + подъемный стилус с планшета (Получите точку до точки прямых линий); L + shift. (Добавить в отбор); и L + ALT. (вычесть от отбора).

09. Принесите кисти текстуры

Start painting in some texture — Начать картину в какой-то текстуре

После того, как я заблокировал в рогах, я блокирую прозрачность на лосе (щелкните клетчатый ящик в верхней части окна слоя). Теперь я начну определяю форму рога, и используя текстурированные щетки, чтобы сделать изображение, что тонкая структура живописи напоминает длинную темную. У меня также есть много оформления лучевых рогов, чтобы понять их форму и как они ловят свет.

10. Уточнение палитры

It's time to dip into Hue and Saturation — Пришло время окунуться в оттенок и насыщенность

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

Затем я повторяю процесс на шаге 5. Я дублирую слой оттенка и насыщенности, убедившись, что я сохраняю свои более широкие слои формы. Наконец, я заправляю оттенок и насыщенные слои над каждым отдельным слоем, прежде чем их сгладить.

11. Тепловое тепло

The sun's warm glow is added here — Теплое свечение солнца добавляется здесь

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

12. Усилить координацию

Making adjustments to the focal point will ensure it draws the eye — Принятие корректировок к фокусной точке обеспечит его привлекать глаз

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

Про секрет: практика с вашими кистями

Текстура Photoshop Щетки может показаться секретным соусом, который делает хорошую картину. Они не. Как любой инструмент, они требуют практики. У меня есть две щетки, которые я использую все время. Мне нравится практиковать с ними, проводя учебу фильма, работающих старых мастеров или фотоследований. Без необходимости изобретать предмет, он позволяет мне сосредоточиться на технике.

13. Начните добавлять детали

Start adding detail, but remember to stop! — Начните добавлять детали, но не забудьте остановиться!

Я получаю некоторые отзывы, чтобы преувеличить размер антелеров, поэтому я увеличиваю их размер. И им, будучи помними, чтобы не качаться слишком много, я начинаю добавлять детали на сцену. Если я использую кисти текстур, то я обязательно позволит текстуру сделать тяжелый подъем. Это может занять несколько ударов, чтобы получить правильно, так что я CMD + Z. Справедливый бит, пока я не получу один удар кисти, который идеально.

14. Доработка со свежими глазами

An oft-overlooked stage – step away, then return to your work afresh — OFT-пропущенная стадия - шаги, затем вернитесь к своей работе.

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

Эта статья была первоначально опубликована в ImagineFX. Журнал выпуска 157. Купить это здесь Отказ

Статьи по Теме:

4 льгота работы в студии индий игр
5 советов, чтобы KickStart вашу 3D-карьеру
5 способов для дизайнеров, чтобы найти их следующую студию

Как создать стилизованные игровые изображения

01. Дайте себе (или клиент) варианты

02. Решить как можно больше проблем

03. Организуйте свой эскиз

04. Не бойся использовать инструменты преобразования

05. Усилить фокус

06. Маска с выбором

07. Ссылка на освещение

08. Лассо этот выбор

09. Принесите кисти текстуры

10. Уточнение палитры

11. Тепловое тепло

12. Усилить координацию

13. Начните добавлять детали

14. Доработка со свежими глазами

Инструкции - Самые популярные статьи

10 способов улучшить вашу 3D анатомию

Создайте эффект хроматического аберрации

понять трубопровод импорта Unity Asset

Создайте материал плитки в конструкторе вещества

Как проектировать графические фигуры

Нарисуйте классическую сказочную сцену с Procreate

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

Создать игровую среду в Unreal Engine 4

Категории