Найти в Дзене

Создаем текстурные геометрические объекты в Фотошоп

Оглавление

Сегодня использование геометрических объектов очень распространено в дизайнерской индустрии. Вы тоже можете создавать интересный дизайн с помощью нескольких простых форм в Adobe Photoshop.

В этом уроке вы узнаете, как создавать красивые элементы и преобразовывать их в Smart Objects, прежде чем применять к ним красивые и разнообразные текстуры.

А также просмотрите широкий выбор удивительных геометрических узоров на сайте GraphicRiver.

Скачать архив с материалами к уроку

Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.

1. Как создать круговой геометрический узор

Шаг 1

Когда Photoshop попросит заменить текущие фигуры новой коллекцией, просто нажмите ОК.

-2

Шаг 2

-3

Шаг 3

Нажмите комбинацию клавиш Control-J, чтобы дублировать круг и измените его размер с помощью FreeTransformTool (Свободная трансформация) (Control-T). На этот раз Fill(Заливку) фигуры сделайте непрозрачной, а также выберите в параметрах белую обводку и установите её значение на 10 пикселей.

-4

Шаг 4

Дублируйте (Control-J) круг с белой обводкой. Измените размер обводки на 5 пикселей, а затем с помощью FreeTransform (Свободная трансформация) уменьшите его, примерно на половину от размера предыдущего круга. Расположите этот круг вверху, чтобы оба круга соприкасались друг с другом в верхней части.

-5

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

-6

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

-7
-8

Вот финальный узор, который получился из кругов без текстуры. Когда вы закончите, выделите все слои, потом кликните правой кнопкой мыши и выберите Convert to Smart Object (Преобразовать в смарт-объект). В дальнейшем, это позволит вам легко применить любую текстуру или фотографию в последующих этапах.

-9

2. Как создать геометрический узор в этническом стиле

Шаг 1

-10

Шаг 2

-11

Дублируйте один из треугольников и с помощью FreeTransform (Свободная трансформация) (Control-T) уменьшите его. Разместите третий треугольник, как показано ниже. Далее дублируйте этот треугольник и перейдите в меню Edit > Transform > FlipVertical (Редактирование > Трансформирование > Отразить по вертикали), чтобы расположить его на противоположную сторону для получения баланса.

-12

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

-13

Шаг 3

-14

Когда вы закончите, выделите все слои, после кликните правой кнопкой мыши и выберите Convert to Smart Object (Преобразовать в смарт-объект). Вот окончательный результат.

-15

3. Как создать похожий на цветок геометрический узор

Шаг 1

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

-16

Шаг 2

Дублируйте круг с белым контуром три раза. С помощью Free Transform (Свободная трансформация) (Control-T) измените размер двух кругов так, чтобы расположить каждый из них на противоположную сторону внутри круга. Это в конечном итоге создает классный 3D-вид.

-17

Шаг 3

Далее с помощью Free Transform (Свободная трансформация) (Control-T) уменьшите размер третьего круга, чтобы он был меньше остальных, и поместите его в центр. Как и прежде, выберите все слои кругами, кликните правой кнопкой мыши и выберите Convert to Smart Object (Преобразовать в смарт-объект). Вот наш финальный узор!

-18

4. Как создать шестиугольный геометрический узор

Шаг 1

-19

Шаг 2

Дублируйте (Control-J) форму шестиугольника и сделайте ее немного меньшей с помощью FreeTransform (Свободной трансформации) (Control-T). Измените тип обводки на сплошную черную линию, а также установите размер 10 пикселей.

-20

Шаг 3

-21

Шаг 4

-22

Шаг 5

-23

5. Как применить различные фотографии и текстуры к геометрическим узорам

Шаг 1

Теперь переходим к текстурам! Мы можем применить различные текстуры или фотографии к созданным геометрическим узорам, так как преобразовали их в Smart Objects (Смарт-объект). С их помощью мы сможем получить потрясающий эффект.

Поместите каждый геометрический Smart Object (Смарт-объект) в свою собственную группу.

-24

Шаг 2

Давайте добавим текстуру! Здесь я буду использовать шестую гранж-текстуру из архива «Grunge Texture Pack» от сайта GraphicRiver. Просто скопируйте и вставьте текстуру на новый слой для каждой группы. Кликните правой кнопкой мыши по слою с текстурой и примените его как Clipping Mask (Обтравочная маска) для смарт-объекта, далее измените режим наложения на Hard Light (Жесткий свет). Убедитесь, что Smart Object(Смарт-объект) имеет прозрачный фон, иначе изображение с текстурой будет выходить за границы нашего узора.

-25

Не бойтесь перемещать текстуру и размещать её по-разному для каждого геометрического узора.

Шаг 3

Кроме того, вы можете добавить красивое изображение в качестве Clipping Mask(Обтравочной маски) под слоем с текстурой или без текстуры вообще. Здесь я использовала «Sunset Stock» с сайта Pixabay.

На этот раз установила режим наложения Screen (Экран).

-26

Заключение

Надеюсь, что вам понравился этот урок! Помните, что создание интересных геометрических фигур в Photoshop будет легким, когда вы познакомитесь с инструментом Shape Tool.

Продолжайте экспериментировать с разнообразными узорами и получайте удовольствие, включая эти элементы в любой творческий проект! Если у вас есть какие-либо вопросы, вы можете оставить комментарий ниже.

-27

Поделиться своей работой и задать вопрос можно на странице урока сайта photoshop-master.ru