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

Обновлено: 07.07.2024

< бр />

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

Посмотреть популярные экшены Photoshop здесь →

Учебные ресурсы

Учебное пособие по классному эффекту киберпанка для Photoshop CC

Шаг 1

Сначала загрузите изображение из раздела ресурсов и откройте его в Photoshop. Перейдите в верхнее меню, выберите «Файл» > «Открыть», чтобы открыть образец изображения. Для этого эффекта я рекомендую использовать изображения оживленных улиц из Южной Кореи, Гонконга, Китая или Японии. Причина, по которой я рекомендую изображения из этих мест, заключается не только в том, что там есть оживленная улица, но и в том, что неоновые вывески и яркая окраска делают уличные изображения более подходящими для этого эффекта. Не говоря уже о том, что рекомендуется ночное настроение.

Здесь вы можете видеть, что я открыл изображение в Photoshop:

Шаг 2

Обратите внимание, что изображение немного недоэкспонировано, так как это ночная сцена. Вы хотите, чтобы изображение было точно на стороне недодержки, потому что мы собираемся осветлить изображение с помощью корректирующих слоев, рисования источников света и использования Camera Raw. Таким образом, вам не нужно изображение, которое уже яркое, потому что это испортит окончательный результат, так как мы потеряем детали в светлых участках.

Я решил увеличить яркость изображения. Перейдите в меню «Слой» > «Новый корректирующий слой» > «Кривые», и вы увидите в настройках ниже, что я добавил точку посередине, чтобы повлиять на средние тона изображения.

Используйте настройки, показанные на изображении.

Шаг 3

Я добавил базовый цвет к изображению с помощью корректирующего слоя «Цветовой баланс». Просто пытаюсь найти наилучшую возможную комбинацию цветов, добавляя цвета в полутона и светлые тона.

Вы можете создать корректировку цветового баланса, выбрав «Слой» > «Новый корректирующий слой» > «Цветовой баланс», а затем введите следующие значения:

Шаг 4

Мы применим фильтр Adobe Camera Raw для редактирования изображения, и это ключевой шаг, когда дело доходит до добавления атмосферы киберпанка к вашим изображениям, поскольку для начала у него намного больше элементов управления. Сначала создайте объединенный слой из всех слоев, нажав CTRL + ALT + SHIFT + E. Щелкните изображение правой кнопкой мыши и преобразуйте его в «Смарт-объект».

Выберите Фильтр > Adobe Camera Raw. Я снизил температуру до -15, чтобы уменьшить желтизну. Кроме того, я понизил уровень теней до -100 и увеличил уровни белого, чтобы они всплывали. Остальные настройки зависят от вас, и если вы хотите получить те же результаты, что и в этом руководстве, просто введите настройки, показанные ниже.

Затем я перешел к HSL и изменил оттенок синего, цвета морской волны, желтого и розово-фиолетового. Я особо не играл с насыщенностью, а лишь уменьшил насыщенность Purple до -73. Я увеличил яркость аквамарина до +23.

Здесь так много нужно понять, но я стремлюсь к голубому и розовому цвету. Помните, что эти настройки не будут работать на каждом изображении, и вы можете поэкспериментировать с ними по-разному, чтобы добиться нужного цвета.

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

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

Шаг 5

Перейдите в меню «Слой» > «Новый корректирующий слой» > «Выборочный цвет» и используйте следующие настройки, чтобы уменьшить насыщенность красного цвета на изображении.

Здесь вы можете сравнить результаты до и после использования выборочной настройки цвета:

Шаг 6

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

Нажмите CTRL + SHIFT + N, чтобы создать новый слой и назовите его «Световая краска». Используйте мягкую круглую кисть, чтобы нарисовать светлые точки на изображении, я выбрал голубой и желтый цвета, чтобы нарисовать свет, так как именно эти цвета сейчас больше всего присутствуют на изображении. Убедитесь, что когда вы рисуете светом, меняйте размер кисти, непрозрачность и расход, чтобы получить наилучшие возможные результаты. Делайте это очень осторожно и не переусердствуйте. Кроме того, нарисуйте свет на вывесках или везде, где вы видите источник света.

Здесь вы можете увидеть, как я рисовал свет:

Измените режим наложения на Linear Dodge, и вы увидите, что мы зажгли свет на изображении.

Шаг 7

Техника освещения «Черный слой» — моя любимая техника освещения для создания световых эффектов, и я освоил ее. Этот метод включает использование черного слоя в сочетании с режимом Color Dodge. Сначала создайте новый слой и залейте этот слой черным цветом. После того, как вы создали черный слой, измените режим наложения на Color Dodge.

Теперь все, что вам нужно сделать, это выбрать мягкую круглую кисть и, используя белый цвет, закрасить те части, где вы нарисовали свет на последнем шаге. Когда вы проведете кистью по этим частям, вы заметите, что вокруг изображения начинает появляться красивое естественное свечение. Кроме того, настоятельно рекомендуется, когда вы рисуете на черном слое, убедитесь, что непрозрачность и расход кисти должны быть около 20%-30% или меньше, чтобы избежать резкого контраста на вашем изображении.

Здесь вы можете увидеть, как я нарисовал свечение:

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

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

Шаг 8

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

Вот мои окончательные результаты:

Надеюсь, вам понравился урок. Попробуйте и дайте нам знать в разделе комментариев ниже, как этот урок помог вам продолжать работать в Photoshop.

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

Неограниченная загрузка более 2 000 000 кистей, шрифтов, графики и шаблонов дизайна

Кисти
948 элементов

Шрифты
27 720 элементов

Действия
12 631 элемент

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

Откройте изображение в Adobe Photoshop, но прежде чем продолжить, продублируйте фоновый слой (CMD+J), чтобы сохранить копию оригинала, и преобразуйте новый слой в смарт-объект, чтобы фильтры и эффекты применялись неразрушающим образом. .

Выберите «Фильтр» > «Фильтр Camera Raw», чтобы применить ряд настроек для улучшения изображения. С помощью ползунков «Температура» и «Оттенок» можно ввести розово-синюю цветовую схему, которая является основным компонентом стиля киберпанк.

Уменьшите значение параметра «Света» и увеличьте ползунок «Тени», чтобы контролировать общую яркость и контрастность изображения и выделять детали в стиле HDR.

Слегка уменьшите ползунок "Четкость", чтобы смягчить свечение источников света, затем увеличьте значение параметра "Удаление дымки", чтобы вернуть контрастность изображению.

Переключитесь в раздел «Раздельное тонирование» фильтров Camera Raw. Временно установите ползунки насыщенности на максимум, чтобы затем найти подходящий оттенок — ярко-розовый для светлых участков и насыщенный синий для теней, — затем уменьшите значения насыщенности, чтобы уменьшить яркость эффекта.

На вкладке "Эффекты" добавьте виньетку, чтобы затемнить края изображения. Слегка увеличьте значение Feather, чтобы виньетка плавно исчезала.

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

Добавьте корректирующий слой «Уровни», затем переместите ползунок «Выходные уровни» для теней, который изменит точку черного, чтобы размыть самые темные области изображения. Слегка затемните эти области, используя обычный ползунок уровня теней.

Далее мы воспользуемся командой «Выделение» > «Цветовой диапазон», чтобы создать копию самых ярких областей изображения. Выберите «Света», затем настройте диапазон примерно на 200. Используйте команды «Копировать и вставить», чтобы поместить копию бликов на новый слой.

Дважды щелкните новый слой бликов и добавьте стиль слоя «Внешнее свечение». Настройте параметры на Linear Dodge с белым, минимальным значением Spread, но отрегулируйте Size, чтобы создать мягкое свечение, а затем уменьшите Opacity, чтобы уменьшить заметность эффекта.

Добавьте новый слой, затем установите кисть с нулевой жесткостью. Уменьшите значение «Растекание» на панели инструментов, а затем попробуйте цвета с фотографии, удерживая клавишу ALT, чтобы переключить инструмент «Пипетка». Нанесите на изображение цветные мазки, соответствующие оттенкам фотографии.

Измените режим наложения этого слоя на Экран, затем уменьшите непрозрачность примерно до 40 %, чтобы получился массив тонких цветовых оттенков.

