Создаём в Photoshop обложку для компьютерной игры

Pando4ka

Модератор форума
Модератор
Регистрация
7 Янв 2020
Сообщения
75
Реакции
0
EasyGold (EG)
0
BumpCoin (BC)
0
PostCoin (PC)
0

Создаём в Фотошоп обложку для компьютерной игры

Сложность урока: Средний


Пожалуйста Авторизуйтесь или Зарегистрируйтесь чтоб увидеть скрытый текст.


В этом уроке я покажу вам, как создать картину, которая была навеяна компьютерной игрой “Quantum Break” в программе Photoshop. Я покажу вам несколько приёмов работы с масками, режимами наложения, а также мы создадим кисть с абстрактными фигурами, которые мы добавим к нашей сцене. Давайте попробуем!

Примечание переводчика:

Пожалуйста Авторизуйтесь или Зарегистрируйтесь чтоб увидеть скрытый текст.

(Квантовый разрыв) - компьютерная игра, которая находится в разработке в жанре экшн стрелялки, релиз игры состоялся на Xbox One и Windows 4 апреля 2016. Революционное развлечение, стирающее грань между видеоигрой и телевидением. В игре Quantum Break студия Remedy Games воплотила динамичные сюжеты, чтобы выжить, вам предстоит искривить время и пространство.


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

Примечание: Данный урок выполнен в программе Photoshop CС – поэтому некоторые скриншоты могут слегка отличаться от предыдущих версий программы. Некоторые кисти имеются только в данной версии программы Photoshop CS6.

Итоговый результат:

1.jpg

Исходные материалы:
  • Модель
  • Набор C4D
  • Город
  • Сцена сражения

Пожалуйста Авторизуйтесь или Зарегистрируйтесь чтоб увидеть скрытый текст.



Шаг 1

Создайте новый документ со следующими размерами 1440 px * 810 px, цвет заднего фона белый. Откройте исходное изображение с моделью в программе Photoshop. Создайте выделение вокруг изображения модели, а затем скопируйте / вклейте (Copy / Paste) выделенное изображение на наш рабочий документ. Расположите солдата в правой части изображения:

2.jpg

К слою с солдатом, добавьте слой-маску и с помощью большого мягкого Ластика
eraser.png
(eraser tool)
, создайте мягкое обесцвечивание, щёлкнув слева от солдата.

Примечание переводчика: с помощью мягкой чёрной кисти, находясь на маске слоя, щёлкните слева от солдата, поиграйте с непрозрачностью кисти.

3.jpg

Мы получим следующий эффект.

4.jpg

Далее, к слою с моделью, примените следующие 3 корректирующих слоя в качестве обтравочных масок.

Чёрно-белый (Black and White)

5.jpg

Перейдите на маску корректирующего слоя Чёрно-белый (Black and White) и с помощью мягкой чёрной кисти скройте эффект коррекции в области лица модели.

Примечание переводчика: участки обработки кистью обозначены стрелками и выделены красным цветом.

6.jpg

Уровни (Levels)

7.jpg

Кривые (Curves)

8.jpg

Результат на данный момент урока:

9.jpg

Шаг 2

В этом шаге мы добавим рендеринг C4D к нашей сцене. Откройте набор C4D в программе Photoshop. Выделите рендеринг, как показано на скриншоте ниже.

10.jpg

Скопируйте / вклейте (Copy / Paste) выделенный рендеринг на наш рабочий документ. Расположите осколки под ногами солдата. Примените сжатие к изображению с помощью свободной трансформации.

11.jpg

Добавьте осколки вокруг изображения солдата, как показано на скриншоте ниже.

Не забывайте корректировать размер рендеринга.

12.jpg


13.jpg

Шаг 3

В этом шаге мы создадим свою кисть. Создайте новый документ со следующими размерами 300 px * 300 px, создайте новый слой. Нарисуйте фигуру, как показано на скриншоте ниже. Далее, отключите видимость слоя с задним фоном:

14.jpg

Идём Редактирование – Определить кисть (Edit > Define Brush Preset):

15.jpg

Дайте название вашей кисти:

16.jpg

Нажмите клавишу “F5”, чтобы появилось окно настроек кисти. Примените следующие настройки, которые указаны скриншотах ниже:

17.jpg


18.jpg


19.jpg

Примените созданную кисть. Нарисуйте абстрактный узор, как показано на скриншоте ниже:

Примечание переводчика: не забудьте создать новый слой для создания абстрактного узора.

20.jpg

Шаг 4

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

21.jpg

Скопируйте / вклейте (Copy / Paste) выделенную часть изображения с городским пейзажем. Расположите слой с фрагментом города поверх слоя с абстрактным узором. Далее, преобразуйте слой с городским пейзажем в обтравочную маску.

Примечание переводчика: щёлкните правой кнопкой мыши по слою с городским пейзажем и в появившемся окне выберите опцию Создать обтравочную маску (Create clipping mask).

22.jpg

Мы получим следующий эффект.

23.jpg

Шаг 5

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

24.jpg

Скопируйте / вклейте (Copy / Paste) выделенный фрагмент изображения на наш рабочий документ. Поменяйте режим наложения на Осветление (Screen):

25.jpg

Расположите слой с выделенным фрагментом поверх слоя с городским пейзажем, чтобы совместить оба слоя:

Примечание переводчика: не забудьте преобразовать слой в обтравочную маску.

26.jpg

Выделите ещё один фрагмент сцены сражения:

27.jpg

Скопируйте / вклейте выделенный фрагмент изображения на наш рабочий документ. Поменяйте режим наложения на Осветление (Screen). Расположите данный фрагмент изображения возле ног солдата:

28.jpg

Шаг 6

Выборочный шаг: с помощью кистей Акварель / Гранж (

Пожалуйста Авторизуйтесь или Зарегистрируйтесь чтоб увидеть скрытый текст.

) , вы можете добавить эффекты вокруг изображения солдата:

29.jpg

В заключение, создайте объединённый слой, затем продублируйте полученный объединённый слой. К дубликату слоя, примените фильтр Контурная резкость (Unsharp Mask filter), чтобы слегка усилить резкость изображения:

Примечание переводчика: 1. Чтобы создать объединённый слой из всех видимых слоёв, убедитесь, что вы находитесь на самом верхнем слое, а затем нажмите клавиши (Ctrl+Shift+Alt+E) 2. Для активации фильтра Контурная резкость (Unsharp Mask filter), идём Фильтр – Усиление резкости - Контурная резкость (Filter – Sharpen - Unsharp Mask).

30.jpg

Добавьте следующие корректирующие слои, в качестве цветовой коррекции всего изображения:

Цветовой Баланс (Color Balance)

31.jpg


32.jpg

Фото Фильтр (Photo Filter) уберите галочку в окошке Сохранить свечение (Preserve Luminosity)

33.jpg


34.jpg

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

Итоговый результат:

35.jpg
 
Сверху