Киберпанк вставки для фотошопа

Обновлено: 04.07.2024


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

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


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

Эффект на картинке выше мы будем создавать в рамках этого урока.


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

1. Подготовка документа

Шаг 1

Для начала нам нужно открыть фото, с которым будем работать. Для этого переходим в меню File – Open (Файл – Открыть), выбираем нужный файл и жмем на кнопку Открыть. Перед началом работы давайте проверим некоторые параметры документа.

  • Фото должно быть в цветовом режиме RGB, 8 bits/channel (бит /канал). Чтобы проверить это, переходим Image– Mode (Изображение – Режим).
  • Для получения качественного результата размер документа должен быть в пределах 2000-4500 пикселей в ширину/высоту. Для проверки переходим Image– ImageSize (Изображение – Размер изображения).
  • Фото должно быть фоновым слоев. Если это не так, применяем к нему Layer– New– BackgroundfromLayer (Слой – Новый – Фон из слоя).


Шаг 2

Теперь открываем панель Window – Actions (Окно – Операции) и в правом верхнем углу жмем на кнопку меню. Здесь выбираем New Set (Новый набор) и называем его «Киберпанк». Затем снова открываем это же меню и выбираем New Action (Новая операция). Называем новый экшен «Киберпанк».


2. Добавляем тонировку

Шаг 1

В этом разделе мы будем добавлять нужную тонировку на фото. Переходим Layer – New Adjustment Layer – Gradient Map (Слой – Новый корректирующий слой – Карта градиента). Называем этот слой «Тонировка 1».


Шаг 2

Теперь дважды кликаем по миниатюре корректирующего слоя и на панели Properties (Свойства) нажимаем на градиентную полосу, чтобы открыть редактор градиента. Цвет левого ползунка устанавливаем на 0000ff, а правого – на ff00ff.


Шаг 3

Переключаем режим наложения слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 70%.


Шаг 4

Выбираем слой Background (Фон), переходим Layer – New Adjustment Layer – Hue/Saturation (Слой – Новый корректирующий слой – Цветовой тон/Насыщенность), чтобы добавить корректирующий слой. Называем его «Тонировка 2».


Шаг 5

Дважды кликаем по миниатюре этого слоя, чтобы открыть его настройки. По очереди выбираем каждый канал и настраиваем его:


Шаг 6

Выбираем слой Background (Фон), переходим Layer – New Adjustment Layer – Photo Filter (Слой – Новый корректирующий слой – Фото-фильтр), чтобы добавить корректирующий слой. Называем его «Тонировка 3».


Шаг 7

Дважды кликаем по миниатюре корректирующего слоя и на панели свойства выбираем Cooling Filter (80) (Холодный фильтр), устанавливаем Density (Плотность) на 25% и ставим галочку напротив Preserve Luminosity (Сохранить свечение).


3. Финальная коррекция

Шаг 1

В этом разделе мы внесем финальные корректировки в эффект. Выбираем слой «Тонировка 1» и жмем клавишу D, чтобы сбросить все цвета на стандартные черный и белый. Затем переходим Layer – New Adjustment Layer – Gradient Map (Слой – Новый корректирующий слой – Карта градиента). Называем слой «Общая контрастность».


Шаг 2

Переключаем режим наложения этого слоя на Luminosity (Яркость) и уменьшаем непрозрачность до 80%.


Шаг 3

Переходим Layer – New Adjustment Layer – Vibrance (Слой – Новый корректирующий слой – Сочность). Называем этот слой «Общая насыщенность».


Шаг 4

Дважды кликаем по миниатюре корректирующего слоя и настраиваем его. Устанавливаем Vibrance (Сочность) на +25 и Saturation (Насыщенность) – на +10.


Шаг 5

После этого добавляем следующий корректирующий слой Layer – New Adjustment Layer – Levels (Слой – Новый корректирующий слой – Уровни). Называем его «Общая яркость».


Шаг 6

Дважды кликаем по миниатюре корректирующего слоя и вводим настройки, как на скриншоте ниже.


Шаг 7

Жмем сочетание клавиш Ctrl+Shift+Alt+E, чтобы объединить все видимые слои на отдельном новом. Затем комбинацией Ctrl+Shift+U обесцвечиваем его. Применяем к слою Filter – Other – High Pass (Фильтр – Другое – Краевой контраст) и устанавливаем Radius (Радиус) на 2 пикселя.


Шаг 8

Переключаем режим наложения слоя на Hard Light (Жесткий свет) и уменьшаем непрозрачность до 80%. Называем этот слой «Общая резкость».


Поздравляю, у вас получилось и вы добрались до конца урока! Теперь вы знаете, как создать неоновое освещение в стиле киберпанк. Вот так выглядит финальный результат:


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

С помощью этого экшена можно создать такое же освещение быстрее и проще! Достаточно открыть нужное фото и запустить экшен. Далее всю работу программа выполнит за вас и в конце вы получите многослойный и настраиваемый результат.

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

А если вы хотите создать текстовый эффект в стиле киберпанк, тогда попробуйте другой экшен – Cyberpunk 80s Retro Text Effects.

Эффект Киберпанка отличается яркими красками, как правило, двумя или тремя цветами с их оттенками. В целом же, это создание иллюзии того, что герои сцены находится близ неоновых вывесок, светильников и так далее, хотя по факту их там может и не быть вовсе. И что еще интересно – цвета не обязательно могут быть синий+пурпур или синий+зелёный. Сочетания могут быть разные, вплоть до чёрного+голубого или светло-голубого, зелёного с темно-фиолетовым и так далее. Контраст и яркость – залог хорошего результата.

