Финальное изображение:
Детали урока:
- Программа: Adobe Photoshop CC
- Время выполнения: примерно 45 минут
Шаг 1
Откройте Фотошоп, создайте новый документ при помощи сочетания клавиш Ctrl + N. Введите данные как на скриншоте ниже и нажмите ОК.
Далее нужно включить сетку: Изображение (View) – Показать (Show) – Сетка (Grid). Для начала нам понадобится сетка размером в 5 пикс., для этого идём в меню Редактирование (Edit) – Установки (Preferences) – Направляющие, сетка и фрагменты (Guides, Grid & Slices) и вводим следующие значения для позиции Линия через каждые (Gridline Every) 5пикс., Внутреннее деление на (Subdivision) 1. Нажмите ОК. Не расстраивайтесь, если сетка покажется вам неудобной, в дальнейшем она облегчит нам работу.
Также необходимо открыть панель Инфо (Info) через меню Окно (Window) для удобного просмотра размеров и позиций наших фигур.
Шаг 2
Прим.переводчика: эта функция включается в меню Просмотр (View) – Привязать к (Snap To ) – Линиям сетки (Grid).
Убедившись, что вы находитесь на слое с фигурой трапеции, переходим в меню Редактирование (Edit) – Трансформация (Transform) – Деформация (Warp). В панели управления деформацией в выпадающем меню выбираем Выпуклый (Bulge), Изгиб (Bend) выставляем равный -15%, щелкаем 1 раз по значку Ориентация (Orientation). Жмём Enter. У вас должен получиться изгиб по сторонам трапеции как у меня на втором изображении.
Шаг 4
Находясь всё также на слое с фигурой, продолжаем её редактировать. Снова идём в меню Редактирование (Edit) – Трансформация (Transform) – Деформация (Warp). На этот раз выбираем в выпадающем меню пункт Дугой снизу (Arc Lower), Изгиб (Bend) выставляем 25%. Нажимаем Enter. У вас должно получиться вот так:
Шаг 5
Нарисуйте несколько треугольников как у меня на картинке, опять же функция Привязка к сетке (Snap to Grid) должна облегчить вам работу.
Шаг 6
Двойным кликом по слою с фигурой открываем меню Стиль слоя (Layer Style). Выставляем следующие параметры: Внутренняя тень (Inner Shadow), Внутреннеесвечение (Inner Glow) и Наложениеградиента (Gradient Overlay). Белыми цифрами на градиенте отмечены Позиции(Location) точек градиента.
Шаг 7
С зажатой клавишей Shift выберите все слои с чёрными прямоугольниками, правый клик мышкой, в выпадающем меню выберите пункт Объединить фигуры (Merge Shapes). Таким образом мы преобразуем слои с прямоугольниками в одну фигуру.
Шаг 8
Находясь на слое с чёрными прямоугольниками, идём в меню Редактирование (Edit) – Трансформация (Transform) – Перспектива (Perspective). Перетащим правый нижний узел вправо на 30 пикс., нажмём Enter. У вас должно получиться вот так:
Шаг 9
Продолжаем редактировать слой с чёрными прямоугольниками. Идём в меню Редактирование (Edit) – Трансформация (Transform) – Деформация (Warp), в выпадающем меню выбираем Выпуклый (Bulge), Изгиб (Bend) выставляем -60%, щелкаем 1 раз по значку Ориентация (Orientation), нажимаем Enter. Должна получиться картинка как у меня на скриншоте:
Шаг 10
С зажатой клавишей CTRL кликаем по нижнему слою с фигурой щетины кисточки на панели слоёв, чтобы загрузить выделение, как показано на первой картинке. Потом переходим на слой с чёрными линиями и щёлкаем по иконке Добавить маску слоя (Add layer mask) внизу панели слоёв (на моём рисунке эта кнопка обведена синим кружком). Снимаем выделение при помощи сочетания клавиш Ctrl+D.
Шаг 11
Находясь на слое с чёрными полосками, поменяем этому слою Режимналожения (Blending Mode) на Перекрытие (Overlay), уменьшим Непрозрачность (Opacity) до 20%.
Шаг 12
Для дальнейших шагов нам понадобится сетка размером в 2 пикс. Идём в меню Редактирование (Edit) – Установки (Preferences) – Направляющие, сетка и фрагменты (Guides, Grid & Slices) и вводим следующие значения для позиции Линия через каждые (Gridline Every) 2пикс. Нажимаем ОК.
Шаг 13
Дублируем слой с прямоугольником со скруглёнными углами при помощи клавиш Ctrl+J, правый клик по дубликату слоя на панели слоёв, в выпадающем меню выбираем пункт Очистить стиль слоя (Clear Layer Style). Уменьшаем дублированному слою параметр Заливки (Fill) до 0% и применяем к нему следующие стили слоя:
Шаг 14
Шаг 15
Двойным кликом по слою открываем окно настроек Стиль слоя (Layer Style) и выставляем нужные нам параметры, значения смотрите на рисунках ниже.
Шаг 16
Шаг 17
Двойной клик по слою в панели слоёв чтобы открыть окно Стильслоя (Layer Style).
Примечание переводчика: так как в оригинале урока отсутствуют авторские скриншоты с настройками стилей слоя, можно скопировать стили из Шага 15. Для этого сделайте правый клик мышкой по слою с зелёным прямоугольником (который является основание кисточки в нашей работе), в выпадающем меню выберите опцию Скопироватьстильслоя (Copy Layer Style). Идем на слой с прямоугольником в виде ручки для кисточки, правый клик, в выпадающем меню выбираем позицию Вклеитьстильслоя (Paste Layer Style).
У вас должно получиться как на картинке ниже.
Шаг 18
Создадим новый слой при помощи сочетания клавиш Shift + Ctrl + Alt + N. Переместим его на задний план при помощи сочетания клавиш Shift + Ctrl + [. Находясь на этом новом слое при помощи инструмента Заливка (Paint Bucket Tool) залейте его цветом #edd6c8 (просто кликнув в любое место на холсте).
Шаг 19
Правый клик по слою с заливкой, в выпадающем меню выбираем Преобразовать в смарт-объект (Convert to Smart Object). Далее идём в меню Фильтр (Filter) – Шум (Noise) – Добавитьшум (Add Noise). Введите настройки фильтра как на картинке ниже, нажмите ОК.
Шаг 20
С зажатой клавишей Shift выделите все слои с фигурами. Нажмите Ctrl + J чтобы создать копии этих слоёв. Убедитесь, что все копии слоёв с фигурами у вас выбраны, правым кликом вызовите выпадающее меню, там выберите опцию Преобразовать в смарт-объект (Convert to Smart Object). Уменьшите параметр Заливка (Fill) получившегося слоя со смарт-объектом до 0%. Двойным кликом по слою в панели слоёв откройте меню настроек Стильслоя (Layer Style), введите параметры, указанные на картинках ниже:
Шаг 21
Дублируйте слой со смарт-объектом при помощи клавиш Ctrl + J. Правый клик по слою в панели слоёв, выбираем опцию Очиститьстильслоя (Clear Layer Style). Уменьшаем параметр Заливка (Fill) слоя до 0%. Двойным кликом по слою в панели слоёв открываем меню настроек Стильслоя (Layer Style), вводим настройки, указанные на картинках ниже:
Ну вот мы и закончили! Вот, что у нас получилось в результате выполнения урока.
Поделиться своей работой и задать вопрос можно на странице урока сайта photoshop-master.ru
