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

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

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

Обновлено: 13.02.2022

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

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

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

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

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

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

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

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

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

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

Фильтр – Шум – Добавить шум.

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

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

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

ЧИТАЙТЕ ТАКЖЕ
Оригами. Начинаем с простогоОригами. Начинаем с простого Польза техники оригами и простые схемы фигур, создание которых позволит развить пространственное мышление!

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

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

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

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

Цвет заливки шейпа поменяете на белый.

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

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

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

Теперь поработаем с цветом, чтобы сделать загиб «лепестка» более реалистичным.

Щелкните по слою «Фигура1» правой клавишей мыши.

Выберите Параметры наложения — Наложение градиента.

Задайте параметры градиента следующим образом:

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

А угол градиента установите в 156 градусов.

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

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

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

Продублируйте эту группу и отразите по горизонтали.

При этом угол наложения градиента в параметрах наложения к нижнему слою придется поменять на 18 градусов.

ЧИТАЙТЕ ТАКЖЕ
оригами - новый тренд в дизайнеОригами — новый тренд в дизайне  Узнайте как сделать свой дизайн оригинальным, используя имитацию техники оригами.

Тоже самое сделайте для третьего лепестка – продублируйте группу, поверните ее на необходимый угол.

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

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

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

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

Все это делается легко с помощью инструмента «Стрелка».

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

Для этого нужно перетянуть параметр наложения «Тень» с зажатой клавишей Alt с одного слоя на второй.

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

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

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

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

Помните, что успех зависит от того, насколько правильно вы создадите тень от листков.

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

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

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

Вот видите, все совсем несложно. Инструментов используется немного, а результат превосходит все ожидания.

Подписывайтесь на обновления блога «Дизайн в жизни»

по e-mail или социальных сетях  

и мы обязательно опубликуем для вас еще больше полезных уроков!

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

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