Патерн, регулярний узор, безшовний фон ... Називайте, як хочете, але сенс один - заповнення фону (сайту, документа) повторюваними елементами, між якими немає видимої кордону або переходу.

У цьому уроці буде розказано про те, як зробити візерунок в Фотошопі.

Тут розповідати особливо нема чого, тому відразу приступаємо до практики.

Створюємо документ з розмірами 512х512 пікселів.

Створюємо патерн в Фотошопі

Далі необхідно розшукати (намалювати?) Однотипні елементи для нашого патерну. Тематика нашого сайту комп'ютерна, тому я підібрав такі:

Створюємо патерн в Фотошопі

Беремо один з елементів і поміщаємо в робочу область Фотошопа на наш документ.

Створюємо патерн в Фотошопі

Потім переміщаємо елемент на кордон полотна і дублюємо його (СTRL + J).

Створюємо патерн в Фотошопі

Тепер йдемо в меню «Фільтр - Інше - Зрушення».

Створюємо патерн в Фотошопі

Зміщуємо об'єкт на 512 пікселів вправо.

Створюємо патерн в Фотошопі

Для зручності виділимо обидва шару з затиснутою клавішею CTRL і помістимо їх в групу (CTRL + G).

Створюємо патерн в Фотошопі

Розміщуємо новий об'єкт на полотно і переміщаємо до верхньої межі документа. Дублюємо.

Створюємо патерн в Фотошопі

Знову йдемо в меню «Фільтр - Інше - Зрушення» і переміщаємо об'єкт на 512 пікселів вниз.

Створюємо патерн в Фотошопі

Таким же способом поміщаємо і обробляємо інші об'єкти.

Створюємо патерн в Фотошопі

Залишилося лише заповнити центральну область полотна. Я мудрувати не буду, а поміщу один великий об'єкт.

Створюємо патерн в Фотошопі

Патерн готовий. Якщо потрібно його використання в якості фону веб сторінки, то просто зберігаємо в форматі JPEG або PNG.

Якщо ж планується заливати патерном фон документа в Фотошопі, то потрібно зробити ще пару кроків.

Крок перший - зменшуємо розмір зображення (за потреби) до 100х100 пікселів.

Створюємо патерн в Фотошопі
Створюємо патерн в Фотошопі

Потім йдемо в меню «Редагування - Визначити візерунок».

Створюємо патерн в Фотошопі

Даємо ім'я візерунку і натискаємо ОК.

Створюємо патерн в Фотошопі

Давайте подивимося, як буде виглядати наш патерн на полотні.

Створюємо новий документ з будь-якими розмірами. Потім натискаємо поєднання клавіш SHIFT + F5. В налаштуваннях вибираємо «Регулярний» і шукаємо в списку створений патерн.

Створюємо патерн в Фотошопі

Натискаємо ОК і милуємося ...

Створюємо патерн в Фотошопі

Ось такий нескладний прийом для створення патернів в Фотошопі. У мене вийшов симетричний візерунок, Ви ж можете розташовувати об'єкти на полотні хаотично, домагаючись більш цікавих ефектів.