В одной из своих прошлых статьей, я рассказала о популярном тренде в веб-дизайне – оригами. Лично на меня такой стиль произвел большое впечатление и, как обещала, ранее, публикую урок о том, как можно нарисовать оригами в Photoshop.
Мы будем рисовать вот такое изображение:
Итак, начнем.
Создайте новый документ 600 на 600 пикселей.
Залейте первый слой с названием фон цветом #1c9ff2.
Создайте поверх новый слой с название Градиент и залейте его радиальным градиентом от черного к прозрачному, чтобы получилось примерное такое изображение:
Выделите слои Фон и Градиент, нажмите Ctrl+Alt+E, чтобы создать их объединенную копию, назовите получившийся слой Фон2.
Добавьте шум к слою Фон 2. Фильтр – Шум – Добавить шум.
Создайте вертикальную направляющую по середине рабочей области для удобства работы.
Фон готов, приступим к прорисовке цветка. В таких случаях я предпочитаю пользоваться шейпами (векторными фигурами, так как у них не возникает проблем со ступенчатым эффектом в результате редактирования). С шейпами мы уже работали, когда создавали космические иконки в стиле FLAT.
Выберите инструмент «Многоугольник», задайте количество сторон – 3, нарисуйте на рабочей области треугольник.
Теперь, используя инструмент «Стрелка» отредактируйте фигуру. Для этого нужно щелкнуть стрелкой 2 раза по месту, которое хочешь редактировать, сначала появится опорная точка, после второго щелчка она станет черной, и ее можно будет перемещать. Цвет заливки шейпа поменяете на белый.
Теперь продублируйте слой с нашей фигурой и с помощью инструмента «Стрелка» отредактируйте ее следующим образом.
Теперь поработаем с цветом, чтобы сделать загиб «лепестка» более реалистичным. Щелкните по слою «Фигура1» правой клавишей мыши и выберите Параметры наложения — Наложение градиента. Задайте параметры градиента следующим образом:
А угол градиента установите в 156 градусов. Таким образом мы создадим тень от согнутой половинки лепестка.
Выделите слой Фигура 1 и Фигура 1 копия, нажмите Ctrl + G – назовите группу лепесток 1. Продублируйте эту группу и отразите по горизонтали. При этом угол наложения градиента в параметрах наложения к нижнему слою придется поменять на 18 градусов.
Тоже самое сделайте для третьего лепестка – продублируйте группу, поверните ее на необходимый угол. И поменяйте угол градиента на -104 градуса, и увеличьте масштаб до 143%, иначе тень будет смотреться слишком темной.
Думаю, логику вы поняли, в результате подобных действий, вот, что у меня получилось.
В данном случае удобство работы с шейпами заключается в том, что их можно редактировать в любой момент, если загиб листочка где-то не нравится. Все это делается легко с помощью инструмента «Стрелка».
Создайте для одного из лепестков параметр наложения «Тень» со следующими параметрами (см. ниже) и продублируйте это наложение на все фигуры лепестков. Для этого нужно перетянуть параметр наложения «Тень» с зажатой клавишей Alt с одного слоя на второй.
С помощью квадрата создайте центр для нашего бутона.
С помощью тех же принципов, доведите до конца изображение с цветком – нарисуйте стебель и траву. Помните, что успех зависит от того, насколько правильно вы создадите тень от листков. В данном случае все просто, в местах сгибов свет падает на листки менее интенсивно и соответственно сюда накладывается более темный градиент. Все, как в жизни.
Вот видите, все совсем несложно. Инструментов используется немного, а результат превосходит все ожидания. В текущей статье вы узнали как сделать эффект оригами в Adobe Photoshop, не пропустите новые публикации на сайте «Дизайн в жизни».