Як зробити безшовну текстуру з фотографії

Вміння створювати текстуру у Photoshop – корисна навичка, особливо для працюючих з 3ds Max. Для 3D графіки текстури відіграють важливу роль. Від якості текстур безпосередньо залежить якість візуалізації 3D-сцени. Можна сказати, що 90% властивостей матеріалу несе в собі карта дифузного відображення, яка робиться за фотографіями реальних фактур. У цьому уроці я розповім, як створювати безшовні текстури з фотографій. В англійській мові їх зазвичай називають patterns або seamless textures.

Цей урок - перший у серії, присвяченій підготовці текстур.

Ідея першого методу проста: вибираємо найхарактерніший фрагмент зображення, кадруємо його, застосовуємо фільтр Offset, ретушуємо стик.

Як вихідний матеріал візьмемо таке зображення. На ньому хороша текстура дерева. Як зразок я взяв шматок у лівому нижньому кутку і кадрував його інструментом Crop.

Для 3D текстур бажано, щоб шматочок був квадратним. Це дозволить надалі легше призначати координати проектування у програмі тривимірного моделювання. Вийшов ось такий шматочок. З ним і йтиме вся подальша робота.

Перевіримо вибраний шматок як текстуру.
Командою Select > All виділяємо все зображення повністю.
Викликаємо в ньому команду Edit > Define Patternяка визначає зображення як шаблон для заливки.
Тепер створюємо новий документ великого розміру, скажімо 1024х768.
Викликаємо команду Edit > Fill та вибираємо зразок для заливання.

Якщо тепер застосувати створений зразок, ми отримаємо явно помітні шви.

Для того щоб отримати можливість ретушувати стики застосуємо до кадрованого квадратика фільтр Filter > Other > Offset.У поля діалогового віконця вводимо приблизно половину розміру картинки, хоча якщо просто посмикати повзунки, то не важко загнати стики в середину зображення.

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

Якщо тепер застосувати створений зразок, швів більше не видно. Зазвичай процедуру доводиться повторювати до досягнення задовільного ефекту.

Насамкінець не забудьте зберегти текстуру-квадратик в окремий файл формату, зрозумілого вашій 3D програмі. Тільки простежте щоб колірна модель не була CMYK!

3ds Max неправильно інтерпретує CMYK-файли текстур, поміщені в слоти растрових карт матеріалів!

На жаль, якщо у вихідному зображенні є неоднорідність у освітленні вибраного фрагмента, то навіть бездоганна ретуш стиків не дозволить зробити крок текстури непомітним. У цьому випадку слід використовувати інструменти освітлення-затемнення.

Про автора

Олександр Міловський – відомий фахівець у галузі комп'ютерної графіки 2D та 3D. Автор численних статей, лектор, інструктор.

Основні розділи

Контакти

Найпростіший спосіб зв'язатися з автором – через центр 3D Master.

Як зробити безшовну текстуру у Photoshop

Розповідаємо про простий та швидкий метод на прикладі текстури бетону.

Ілюстрація: Оля Їжачок для Skillbox Media

Автор статей з дизайну У веб-дизайн прийшов у 2013 році, усвідомлено почав займатися з 2015 року.

Без текстур неможлива CGI-індустрія, вони використовуються всюди: від рекламних роликів до кіноіндустрії.

Розповідаємо, як зробити текстуру безшовною, на прикладі цієї текстури бетону.

Підготовка

Спочатку створіть візерунок з текстури, щоб подивитися на її стики.Редагувати» → «Визначити візерунок»:

Тепер зробіть тестовий документ, де ви перевірятимете свою текстуру. Ctrl+N та вкажіть розмір 1980×1080.

Тепер подивимося на стики:

• Перейдіть на панель шарів.
• Лівою кнопкою миші двічі натисніть на іконку замка, щоб можна було редагувати шар.
• Ще раз двічі натисніть на шар і в модальному вікні, що відкрилося, позначте пункт «Накладення візерунка».
• Тепер у правій частині вікна виберіть створений раніше візерунок у списку, що випадає, і натисніть «OK».

У прикладі з текстурою бетону явно помітні стики:

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

Щоб отримати безшовність та прибрати стики, потрібно зрушити зовнішні межі текстури всередину:

• Перейдіть до документа з текстурою.
• В основному меню Photoshop виберіть «Фільтр» → «Інше» → «Зрушення».
• У вікні встановіть значення зсуву по горизонталі і вертикалі рівно на половину текстури - у нашому випадку це 400 пікселів.

• Натисніть OK, щоб застосувати значення зсуву до текстури.

Подивитися роздільну здатність текстури можна так: правою кнопкою миші натисніть на шапку документа і в контекстному меню виберіть «Розмір зображення».

Ви зрушили текстуру всередину, через це у неї все ще видно межі. Потрібно це виправити:

• На бічній панелі інструментів виберіть інструмент «Прямокутна область» і виділіть вертикальний стик трохи із захльосткою вмісту поруч.
• Натисніть клавіші Shift+F5 і в модальному вікні, що з'явилося, перевірте, щоб у пункті «Зміст» було виставлено «З урахуванням вмісту», натисніть "OK".
• Також обробіть горизонтальний стик, захоплення зробіть трохи більше, ніж вертикальний, інакше на текстурі з'явиться артефакт.

Тепер текстура не має стиків, але виникли невеликі артефакти. Якщо вам вони критичні, їх можна прибрати вручну за допомогою інструмента «Заплатка».

Тестуємо результат

Збережіть та протестуйте візерунок:

• Перейдіть на панель шарів.
• Двічі натисніть на шарі і у модальному вікні, що відкрилося, виберіть пункт «Накладення візерунка».
• У правій частині вікна виберіть створений раніше візерунок у списку, що випадає, і натисніть OK.

В результаті у вас не повинно бути стиків та артефактів, що кидаються у вічі:

Більше про Photoshop