Создаём обложку для компьютерной игры
Примечание: Данный урок выполнен в программе Photoshop CС – поэтому некоторые скриншоты могут слегка отличаться от предыдущих версий программы. Некоторые кисти имеются только в данной версии программы Photoshop CS6.
Итоговый результат:
![](https://photoshop-master.ru/lessons/les3751/1.jpg)
Исходные материалы:
- Модель
- Набор C4D
- Город
- Сцена сражения
Скачать архив с материалами к уроку
Шаг 1
Создайте новый документ со следующими размерами 1440 px * 810 px, цвет заднего фона белый. Откройте исходное изображение с моделью в программе Photoshop. Создайте выделение вокруг изображения модели, а затем скопируйте / вклейте (Copy / Paste) выделенное изображение на наш рабочий документ. Расположите солдата в правой части изображения:
![](https://photoshop-master.ru/lessons/les3751/2.jpg)
К слою с солдатом, добавьте слой-маску и с помощью большого мягкого Ластика
(eraser tool), создайте мягкое обесцвечивание, щёлкнув слева от солдата.
Примечание переводчика: с помощью мягкой чёрной кисти, находясь на маске слоя, щёлкните слева от солдата, поиграйте с непрозрачностью кисти.
![](https://photoshop-master.ru/lessons/les3751/3.jpg)
Мы получим следующий эффект.
![](https://photoshop-master.ru/lessons/les3751/4.jpg)
Далее, к слою с моделью, примените следующие 3 корректирующих слоя в качестве обтравочных масок.
Чёрно-белый (Black and White)
![](https://photoshop-master.ru/lessons/les3751/5.jpg)
Перейдите на маску корректирующего слоя Чёрно-белый (Black and White) и с помощью мягкой чёрной кисти скройте эффект коррекции в области лица модели.
Примечание переводчика: участки обработки кистью обозначены стрелками и выделены красным цветом.
![](https://photoshop-master.ru/lessons/les3751/6.jpg)
Уровни (Levels)
![](https://photoshop-master.ru/lessons/les3751/7.jpg)
Кривые (Curves)
![](https://photoshop-master.ru/lessons/les3751/8.jpg)
Результат на данный момент урока:
![](https://photoshop-master.ru/lessons/les3751/9.jpg)
Шаг 2
В этом шаге мы добавим рендеринг C4D к нашей сцене. Откройте набор C4D в программе Photoshop. Выделите рендеринг, как показано на скриншоте ниже.
![](https://photoshop-master.ru/lessons/les3751/10.jpg)
Скопируйте / вклейте (Copy / Paste) выделенный рендеринг на наш рабочий документ. Расположите осколки под ногами солдата. Примените сжатие к изображению с помощью свободной трансформации.
![](https://photoshop-master.ru/lessons/les3751/11.jpg)
Добавьте осколки вокруг изображения солдата, как показано на скриншоте ниже.
Не забывайте корректировать размер рендеринга.
![](https://photoshop-master.ru/lessons/les3751/12.jpg)
![](https://photoshop-master.ru/lessons/les3751/13.jpg)
Шаг 3
В этом шаге мы создадим свою кисть. Создайте новый документ со следующими размерами 300 px * 300 px, создайте новый слой. Нарисуйте фигуру, как показано на скриншоте ниже. Далее, отключите видимость слоя с задним фоном:
![](https://photoshop-master.ru/lessons/les3751/14.jpg)
Идём Редактирование – Определить кисть (Edit > Define Brush Preset):
![](https://photoshop-master.ru/lessons/les3751/15.jpg)
Дайте название вашей кисти:
![](https://photoshop-master.ru/lessons/les3751/16.jpg)
Нажмите клавишу “F5”, чтобы появилось окно настроек кисти. Примените следующие настройки, которые указаны скриншотах ниже:
![](https://photoshop-master.ru/lessons/les3751/17.jpg)
![](https://photoshop-master.ru/lessons/les3751/18.jpg)
![](https://photoshop-master.ru/lessons/les3751/19.jpg)
Примените созданную кисть. Нарисуйте абстрактный узор, как показано на скриншоте ниже:
Примечание переводчика: не забудьте создать новый слой для создания абстрактного узора.
![](https://photoshop-master.ru/lessons/les3751/20.jpg)
Шаг 4
Откройте исходное изображение с городским пейзажем в программе Photoshop. Выделите часть изображения, как показано на скриншоте ниже.
![](https://photoshop-master.ru/lessons/les3751/21.jpg)
Скопируйте / вклейте (Copy / Paste) выделенную часть изображения с городским пейзажем. Расположите слой с фрагментом города поверх слоя с абстрактным узором. Далее, преобразуйте слой с городским пейзажем в обтравочную маску.
Примечание переводчика: щёлкните правой кнопкой мыши по слою с городским пейзажем и в появившемся окне выберите опцию Создать обтравочную маску (Create clipping mask).
![](https://photoshop-master.ru/lessons/les3751/22.jpg)
Мы получим следующий эффект.
![](https://photoshop-master.ru/lessons/les3751/23.jpg)
Шаг 5
Откройте исходное изображение со сценой сражения в программе Photoshop. Мы используем отдельные фрагменты данного изображения для усиления драматического эффекта нашего дизайна:
![](https://photoshop-master.ru/lessons/les3751/24.jpg)
Скопируйте / вклейте (Copy / Paste) выделенный фрагмент изображения на наш рабочий документ. Поменяйте режим наложения на Осветление (Screen):
![](https://photoshop-master.ru/lessons/les3751/25.jpg)
Расположите слой с выделенным фрагментом поверх слоя с городским пейзажем, чтобы совместить оба слоя:
Примечание переводчика: не забудьте преобразовать слой в обтравочную маску.
![](https://photoshop-master.ru/lessons/les3751/26.jpg)
Выделите ещё один фрагмент сцены сражения:
![](https://photoshop-master.ru/lessons/les3751/27.jpg)
Скопируйте / вклейте выделенный фрагмент изображения на наш рабочий документ. Поменяйте режим наложения на Осветление (Screen). Расположите данный фрагмент изображения возле ног солдата:
![](https://photoshop-master.ru/lessons/les3751/28.jpg)
Шаг 6
Выборочный шаг: с помощью кистей Акварель / Гранж (https://photoshop-master.ru/adds/brushes/10124-kist-dlya-fotoshopa-granj-.html) , вы можете добавить эффекты вокруг изображения солдата:
![](https://photoshop-master.ru/lessons/les3751/29.jpg)
В заключение, создайте объединённый слой, затем продублируйте полученный объединённый слой. К дубликату слоя, примените фильтр Контурная резкость (Unsharp Mask filter), чтобы слегка усилить резкость изображения:
Примечание переводчика: 1. Чтобы создать объединённый слой из всех видимых слоёв, убедитесь, что вы находитесь на самом верхнем слое, а затем нажмите клавиши (Ctrl+Shift+Alt+E) 2. Для активации фильтра Контурная резкость (Unsharp Mask filter), идём Фильтр – Усиление резкости - Контурная резкость (Filter – Sharpen - Unsharp Mask).
![](https://photoshop-master.ru/lessons/les3751/30.jpg)
Добавьте следующие корректирующие слои, в качестве цветовой коррекции всего изображения:
Цветовой Баланс (Color Balance)
![](https://photoshop-master.ru/lessons/les3751/31.jpg)
![](https://photoshop-master.ru/lessons/les3751/32.jpg)
Фото Фильтр (Photo Filter) уберите галочку в окошке Сохранить свечение (Preserve Luminosity)
![](https://photoshop-master.ru/lessons/les3751/33.jpg)
![](https://photoshop-master.ru/lessons/les3751/34.jpg)
Итак, мы завершили урок! Надеюсь, вам понравился данный урок, и он был полезным для вас. До встречи, удачного дня!
Итоговый результат:
![](https://photoshop-master.ru/lessons/les3751/35.jpg)