Преобразование любых существующих вывесок или рекламных объявлений на фотографии в неоновые огни — отличный способ осветить сцену. Добавьте новый слой и настройте кисть с маленьким кончиком и жесткостью 100%.Включите сглаживание в настройках кисти и установите значение около 50% на верхней панели инструментов, чтобы упростить прослеживание букв на изображении. Не забудьте вернуть значение Flow обратно к 100%.

Дважды щелкните этот слой, чтобы применить некоторые стили слоя, чтобы преобразовать основные линии кисти в неоновые трубки. Начните с Color Overlay, используя синий оттенок в качестве основного цвета неонового света.

Затем добавьте Внутреннее свечение с настройками Linear Dodge, white и Source, установленными на Center. Отрегулируйте значения Choke и Size, чтобы создать белый центр, плавно переходящий в синий контур по направлению к краю трубы.

Эффект внешнего свечения помогает осветить неоновый свет. Используйте режим наложения Linear Dodge с таким же синим оттенком. Используйте минимальный Spread для плавного свечения, затем отрегулируйте значение Size в соответствии с требованиями.

Невозможно дублировать эффект внешнего свечения, но таким же образом можно настроить тень. Используйте аналогичные настройки Linear Dodge и синий оттенок, затем уменьшите Distance и Spread до нуля, но увеличьте Size, чтобы создать большее окружающее свечение вокруг неоновых огней.

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

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

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

Установите режим наложения слоя с дымовой кистью на Color Dodge и уменьшите значение Fill, чтобы цвета взаимодействовали, создавая яркий эффект тумана.

Конечным результатом стал яркий фотоэффект в стиле киберпанк с градацией синего и розового цветов и интенсивными неоновыми вывесками. Первоначальные настройки Camera Raw преобразили исходную фотографию с помощью контраста в стиле HDR и цветовых эффектов разделения тонирования, а затем добавление дополнительных неоновых огней и эффектов туманного света усилило футуристическое настроение сцены.

Введение: как применить стиль киберпанк в Photoshop

Нам понадобится Photoshop и образец изображения.Для эффекта киберпанка я рекомендую использовать изображения оживленных улиц из Южной Кореи, Гонконга, Китая или Японии.

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

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

Шаг 1. Дублируйте слой

Сначала загрузите изображение из раздела ресурсов и откройте его в Photoshop. Перейдите в верхнее меню, выберите «Файл» > «Открыть», чтобы открыть образец изображения.

Дублируйте фоновый слой (CTRL+J), чтобы сохранить копию оригинала. CMD + J для Mac.

Шаг 2. Фильтр Raw Camera

Выберите Фильтр > Фильтр Camera Raw

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

Шаг 3. Кривые

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

Шаг 4. Виньетка (необязательно)

Добавьте виньетку, чтобы привлечь внимание к центру изображения.

Шаг 5. Настройки внешнего свечения

Добавьте новый слой и выберите кисть с маленьким кончиком (4–9 пикселей в зависимости от неоновой вывески) и жесткостью 100%. Установите значение сглаживания примерно на 50 % на верхней панели инструментов, чтобы сделать мазки более плавными.

Выберите «Внешнее свечение». Эффект внешнего свечения помогает подсветить неоновый свет.

В диалоговом окне "Внешнее свечение" выберите режим наложения "Экран". У меня непрозрачность 88%, шум 0, цвет розовый, техника мягче, распространение 39, размер 27, диапазон 79.

Ползунок «Непрозрачность» позволяет указать, насколько прозрачным будет ваше внешнее свечение. Мягче дает нам внешнее свечение, которое выглядит более органично и естественно.

Нажмите OK, чтобы сохранить настройки.

Шаг 6. Трассировка неоновых огней

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

Шаг 7. Наложение

Выберите «Сплошной цвет» на панели слоев и выберите черный цвет, нажмите «ОК». Затем выберите режим наложения Экран.

Сам легенда Photoshop вернулся на наше мероприятие Design Cuts Live, и мы были в восторге. Колин Смит, автор бестселлеров и отмеченный наградами цифровой художник, действительно знаменит в дизайне.

Являетесь ли вы поклонником киберпанка или нет, это не имеет большого значения. Техники, которым Колин научил на этом занятии, оказались очень полезными!

Продукты, представленные на этом сеансе

Набор источников света – 525 оверлеев

Неоновые стили слоя

Неоновый комплект Ultimate

Настройка Photoshop

Для начала используйте Photoshop 2021 и цветовой круг. Цветовой круг состоит из дополнительных и противоположных цветов, что упрощает выбор из множества цветов.

Используйте Unsplash для загрузки фотографий и перетащите первое изображение в Photoshop. См. изображения ниже для справки.

Перетащите в композицию все остальные изображения из Bridge в Photoshop. После передачи они автоматически преобразуются в смарт-объекты. Когда все слои перетаскиваются, смарт-объекты лежат поверх других.

Создать фон

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

Сопоставьте первую область, чтобы получить перспективу, глядя на прямые линии. Следуйте вдоль линии окна, чтобы получить правильную перспективу.

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

Совет: назовите эти слои окон, чтобы их можно было использовать позже.

Выберите фотографию с двумя людьми и вырежьте фон. Для этого можно использовать Magic Wand Tool. Включите маску и расположите изображение.

Добавьте изображение автомобиля и выберите объект, чтобы вырезать фон. Используйте клавишу Option, чтобы удалить его из выбора. Adobe AI автоматически определит края и тени. Используйте Command + T, чтобы масштабировать машину.

Используйте инструмент выделения объектов и поместите автомобиль за белым объектом.

Совет: создайте сцену и расскажите историю, а не сосредотачивайтесь на идеальных вырезах и цветокоррекции.

Используйте инструмент "Исправление перспективы" для работы в трехмерном пространстве. Задайте плоскую площадь и поверхность под углами. Нарисуйте вертикальные линии под углом 90 градусов и следуйте линиям окон.

Возьмите инструмент «Константа» и с помощью «Штамп клонирования» удерживайте нажатой клавишу «Option». Это создаст образец. Закрасьте образец. Закрасьте половину окон и убедитесь, что они смешаны.

Добавить неоновый шрифт

Создайте маску слоя и очистите ее с помощью инструмента «Выделение». Заполните это черным цветом, придав ему прямой край. Добавьте неоновый шрифт с помощью Ultimate Neon Kit от Design Cut. Введите «Отель» и пусть он парит в воздухе рядом с окнами. См. изображение ниже для справки.

Растеризация и изменение размера шрифта. Преобразуйте его в смарт-объект и нажмите Control + T. Это поможет разрушить шрифт и изменить его форму.

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

Добавить неоновый цвет

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

Смешайте изображение лица, используя режим наложения. Избавьтесь от острых краев и примените маску слоя. Используйте кисть с жесткими краями и аккуратно избавьтесь от жестких краев.

Добавить освещение и цвет

Создайте новый слой и переименуйте его в «цвет». Добавьте все в эту группу. Добавьте еще один слой и переименуйте его в «синий». Добавьте розовый цвет слева и синий справа.

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

Выберите розовый цвет и повторите процесс с левой стороны.

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

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

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

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

Создайте освещение, удерживая нажатой клавишу Command + D. Попробуйте разные режимы наложения и выберите наиболее подходящий.

Создайте новый слой и добавьте к машине освещение. Быстро раскрасьте автомобиль кистью и добавьте отражающийся свет поверх поверхности. Добавьте розовый цвет слева и синий цвет справа.

Используйте режим наложения и установите цвета автомобилей. Добавьте к слою мягкое наложение.

Добавить атмосферу

Выберите изображение из набора источников света и перетащите его в композицию. Вырежьте изображение из фона и наложите его на верхнюю часть композиции.

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

Внести коррективы

Добавьте цвет и атмосферную дымку в композицию. Используйте для этого кисть Low Flow Brush и добавьте цвет вокруг областей. Поиграйте с контрастом и освещением и отрегулируйте соответствующим образом.

Поздравляем, вы успешно научились создавать сцены киберпанка в Photoshop.

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