Не забывайте делиться своими работами и задавать вопросы 🙂

  1. Выберите нужное вам изображение. Очень желательно, чтобы оно было без фильтров (или с минимальным количеством) и большого размера (более 2000 px в ширину). С маленькой или плохого качества картинкой будет труднее работать.
  2. Открывайте его в Photoshop и установите режим в RGB 8 бит/канал (RGB Color mode, 8 Bits/Channel).

Создание эффект Киберпанка в Photoshop

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

Создание эффект Киберпанка в Photoshop

Наш оригинал для работы

Создание эффекта Киберпанка

Этап 1

Добавим нашей фотографии цветов. Перейдите в Слои (Layer) -> Новый корректирующий слой (New Adjustment Layer) -> Карта градиента (Gradient Map). Внизу панели есть кружочек, по нему клик и увидите множество возможностей. Мы с ними почти со всеми будем работать.

Создание эффект Киберпанка в Photoshop

Этап 2

Теперь дважды кликните на миниатюре этого слоя, а затем на панели Свойства (Properties) кликните по градиенту, чтобы открыть панель Редактор градиентов (Gradient Editor). Введите параметры ниже для синего и сиренево-розового цветов: 0000ff и ff00ff.

Создание эффект Киберпанка в Photoshop

Создание эффект Киберпанка в Photoshop

Этап 3

Измените режим наложения этого слоя на Мягкий свет (Soft Light) и установите Непрозрачность (Opacity) на 70%. У вас может быть больше данное значение, может меньше или вообще не потребуется использоваться Непрозрачность.

Создание эффект Киберпанка в Photoshop

Этап 4

Теперь выделяем слой с изображением и добавляем корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation).

Важно. Этот слой должен находиться под слоем Карта градиента (Gradient Map).

Создание эффект Киберпанка в Photoshop

Этап 5

Дважды кликайте миниатюру этого слоя и введите настройки ниже на панели Свойства (Properties). Мы показываем то, что подходит для нашего изображения. У вас может быть другая картинка, поэтому и значения будут иными. В чём суть? Акцентировать внимание зрителя на розовых цветах, также нужно «вытянуть» голубые и синие, убрать зелёные и жёлтые.

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

Создание эффект Киберпанка в Photoshop

Создание эффект Киберпанка в Photoshop

Создание эффект Киберпанка в Photoshop

Этап 6

Теперь выберите снова фоновый слой и добавьте корректирующий слой Фотофильтр (Photo Filter).

Важно. Этот слой должен находиться под Цветовой тон/Насыщенность (Hue/Saturation)

Дважды клика те по миниатюре и в окне Свойства (Properties) выберите Холодный фильтр (80) (Cooling Filter (80) и установите Плотность на 28%. Чем больше этот показатель, тем синего больше и белый ярче, а розовый станет тусклее. Смотрите, что именно вам подойдёт.

Создание эффект Киберпанка в Photoshop

В целом, мы закончили. Но это изображение можно улучшить. Особенность улучшения в том, что поначалу и во время работы оно сильно заметно не будет. Но когда начнете сравнивать «было/стало» заметите реальные изменения. Вот такой вот казус.

Улучшение эффекта Киберпанка

Этап 1

Выделяем наш слой Карта градиента(Gradient Map) (первый он у нас) и добавляем над ним корректирующий слой Карта градиента(Gradient Map) и назовём его «Контраст». Градиент выбираем от черного к белому и ставим режим наложения слоя Яркость (Luminosity), непрозрачность по выбору.

Создание эффект Киберпанка в Photoshop

Этап 2

Сверху добавляем корректирующий слой Яркость/Контрастность (Vibrance/Saturation) и назовем его Насыщенность. В данном случае именно яркость и контраст сделают цвета яркими и жгучими.

Создание эффект Киберпанка в Photoshop

Этап 3

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

Создание эффект Киберпанка в Photoshop

Этап 4

Выделите все рабочие слои + само изображение оригинальное и нажмите на клавиатуре Control+Alt+Shift+E. Это сочетание создаст общее готовое изображение на отдельном слое. Теперь работать будем с ним.

Создание эффект Киберпанка в Photoshop

Создание эффект Киберпанка в Photoshop

Этап 5

Выделите данный слой и нажмите Control+Shift+U, чтобы обесцветить его. Переходите в Фильтр (Filter)-> Другое (Other) -> Цветовой контраст (High Pass) и установите параметр Радиус в 2 пикселя. Это для нашего варианта. Ваша задача подчеркнуть границы объектов, поэтому посмотрите, может и большее значение потребуется. Установите режим наложения слоя Жесткий свет (Hard Light).

Создание эффект Киберпанка в Photoshop

Таким несложным способом с помощью манипуляций только с корректирующими слоями мы получили изображение с эффектом Киберпанка.

Создание эффект Киберпанка в Photoshop

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

Создание эффект Киберпанка в Photoshop

Создание эффект Киберпанка в Photoshop

Создание эффект Киберпанка в Photoshop

Создание эффект Киберпанка в Photoshop

Вы также можете добавить Фильтры Масленой краски, Обводка краев, Резкости, сделать эффект комикса или как его еще называют GTAV – вариантов много и эффект Киберпанк сам по себе – это не только псевдоэффект Дуплекса.

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Читайте также: