Главная » Adobe Photoshop, Веб-дизайн » Рисуем оригами в Adobe Photoshop

Рисуем оригами в Adobe Photoshop

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

Мы будем рисовать вот такое изображение:

Итак, начнем.

Создайте новый документ 600 на 600 пикселей.

Залейте первый слой с названием фон цветом #1c9ff2.

Создайте поверх новый слой с название Градиент и залейте его радиальным градиентом от черного к прозрачному, чтобы получилось примерное такое изображение:

adobe-photoshop-draw-origami-1

Выделите слои Фон и Градиент, нажмите Ctrl+Alt+E, чтобы создать их объединенную копию, назовите получившийся слой Фон2.

Добавьте шум к слою Фон 2. Фильтр – Шум – Добавить шум.

adobe-photoshop-draw-origami-2

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

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

Выберите инструмент «Многоугольник», задайте количество сторон – 3, нарисуйте на рабочей области треугольник.

adobe-photoshop-draw-origami-3

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

adobe-photoshop-draw-origami-4

Теперь продублируйте слой с нашей фигурой и с помощью инструмента «Стрелка» отредактируйте ее следующим образом.

adobe-photoshop-draw-origami-5

Теперь поработаем с цветом, чтобы сделать загиб «лепестка» более реалистичным. Щелкните по слою «Фигура1» правой клавишей мыши и выберите Параметры наложения — Наложение градиента. Задайте параметры градиента следующим образом:

adobe-photoshop-draw-origami-6

А угол градиента установите в 156 градусов. Таким образом мы создадим тень от согнутой половинки лепестка.

adobe-photoshop-draw-origami-7

Выделите слой Фигура 1 и Фигура 1 копия, нажмите Ctrl + G – назовите группу лепесток 1. Продублируйте эту группу и отразите по горизонтали. При этом угол наложения градиента в параметрах наложения к нижнему слою придется поменять на 18 градусов.

Тоже самое сделайте для третьего лепестка – продублируйте группу, поверните ее на необходимый угол. И поменяйте угол градиента на -104 градуса, и увеличьте масштаб до 143%, иначе тень будет смотреться слишком темной.

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

adobe-photoshop-draw-origami-8

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

Создайте для одного из лепестков параметр наложения «Тень» со следующими параметрами (см. ниже) и продублируйте это наложение на все фигуры лепестков. Для этого нужно перетянуть параметр наложения «Тень» с зажатой клавишей Alt с одного слоя на второй.

adobe-photoshop-draw-origami-9

С помощью квадрата создайте центр для нашего бутона.

adobe-photoshop-draw-origami-10

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

adobe-photoshop-draw-origami-12

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

(Visited 622 times, 2 visits today)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *