Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

191 096 чел. 391 436 работ 4 045 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Легкая

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

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

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

Скачать архив с материалами к уроку

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

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

Шаг 1

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

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

Шаг 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

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

  • Reds – Красные
  • Yellows – Желтые
  • Greens – Зеленые
  • Cyans – Голубые
  • Blues – Синие
  • Magentas – Фиолетовые

Шаг 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.

 

Автор: Marko Kožokar

Комментарии 61

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Классный урок, поняла принцип работы с градиентом, спасибо ???? Правда исходник пришлось искать в интернете, потому что не было подходящего фото

Хорошее исполнение! Вы наверное используете сторонние смайлики в сообщениях, сайт их не понимает и превращает в вопросики. Лучше используйте те, которые имеются на сайте.:slightly-smiling-face:

Большое спасибо за урок. Получился интересный эффект.

Спасибо за урок. Понравился эффект.

Отличный урок, поиграла с эффектами, очень понравилось:folded-hands::two-hearts:

Спасибо за урок! Интересно!

Большое спасибо за урок)

Очень приятное сочетание цветов. Спасибо за урок!

Интересный крок. Но есть один недочет по моему мнению в Шаге 2 - переключаем слой в режим наложения не Яркость а Яркий свет. При переключении слоя просто в Яркость фото становится мутным цвет приглушается и конечного эффекта получить не очень то и получится.

Номер два.
Добавила 2 текстуры боке и капли на стекле. :relieved-face:

Я не нашел что то подходящее под этот урок у себя в фото, пришлось импровизировать. Спасибо за урок!

Ну спасибо за урок(Не много пошаманил с камерой raw), так как изначально задний фон не самого лучшего качества, для урока самое то.

PhaSeg2a, это без камеры рав

Не понял в финальной коррекции какие цвета для градиента выбирать или оставлять дефолтные?

Михаил Раевский, если Вы имеете ввиду: 3. Финальная коррекция Шаг 1, то это чёрно/белый градиент.))

Мила, спасибо, а то у меня сбросилось (при нажатии D) на серо/белый градиент и я не мог понять в чем же проблема.

Еще 30
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules