Обложка видеоигры в adobe photoshop

  • 28 сентября 2011
  • 0
  • 4678

Конечный результат:



Обложка видеоигры в adobe photoshop



Ресурсы урока:



Спецназ
Заброшенное здание
Старый завод
Космическое свечение
Иконка беспроводной связи
Шрифт “Coalition”
Шрифт “Space Age”
Иконка джойстика
Гранжевые кисти


Шаг 1


Создайте новый документ (Ctrl + N) и размером 600х700 пикселей с чёрным фоном.

Обложка видеоигры в adobe photoshop

Шаг 2


Вставьте изображение заброшенного здания в документ. При помощи инструмента Free Transform (Ctrl + T) можно изменить размер.

Обложка видеоигры в adobe photoshop

Понизьте Непрозрачность (Opacity) слоя до 10%.

Обложка видеоигры в adobe photoshop

Создайте два корректирующих слоя:

Цветовой тон/Насыщенность (Слой – Новый Корректирующий слой – Цветовой тон/Насыщенность) (Layer -> New Adjustment Layer -> Hue/Saturation):

Тон (Hue): 0
Насыщенность (Saturation): -100
Яркость (Lightness): 0

Уровни (Слой – Новый Корректирующий слой – Уровни) (Layer -> New Adjustment Layer -> Levels):

43 / 0.75 / 255

Для каждого корректирующего слоя нужно создать обтравочную маску. Для этого кликните на слое в палитре слоёв правой кнопкой мыши и выберите пункт Создать обтравочную маску (Create Clipping Mask).

Обложка видеоигры в adobe photoshop
Обложка видеоигры в adobe photoshop

Шаг 3


Теперь вставьте фотографию старого здания и расположите его в центре холста. Добавьте маску слоя с старому зданию (Слой – Слой-маска – Показать все) (Layer – Layer Mask – Reveal All). Выберите инструмент Кисть (Brush Tool) (B) с мягкими краями и обрисуйте нижние углы, чтобы они плавно переходили к фону.

Обложка видеоигры в adobe photoshop

Понизьте Непрозрачность (Opacity) слоя до 7%. После этого создайте корректирующий слой Цветовой тон/Насыщенность (Слой – Новый корректирующий слой – Цветовой тон/Насыщенность) (Layer – New Adjustment Layer – Hue/Saturation):

Тон (Hue): 0
Насыщенность (Saturation): -100
Яркость (Lightness): 0

Обложка видеоигры в adobe photoshop

Шаг 4


Теперь вставьте космическое изображение. Расположите его на холсте так, чтобы свечение исходило с правой стороны. Установите Режим наложения (Blending Mode) на Осветление (Screen). Он скроет чёрный фон и сделает видимым нижние слои.

Обложка видеоигры в adobe photoshop

Понизьте Непрозрачность (Opacity) слоя до 6%.

Обложка видеоигры в adobe photoshop

Создайте два корректирующих слоя:

Цветовой тон/Насыщенность (Слой – Новый Корректирующий слой – Цветовой тон/Насыщенность) (Layer -> New Adjustment Layer -> Hue/Saturation):

Тон (Hue): 0
Насыщенность (Saturation): -100
Яркость (Lightness): 0

Уровни (Слой – Новый Корректирующий слой – Уровни) (Layer -> New Adjustment Layer -> Levels):

26 / 1.11 / 255

Обложка видеоигры в adobe photoshop
Обложка видеоигры в adobe photoshop

Шаг 5


Добавим свечение на фон. Создайте новый слой (Ctrl + Shift + N) и назовите его “white lights”. Выберите инструмент Градиент (Gradient Tool) (G): Стиль (Style) – Радиальный (Radial). Сделайте заливку цветом от белого к прозрачному.

Обложка видеоигры в adobe photoshop

Установите Режим наложения (Blending Mode) на Перекрытие (Overlay):

Обложка видеоигры в adobe photoshop

Шаг 6


Создайте новый слой (Ctrl + Shift + N) и назовите его “blue lights”. Сделайте несколько радиальных заливок цветом от #37afee к прозрачному. Сфокусируйтесь на правой и нижней сторонах.

Обложка видеоигры в adobe photoshop

Установите Режим наложения (Blending Mode) на Перекрытие (Overlay):



Сделайте ещё несколько заливок на новом слое “blue lights bright”. Цвет градиента: от # 9ddbfb к прозрачному.



Режим наложения (Blending Mode) – Перекрытие (Overlay):



Шаг 7


Создайте новый слой (Ctrl + Shift + N) и назовите его “angular”. Инструментом Лассо (Lasso Tool) (L) создайте диагональную фигуру. Залейте выделение белым цветом и установите Непрозрачность (Opacity) на 7%.

Обложка видеоигры в adobe photoshop

Сделайте копию слоя с диагональной фигурой несколько раз и расположите, как показано ниже. Используйте инструмент Перемещение (Move Tool) (V) для перемещения.

Обложка видеоигры в adobe photoshop

Шаг 8


Откройте фотографию со спецназом и извлеките их из фона. Используйте инструмент Волшебная палочка (Magic Wand Tool) (W), чтобы сделать выделение белого фона. Потом инвертируйте его (Ctrl + Shift + I) и перетащите его в наш документ. Расположите в нижней части холста.

Обложка видеоигры в adobe photoshop

К слою со спецназом примените стиль Внешнее свечение (Слой – Стиль слоя – Внешнее свечение) (Layer – Layer Style – Outer Glow).

Обложка видеоигры в adobe photoshop

Создайте два корректирующих слоя (с обтравочной маской):

Уровни (Слой – Новый Корректирующий слой – Уровни) (Layer -> New Adjustment Layer -> Levels):

26 / 1.11 / 255

Цветовой баланс (Слой – Новый Корректирующий слой – Цветовой баланс) (Layer -> New Adjustment Layer -> Color Balance):

Midtones: -28 / +8 / +9

Обложка видеоигры в adobe photoshop
Обложка видеоигры в adobe photoshop

Шаг 9


Добавим световые эффекты на команду спецназа. Создайте новый слой “blue highlights over swat” и сделайте несколько заливок радиальным градиентом цветом от #9eddfe к прозрачному.

Обложка видеоигры в adobe photoshop

Установите Режим наложения (Blending Mode) на Перекрытие (Overlay) и понизьте Непрозрачность (Opacity) до 50%.

Обложка видеоигры в adobe photoshop

Сделайте ещё несколько заливок градиентом цветом от белого к прозрачному.

Обложка видеоигры в adobe photoshop

Установите Режим наложения (Blending Mode) на Перекрытие (Overlay) и понизьте Непрозрачность (Opacity) до 25%.

Обложка видеоигры в adobe photoshop

Шаг 10


Создайте новый слой (Ctrl + Shift + N) и назовите его “dodge/burn”. Залейте его 50% серым цветом через меню Редактирование – Заливка (Edit – Fill). Установите Режим наложения (Blending Mode) на Перекрытие (Overlay). Это скроет серый цвет, но позволит использовать белый и чёрный цвет для усиления теней и светов.
Используя мягкую кисть обрисуйте чёрным и белым цветом слой, как показано ниже.

Обложка видеоигры в adobe photoshop
Обложка видеоигры в adobe photoshop

Шаг 11


Создайте новый слой (Ctrl + Shift + N) и назовите его “noise”. Залейте слой 50% серым цветом и перейдите в меню Фильтр – Шум – Добавить шум (Filter – Noise – Add Noise).

Обложка видеоигры в adobe photoshop

Установите Режим наложения (Blending Mode) на Перекрытие (Overlay) и понизьте Непрозрачность (Opacity) до 20%.

Обложка видеоигры в adobe photoshop

Шаг 12


Инструментом Прямоугольная область (Rectangular Marquee Tool) (M) сделайте выделение верхних 50 пикселей. Залейте их линейным градиентом от #dadada к #f4f5f5.

Обложка видеоигры в adobe photoshop

Подобным образом создайте ещё одну полоску, но используйте однотонный синий цвет.

Обложка видеоигры в adobe photoshop

Шаг 13


Инструментом Горизонтальный текст (Horizontal Type Tool) (T) напишите название игры. Я использовал шрифт “Coalition”.

Обложка видеоигры в adobe photoshop

Используя гранжевые кисти, обрисуйте текст. Нужно работать на новом слое “text splatter”.

Обложка видеоигры в adobe photoshop

Кликните правой кнопкой мыши на слое с пятнами и выберите пункт Создать обтравочную маску (Create Clipping Mask). В результате пятна останутся только на тексте. Установите Непрозрачность (Opacity) слоя на 70%.

Обложка видеоигры в adobe photoshop

Шаг 14


Используя шрифт “space age” напишите название платформы, для которой создана игра. Вставьте пару дополнительных иконок и подпишите их.

Обложка видеоигры в adobe photoshop


Перевод: Хегай Глеб




Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.