Добро пожаловать на урок по созданию темных обоев в стиле минимализма. В этом уроке Фотошоп вы узнаете, как работать с выделением объектов и масками слоя (Layer Masks), а также, как правильно использовать Обтравочные маски (Clipping Masks) для создания стильной иллюстрации. Начинаем!
Предварительный просмотр финального результата:


 

Шаг 1.

Создаем новый документ (Ctrl+N) в Фотошоп размером 1920×1080 рх. Создаем новый градиентный слой-заливку(Layer>New Fill Layer>Gradient). Устанавливаем Радиальный градиент (Radial Gradient), используя настройки цвета, данные ниже. Вы можете удалить фоновый слой, перетянув его на иконку корзины внизу панели слоев.


 

Шаг 2.

Далее, мы создадим две металлические горизонтальные фигуры. Чтобы сделать этот процесс легким и необременительным для вас, я предоставил в материалах урока уже сделанные мной фигуры. Вы можете загрузить их в библиотеку фигур через меню Редактирование-Управление наборами-Фигуры (Edit-Preset Manager-Shapes).

Для правильной установки фигур по центру холста воспользуйтесь направляющей (Ctrl+R (вызов линеек), затем инструментом Перемещение (Move Tool) вытяните из линеек вертикальную направляющую, и установите ее по центру документа).

Выбираем инструмент Произвольная фигура (Custom Shapes) и в верхнем меню находим нашу изогнутую фигуру, выбрав ее из перечня фигур. В режиме создания слой-фигуры (иконка рамки в верхнем меню), рисуем первую фигуру, удерживая клавишу Shift (для сохранения пропорций).

Затем дублируем слой с фигурой (Ctrl+J) и отражаем дубликат по вертикали (Edit-Transform-Flip to Vertical). Сдвигаем копию под оригинал, как на примере ниже.


 

Шаг 3.

Загружаем в Фотошоп набор узоров металлической сетки в формате PAT из ресурсов урока через меню Редактирование-Управление наборами-Узоры (Edit-Preset Manager-Pattern). Создаем новый слой-заливку узором (Layer-New Fill Layer-Pattern) и в диалоговом окне заливки выбираем наш паттерн сетки. Помещаем этот слой между фоновым слоем с градиентом и слоями с фигурами. На маске узорного слоя скрываем среднюю часть сетки при помощи черной Кисти(Brrush), чтобы она осталась только вверху и внизу документа. В середине мы потом добавим другую текстуру.

Устанавливаем режим смешивания (Blending Mode) слоя с сеткой на Мягкий свет (Soft Light).


 

Шаг 4.

