() translation by (you can also view the original English article)
Девяностые
были наполнены невероятными, яркими цветами и абстрактными формами! И вы можете
создать потрясающий фотоэффект в стиле 90х, используя пользовательские фигуры и
многое другое, в Adobe Photoshop.
В этом
уроке вы узнаете, как вначале создать задний фон, а затем добавить фигуры, модель
и заключительные цвета к нашей композиции.
Хотите
ещё больше идей? Создайте красивый ретро фото эффект с помощью Экшена Photoshop от Envato Elements.
Давайте
приступим!
Исходные материалы:
Следующие исходные материалы были использованы для создания данного урока:
Музыкальное
Видео для Вдохновения
Одно из самых лучших мест для поиска вдохновения – это ваше любимое музыкальное видео. Этот урок вдохновлён крутой энергией музыкального видео из 90х: Hard Times by Paramore.
Вместо создания точной копии оригинала, мы просто примем во внимание различные элементы дизайна, которые мы увидим здесь. Они помогут нам создать свой собственный дизайн!
Поэтому
я сосредоточусь на добавлении простых форм и ярких красок для достижения этого
эффекта.
1. Создаём Задний Фон в Стиле 90х
Шаг 1
Создайте
новый документ со следующими размерами 1000 x 648 px. Залейте
задний фон тёмно-фиолетовым цветом: #211f26 с
помощью инструмента Заливка (Paint Bucket Tool (G).
Шаг 2
Щёлкните правой кнопкой мыши по фоновому слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Добавьте стиль слоя Наложение узора (Pattern Overlay), выберите узор Right Diagonal Line, а также установите следующие настройки, которые указаны на скриншоте ниже:
Результат
должен быть, как на скриншоте ниже. Задний фон выглядит вначале тёмным, но мы осветлим
его в дальнейших шагах.
Шаг 3
Создайте
новый слой поверх фонового слоя. С помощью мягкой круглой кисти Жёсткостью (Hardness) 0%, добавьте
большой пятно синего цвета: #2e6be1 в верхнем левом углу нашей композиции.
2. Добавляем Первые Абстрактные Фигуры
Шаг 1
Перед тем, как мы добавим модель, давайте сфокусируемся на создании первых абстрактных фигур для нашей сцены. Для этого, нам нужно добавить фигуры Все (all) через меню инструмента Произвольная фигура (Custom Shape Tool (U).
Выберите
инструмент Произвольная фигура (Custom Shape Tool (U), а затем в выпадающем меню, выберите Все (All). Когда
вам будет предложено заменить / добавить, нажмите кнопку Добавить (Append).
Теперь у нас есть все фигуры, необходимые для этого урока!
Шаг 2
Выберите
инструмент Эллипс (Ellipse Tool (U), добавьте большой синий круг #0467ea, слегка
сместив его от центра.
Шаг 3
Добавьте несколько фигур к созданному кругу, это сделает его более выделяющимся! Создайте свою фигуру, используя инструмент Линия (Line Tool (L).
Создайте зигзагообразную фигуру со следующими значениями:
- Толщина (Weight): 4 px
- Цвет (Color):
#002ad7
- Вначале нарисуйте одну линию, далее, нажмите клавиши (Ctrl+J), чтобы продублировать эту линию.
- Поверните
дубликат слоя с помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T) таким образом, чтобы дубликат линии был расположен
перпендикулярно первой линии.
- Продолжайте процесс соединения линий вместе, пока вы не получите фигуру, как на скриншоте выше.
Когда вы
закончите, выделите все элементы фигуры, а затем щёлкните правой кнопкой мыши по
выделенным слоям и в появившемся окне, выберите опцию Объединить фигуры (Merge Shapes).
Шаг 4
Нажмите
клавиши (Ctrl+J), чтобы создать ещё больше дубликатов слоёв с зигзагообразными
фигурами. Расположите зигзагообразные фигуры по всему кругу. Далее, выделите все
слои с этими фигурами, а затем щёлкните правой кнопкой мыши по выделенным слоям
и в появившемся окне, выберите опцию Создать обтравочную маску (Create a Clipping Mask) к слою с кругом.
Теперь создайте тонкую чёрную линию Толщиной (Weight) 2рх. Дважды продублируйте линию (Ctrl+J), чтобы получить три чёрные линии на круге. Преобразуйте фигуры в обтравочные маски к слою с эллипсом.
Шаг 5
Добавьте
больше абстрактных фигур! Используя инструмент Произвольная фигура (Custom Shape Tool (U), выберите фигуру треугольника из меню фигур, чтобы добавить
несколько красочных треугольников к кругу.
Я
использовала следующие цвета:
- Зелёный:
#39b54a - Жёлтый:
#fff568
- Розовый:
#f06eaa
Добавьте
крошечные кружочки белого цвета в нашу смесь фигур с помощью инструмента Эллипс
(Ellipse Tool (U).
Ещё раз
выберите инструмент Произвольная фигура (Custom Shape Tool (U), чтобы добавить несколько белых кружков.
Далее,
добавьте крестики. Чтобы создать их, просто нарисуйте белую линию толщиной 1px, а
затем продублируйте её (Ctrl+J), поверните дубликат слоя, а затем объедините фигуры.
Добавьте столько крестиков на изображение круга, сколько вы хотите.
3. Добавляем Больше Фигур и Красок
Шаг 1
Чтобы сбалансировать фигуры, которые мы создали внутри круга, с остальной частью композиции, мы добавим несколько фигур на задний план. Но сначала давайте проведём коррекцию цвета.
Идём Слой- Новый корректирующий слой- Яркость / Контрастность (Layer > New Adjustment Layer > Brightness & Contrast). Установите следующие настройки, которые указаны ниже:
- Яркость
(Brightness): 21
- Контрастность
(Contrast): 25
Шаг 2
Добавьте
несколько больших треугольников тёмно-фиолетового цвета #292631 на задний фон. С
помощью инструмента Свободная Трансформация (Free Transform Tool (Ctrl+T), придайте треугольникам различные углы наклона.
Создайте
новый слой поверх фигур. Далее, с помощью инструмента Кисть (Brush Tool (B) Жёсткостью (Hardness) 0%, добавьте
большое зелёное пятно #2edfb0 поверх синего пятна в верхнем левом углу. Уменьшите
значение Непрозрачности (Opacity) слоя до 42%.
Не бойтесь экспериментировать. Добавьте ещё фигур, это улучшить вашу композицию!
- Добавьте
три больших тёмных треугольника. Создайте их с наложением на другие фигуры.
- Используйте
чёрный и синий цвет
#07101cдля первых двух треугольников. - Далее,
создайте третий треугольник синего цвета
#242954, а затем добавьте к нему стиль слоя Наложение Градиента (Gradient Overlay). Установите следующие настройки, которые указаны на скриншоте ниже:
Добавьте
ещё несколько треугольников к нашей композиции, включая треугольники зелёного
цвета #00a651.
Результат должен быть, как на скриншоте ниже.
Шаг 3
Для усиления
атмосферы, давайте создадим простую виньетку. Для этого, создайте новый слой поверх
всех остальных слоёв.
Выберите
инструмент Градиент (Gradient Tool (G), находясь на новом слое, добавьте Радиальный (Radial)
градиент, цвета градиента от чёрного до прозрачного. Не забудьте поставить галочку
в окошке Инверсия (Reverse), чтобы получить красивый эффект виньетки.
Далее,
добавьте два новых корректирующих слоя. Вначале, добавьте корректирующий слой Поиск
цвета (Color Lookup). В выпадающем меню 3DLUT File, выберите фильтр 2Strip.look.
Затем добавьте корректирующий слой Цветовой Баланс (Color Balance). Поменяйте настройки для Средних тонов (Midtones) и Света (Highlights), которые указаны на скриншоте ниже:
Для усиления
глубины, добавьте корректирующий слой Яркость / Контрастность (Brightness and Contrast).
- Яркость (Brightness): 27
- Контрастность
(Contrast): 54
Теперь
давайте, наконец, добавим модель!
4. Добавляем Модель
Шаг 1
Создаваемый эффект обрамляет изображение модели, поэтому вы можете использовать своё собственное изображение или используйте любое другое красивое исходное изображение, как данное исходное изображение мужчины с очками:
Основная
задача здесь- это выбрать фотографию в стиле 90х для создания общего эффекта. Изучите
стили моды, чтобы создать органичный вид. Например, джинсовая куртка никогда не
выходит из моды и отлично подходит для данного хипстеровского стиля 90-х.
Скопируйте
/ вклейте всё изображение на наш рабочий документ, расположив её по месту.
Далее, добавьте слой-маску и с помощью чёрной кисти, прокрасьте все лишние участки,
которые вы хотите скрыть. Поиграйте со степенью жёсткости кисти, постарайтесь сохранить
только изображение модели, слегка смягчив изображение модели в нижнем правом
углу.
Примечание переводчика: чтобы смягчить изображение
модели в нижнем правом углу, используйте мягкую чёрную кисть с низкой
непрозрачностью, просто пройдите кистью по изображению модели один или два
раза.
Шаг 2
Щёлкните правой кнопкой мыши по слою с моделью и появившемся окне, выберите опцию Параметры наложения (Blending Options). Добавьте стиль слоя Тень (Drop Shadow). Установите следующие настройки, которые указаны на скриншоте ниже:
Шаг 3
Теперь
создайте новый слой, поменяйте режим наложения для данного слоя на Жёсткий свет
(Hard Light). Преобразуйте данный слой в обтравочную маску к слою
с моделью. С помощью инструмента Кисть (Brush Tool (B), прокрасьте мягкой чёрной кистью изображение модели,
чтобы добавить тени. Постарайтесь смягчить насыщенность изображения с помощью мягкой
тени. Уменьшите значение Непрозрачности (Opacity) до 34%.
Добавьте
новый корректирующий слой Поиск цвета (Color Lookup) в качестве обтравочной маски к слою с моделью. Нам необходимо
провести цветовую коррекцию изображения модели, чтобы совместить с задним фоном.
Из
выпадающего меню 3D LUT File, выберите фильтр FoggyNight.3DL, а
затем поменяйте режим наложения для данного корректирующего слоя на Яркость (Luminosity).
То же самое, что мы проделывали ранее, добавьте новый корректирующий слой в качестве обтравочной маски, на этот раз добавьте корректирующий слой Яркость / Контрастность (Brightness/Contrast).
- Яркость
(Brightness): -1
- Контрастность
(Contrast): 12
5. Добавляем Заключительные Эффекты
Теперь, когда мы поместили основную часть эффектов, всё, что нам нужно сделать, это добавить ещё несколько эффектов для улучшения композиции.
Шаг 1
Создайте
новый слой, а затем поменяйте режим наложения для данного слоя на Разница (Difference). С помощью
инструмента Кисть (Brush Tool (B), цвет кисти синий #202e4d,
прокрасьте мягкой кистью правую сторону композиции, чтобы добавить тени. Слегка
слейте модель с задним фоном.
Шаг 2
Давайте затемним очки!
Создайте
новый слой, а затем с помощью инструмента Перо (Pen Tool (P), создайте выделенную область вокруг линз, чтобы
залить чёрным цветом.
Мы используем чёрный цвет в качестве основы, чтобы добавить больше красок. Создайте несколько новых слоёв в качестве обтравочных масок к слою с чёрными линзами.
На каждом
слое, используйте инструмент Перо (Pen Tool (P), чтобы создать радужные блики на линзах. Используйте
различные фигуры и цвета на своё усмотрение.
Я
использовала следующие цвета:
- Розовый:
#fe4b86 - Фиолетовый:
#c813af
- Синий:
#5b6090
Чтобы линзы
выглядели более реалистично, давайте добавим к ним мягкие тени! Создайте новый слой
в качестве обтравочной маски к слою с чёрными линзами. Поменяйте режим наложения
для данного слоя на Умножение (Multiply), а
затем с помощью мягкой чёрной кисти Жёсткостью (Hardness) 0%, прокрасьте
края очков, чтобы добавить мягкие тени. Смягчите жёсткие линии для создания
красивого и естественного эффекта.
Шаг 3
Для создания
эффекта обесточенных линий, используйте Перо (Pen Tool (P), чтобы создать контурные линии вокруг изображения модели
(не переживайте слишком сильно насчёт чёткости линий— чем сумасшедшее, тем
лучше).
Далее, щёлкните правой кнопкой мыши по созданному контуру и в появившемся окне, выберите опцию Выполнить обводку контура (Stroke Path) (не забудьте установите размер инструмента Карандаш (Pencil Tool) на 2 px). Выполните обводку контура, выбрав инструмент Карандаш (Pencil Tool) в выпадающем меню, а также уберите галочку в окошке Имитировать нажим (Simulate Pressure).
В этом
шаге вы можете использовать белый или любой другой цвет в качестве цвета обводки.
Продублируйте
(Ctrl+J) несколько раз слой с созданной линией. Для каждого нового
дубликата слоя с линией, отредактируйте форму и размер линии с помощью
инструмента Свободная трансформация (Free Transform Tool (Ctrl+T). Растяните их в порядке возрастания. Примечание
переводчика: 1. каждая последующая линия должна быть больше предыдущей по
размеру 2. Количество линий не ограничено, используйте столько линий, сколько
пожелаете.
Далее, щёлкните правой кнопкой мыши по каждому слою с линией и появившемся окне, выберите опцию Параметры наложения (Blending Options).
Примените стиль слоя Наложение цвета (Color Overlay), чтобы применить различные цветовые оттенки к каждой линии.
Я
использовала следующие цвета:
- Розовый:
#ffa5c5
- Жёлтый:
#fff7b4 - Фиолетовый:
#242645
Результат
должен быть, как на скриншоте ниже.
Шаг 4
Создайте
новый слой поверх всех остальных слоёв, поменяйте режим наложения для данного слоя
на Перекрытие (Overlay). С помощью мягкой кисти, цвет кисти белый, прокрасьте
поверх грудной клетки мужчины, слегка добавляя свет в эту область. Уменьшите
значение Непрозрачности (Opacity) до 65%.
Далее,
добавьте два корректирующих слоя для заключительной коррекции цвета.
Вначале
добавьте корректирующий слой Цветовой Баланс (Color Balance). Установите следующие настройки для Средних тонов (Midtones) и
Света (Highlights), которые указаны на скриншоте ниже.
Затем добавьте второй корректирующий слой Поиск цвета (Color Lookup), а затем в выпадающем меню 3D LUT File, выберите фильтр 2Strip.look. Уменьшите Непрозрачность (Opacity) слоя до 45% для создания бриллиантового -голубого вида.
На
этом всё! Результат должен быть, как на скриншоте ниже.
Попробуйте
применить этот же эффект на других фотографиях для получения более потрясающих
результатов!
Заключение
Отпразднуйте
классические стили 90-х годов с этим потрясающим фото эффектом!
В этом уроке вы узнали, что несколько хорошо расположенных фигур могут подчеркнуть любую интересную исходную фотографию. Не забудьте установить пресеты для доступа к удивительным векторным фигурам и т.д. и не бойтесь поэкспериментировать с корректирующими слоями, чтобы настроить цветовую схему на своё усмотрение!
Надеюсь, что вам понравился этот урок. Не стесняйтесь задавать свои вопросы и выкладывать свои работы в комментариях к уроку.
Ещё больше
потрясающих фото эффектов, вы можете увидеть в моих следующих уроках:
Фото МанипуляцияСоздаём Фотоманипуляцю с Розой в Adobe Photoshop
Фото МанипуляцияСоздаём Фотоманипуляцю с Человеком Киборгом в Adobe Photoshop
