Как создать повторяющуюся текстуру?

Я хочу создать что-то вроде этого:

введите описание изображения здесь

В этом немецком руководстве они объясняют, как это сделать в GIMP.

Моя проблема в том, что мне нужно именно это, но так, чтобы это повторялось. Так что у меня есть изображение, например, 15px × 15px, и я могу использовать его для заполнения большего фона, повторяя его.

Может ли кто-нибудь помочь мне здесь?

Ответы (2)

Создать бесшовный повторяющийся узор относительно легко. Самый простой способ показать вам концепцию — это быстрый пример. Я использую Photoshop, но важна концепция.

Лучше всего начать с изображения с относительно ровным и непрерывным тоном. Если на вашем изображении большая тень с одной стороны и светлая с другой, это будет заметно.

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

введите описание изображения здесь

Просто чтобы проиллюстрировать разницу — это повторяющаяся текстура:

введите описание изображения здесь

Самый простой способ сделать паттерн бесшовным — это работать с каждой осью отдельно.

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

введите описание изображения здесь

Левый и правый края вашего изображения теперь бесшовные — единственная проблема — это центр.

введите описание изображения здесь

Используйте любой метод, который подходит и удобен, чтобы смешать видимое соединение в центре. В Photoshop я использовал комбинацию инструмента «Штамп» и «Точечная восстанавливающая кисть» — я уверен, что в GIMP найдутся аналогичные инструменты.

введите описание изображения здесь

Теперь ваше изображение плавно повторяется по горизонтали.

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

введите описание изображения здесь

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

введите описание изображения здесь

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

введите описание изображения здесь

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

Как отметил @joojaa в комментариях, фильтр смещения Photoshop ( Фильтр → Другое → Смещение ) будет проще, чем дублирование / разделение и перемещение каждого раздела вручную.

Слышали ли вы когда-нибудь о filter -> other -> offset ? Это означает более быстрое переключение позиций. В любом случае, если вы сделаете это так, альтернативная стратегия состоит в том, чтобы не разбивать слои, а иметь 2 из них друг над другом и стратегически стирать части...
@joojaa дублирование слоев и стирание - хороший способ сделать это, да! Та же концепция на самом деле. Я просто излагаю общую идею - я не слишком беспокоюсь о точных деталях :)

В GIMP: filters->Map->make Seamless- Он выполняет процедуру смещения копий текущего изображения и вставляет его выцветшие версии в четыре угла: это неплохо для нечетких шаблонов - например, в вашем примере или в ответе Цая.

Чтобы создать шаблон зеркального отображения, используйте Filters->map->Small Tilesи поэкспериментируйте с настройками зеркального отображения плитки перед применением.

В любом случае вы можете сохранить полученное изображение непосредственно как шаблон, скопировав его ( edit->copy) и вставив его как шаблон ( edit->paste as new->pattern) - вы можете просто использовать его в качестве источника для инструментов клонирования и заливки ведра или просто перетащить его из шаблона. пристыковываемый диалог к ​​большему изображению,