Как в Adobe Photoshop создать повторяющиеся узоры

В этом руководстве я расскажу, как при помощи фильтра « Смещения » в Photoshop создать повторяющийся узор.

Как в Adobe Photoshop создать повторяющиеся узоры

В примере, который я создам, используется пару иллюстраций.

Как в Adobe Photoshop создать повторяющиеся узоры

Шаг 1

Чтобы сразу же открыть их все в Photoshop, использовать сценарий « Загрузить файлы в стек ». Он автоматом поместит каждое изображение на отдельный слой в одном документе.


Как в Adobe Photoshop создать повторяющиеся узоры

Шаг 2

Выберите картинки для узора через меню « Обзор». Убедитесь, что автовыравнивание отключено.

Как в Adobe Photoshop создать повторяющиеся узоры

Шаг 3

Исходные картинки довольно большие. Уменьшите их через меню Изображение> Размер картинок.

Как в Adobe Photoshop создать повторяющиеся узоры

Шаг 4

Перейдите в меню Изображение> Размер холста и создайте рабочую область большего размера, чтобы составить узор. При этом не забывайте, что вы можете уменьшить масштаб без потери качества, но не увеличить.

Как в Adobe Photoshop создать повторяющиеся узоры

Шаг 5

Выберите цвет фона. Далее добавьте новый слой и залейте его. Переместите этот слой в конец списка на панели слоев.

Как в Adobe Photoshop создать повторяющиеся узоры

Шаг 6

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

Для инструмента « Перемещение» активируйте настройка «Автовыбор». Это сможет вам без проблем выделять каждый слой.

Как в Adobe Photoshop создать повторяющиеся узоры

Шаг 7

При помощи комбинации клавиш CTRL + T измените размеры иллюстраций. Расставьте элементы так, чтобы можно было сформировать основу узора.

Как в Adobe Photoshop создать повторяющиеся узоры

Шаг 8

Удерживая нажатой клавишу ALT, выберите команду Слой> Объединить видимые. Это действие создаст новый слой с объединенным содержимым всех слоев.

Как в Adobe Photoshop создать повторяющиеся узоры

Шаг 9

Теперь все элементы находятся в центре холста. Перейдите в меню Фильтр> Иное> Сдвиг. Измените значения по горизонтали и вертикали, чтобы сместить элементы. Сейчас иллюстрации, которые выходят за пределы холста, будут выводиться на противоположной стороне. Это формирует структуру повторяющегося рисунка.

Как в Adobe Photoshop создать повторяющиеся узоры

Шаг 10

Выберите слой с иллюстрацией под объединенным слоем и перетащите его вверх. Переместите этот узор, чтобы начать заполнять пустое пространство. Используйте комбинацию клавиш CTRL + T, чтобы настроить размер конкретного элемента. Далее кликните правой кнопкой мыши и выберите пункт « Отразить по горизонтали», чтобы он выглядел иначе, чем в иных местах шаблона.

Как в Adobe Photoshop создать повторяющиеся узоры

Шаг 11

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

Как в Adobe Photoshop создать повторяющиеся узоры

Шаг 12

Перейдите в меню Правка> Определить узор, чтобы создать файл узора в формате Photoshop.

Как в Adobe Photoshop создать повторяющиеся узоры

Шаг 13

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

Как в Adobe Photoshop создать повторяющиеся узоры

Шаг 14

Дважды кликните по тестовому слою, и примените « Наложение узора». Выберите из списка созданный узор из библиотеки. При значении 100% узор будет иметь тот же размер, что и документ. Так что уменьшите масштаб, чтобы увидеть, как повторяется узор.

Как в Adobe Photoshop создать повторяющиеся узоры

Итог

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

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

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