Теперь, добавляем текстуру на центральную часть обоев. Создаем новый слой (Ctrl+Shift+N) выше слоя с сеткой и заполняем его (Edit-Fill) черным цветом (#000000). Затем, переходим в меню Фильтр-Шум-Добавить шум(Filter>Noise>Add noise) и устанавливаем Эффект (Amount) на 100% с активной функцией Монохромный(Monochromatic).

Теперь нам нужно удалить текстуру шума по краям изображения. Для этого, загружаем выделение маски слоя с сеткой(Ctrl+клик по иконке маски этого слоя), инвертируем выделение (Ctrl+Shift+I) и на слой с шумом добавляем маску(клик по иконке круга в квадрате внизу панели слоев), чтобы скрыть лишнее.

Добавляем фильтр Размытие по Гауссу (Filter-Blur-Gaussian Blur) с радиусом 0,4 рх на слой с шумом, затем изменяем режим смешивания на Перекрытие (Overlay) и снижаем уровень заливки (Fill) этого слоя до 20%.


 

Шаг 5.

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

Создаем новый документ (Ctrl+N) размером 300х300 рх. Выбираем инструмент Прямоугольное выделение (Rectangle Marquee Tool) и в верхнем меню устанавливаем стиль Заданные пропорции (Fixed Size) c шириной 17 рх, высотой 210 рх.

Рисуем прямоугольное выделение и заполняем его (Edit-Fill) черным цветом. Далее переходим в меню Редактирование-Определить кисть (Edit>Define Brush Preset). Присваиваем имя кисти и нажимаем Ок. Снимаем выделение (Ctrl+D). Теперь вы можете увидеть свою новую кисточку в палитре кистей самой последней.



Возвращаемся в документ с обоями и встаем на слой с верхней металлической фигурой, добавляем на этот слой маску(клик по иконке «Add Layer Mask» внизу панели слоев). Активируем инструмент Кисть (Brush) и выбираем нашу кисть-отверстие. Открываем палитру кистей (F5) и устанавливаем в разделе Форма отпечатка кисти (Tip Shapes) интервал(Spacing) на 170%.

Cоздаем новый слой (Ctrl+Shift+N) выше слоя с фигурой (в примере ниже пока этот слой находится ниже для наглядности), и проводим кистью по всей длине пластины. Установите размер кисти, немного превышающий высоту пластины. Чтобы нарисовать отверстия ровно, удерживаем клавишу Shift.

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


 

Шаг 6.

Теперь мы оставим отверстия, которые нарисовали в предыдущем шаге, только на самой фигуре, удалив лишнее. Загружаем выделение слоя с линиями (Ctrl+клик по иконке этого слоя), затем инвертируем выделение (Ctrl+Shift+I) и удаляем лишнее клавишей Delete.



Мы почти у цели. Подкорректируем немного положение отверстий на пластине. Загружаем выделение слоя с верхней фигурой (Ctrl+клик по иконке этого слоя) и переходим в меню Выделение-Модификация-Сжать(Select>Modify>Contract). Устанавливаем радиус сжатия в 10 рх. Инвертируем выделение (Ctrl+Shift+I) и на слое с отверстиями удаляем лишнее клавишей Delete.


 

Шаг 7.

Теперь немного закруглим наши отверстия. Загружаем выделение слоя с ними (Ctrl+клик по иконке этого слоя).



После загрузки выделения вы можете выключить видимость слоя с отверстиями (клик по глазику миниатюры). Переходим в меню Выделение-Модификация-Сгладить (Select>Modify>Smooth) и устанавливаем радиус на 3 рх. Теперь, не снимая выделения, переходим на маску слоя с верхней пластиной и заливаем (Edit-Fill) отверстия на ней черным цветом (#000000). Снимаем выделение (Ctrl+D). После этого вы можете удалить слой с отверстиями, он нам больше не нужен.



Сделаем то же самое для другой пластины (нижней). Вы можете скопировать маску со слоя верхней фигуры на нижнюю. Удерживая Alt, перетяните маску на миниатюру слоя нижней пластины. Затем, отразите по вертикали копию маски (Edit-Transform-Flip Vertical), предварительно разъединив ее с сами слоем (клик по иконке скрепки на миниатюре) и поместите на фигуру. Если вы не разъедините слой с маской, перевернется вся фигура.
 

Шаг 8.

Теперь мы добавим стиль нашим фигурам и металлический вид. Для создания эффекта полированного металла мы применим классическую технику сочетания фильтра Шум (Noise) и Размытия в движении (Motion Blur).

Создаем новый слой (Ctrl+Shift+N) с обтравочной маской (клик пр.кн.мыши по миниатюре слоя и выбираем из меню «Create Clipping Mask»). Заполняем слой черным цветом (Edit-Fill) и добавляем на него Шум (Filter-Noise-Add Noise) c Эффектом 100% и активным Монохромным (Monochromatic). Затем, добавляем фильтр Размытие в движении(Filter-Blur- Motion Blur) c углом 0°. Изменяем режим смешивания этого слоя на Перекрытие (Overlay).

Далее, сделаем имитацию бликующего металла пластины при помощи градиента. Я использовал градиент из набора «Металлик». Создаем еще один обтравочный слой (Ctrl+Shift+N с активацией обтравки) и заполняем его по-диагонали градиентом. Изменяем режим смешивания для этого слоя на Умножение (Multiply).


 

Шаг 9.

Для придания пластине красивого 3d-эффекта воспользуемся стилями слоя (Layer Style). Открываем диалоговое окно стилей, дважды нажав л.кн.мыши по миниатюре слоя с верхней пластиной. Выбираем параметры Тень (Drop shadow) и Тиснение (Bevel and Emboss), выполняем настройки значений со скриншота.



У вас должно получиться что-то похожее. Обратите внимание на блики в верхней части фигуры.



Копируем стили слоя на нижнюю фигуру (клик пр.кн.мыши по миниатюре слоя с верхней пластиной и выбираем – Copy Layer Style, затем переходим на миниатюру слоя нижней фигуры и снова нажимаем пр.кн.мыши, выбирая – Paste Layer Style). Скопировав стили, откройте стиль Тиснение (Bevel and Emboss) на нижней фигуре и измените значение угла на - 85°, чтобы свет распределялся правильно по фигуре.

Вот так выглядит теперь наша нижняя пластина:


 

Шаг 10.

Теперь, когда основа обоев создана, добавим цвет. Сначала я написал буквы внутри изгиба пластин и применил к ним некоторые стили. Загрузите в программу шрифт из материалов урока и, активировав инструмент Текст (Type Tool), напишите крупные буквы, как на примере ниже.


 

Шаг 11.

Яркие световые стили, которые я применил для букв, достаточно сложные, поэтому я предоставил их уже в готовом виде для вас. Установите в программу стили из ресурсов урока через меню Редактирование-Управление наборами-Стили (Edit-Preset Manager-Styles). Находясь на текстовом слое, откройте панель стилей (Window-Styles) и выберите понравившийся вам стиль для букв.


 

Шаг 12.

Чтобы подчеркнуть свечение букв еще больше, добавим цветные пятна под слоем с ними. Создаем новый слой(Ctrl+Shift+N) ниже слоя с буквами и выбираем Кисть (Brush) с мягкими краями. Устанавливаем цвет для кисти со скриншота внизу и делаем по одному клику кистью на каждой букве. Изменяем режим смешивания этого слоя на Осветление Основы (Color Dodge).


 

Шаг 13.

В качестве последнего штриха я добавил три округлых светящихся треугольника в центре обоев. Выбираем инструмент Многоугольник (Polygon Tool (U)) и в верхнем меню нажимаем его иконку. Устанавливаем количество сторон (Sides) 3, в Геометрических параметрах (стрелочка вниз) активируем опцию Сгладить внешние углы (Smooth Corners). Теперь рисуем три треугольника и применяем к ним те же яркие стили, какие мы использовали для букв из моего набора.



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


 

Используемые материалы:

Пакет стилей и фигур
Узоры металлической сетки
Шрифт «Ethnocentric»