Як я можу створити хороші безперервні (безшовні) плитки?

У мене виникають проблеми з проектуванням плитки, щоб вони в монтажі не були схожими на плитку, а виглядали як однорідна річ. Наприклад, дивіться зображення нижче:

Незважаючи на те, що основна частина трави - це лише одна плитка, ви не бачите сітку; ви знаєте, де це, якщо придивитися трохи уважно, але це не очевидно. В той час, коли я конструюю плитку, ви можете бачити лише "о, єже, у 64 рази таку ж плитку", як на цьому зображенні:

(Я взяв це з іншого питання GDSE, вибачте; не критикуйте до гри, але це доводить мою думку. І насправді кращий дизайн плитки є тим, чим я керую, все одно.)

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

Я думаю, що це, мабуть, простіше, ніж я думаю, щойно ви знаєте, як це зробити, але не змогли знайти підручник з цього питання. Чи відомий спосіб проектування суцільних / однорідних плиток? (Моя термінологія може бути абсолютно неправильною, не соромтеся виправляти мене.)

Відмова: Я не художник, тому це лише знання мистецтва програміста.

У вашому прикладі ви маєте ефект сітки здебільшого завдяки легшій траві на нижньому краю плитки:

Такі деталі, які легко впізнати, миттєво роздають, що ви просто повторюєте ту саму плитку.

Перегляньте цю статтю, де є багато корисних порад з цього питання. Зокрема, використовуючи Photoshop:

• Використовуйте інструмент Patch, щоб позбутися яскравих деталей.
• Використовуйте інструмент Doge або Burn для отримання рівномірної освітленості скрізь.
• Зробіть краї безшовними, змістивши зображення, а потім використовуючи інструмент "Патч", щоб з'єднати краї разом. Я також бачив, як люди двічі копіювали і дзеркально відображали це зображення для цього.

Також у зображенні, яке ви пов’язали, здається, є і проблема з реалізацією, оскільки при збільшенні зображення ви можете побачити деякі прогалини між плитками:

Я не фахівець, але, маючи на увазі наявність декількох типів трав'яної плитки (не зовсім різної, щоб люди розуміли, але досить різної), одним фокусом може бути наявність «перехідних плиток» між двома різними типами плиток. Використовуючи наведене на прикладі зображення, напівзелена напівсіра плитка між повністю сірою та повністю зеленою плиткою може допомогти згладити перехід. Крім того, якщо зробити ці переходи округлими та більш природними на вигляд (одна текстура переходить у наступну), це може допомогти з ефектом.

Знизуйте на зображенні від Chrono Trigger, що знаходиться внизу в центрі, як він має половину коричневого кольору (бруд), наполовину зеленого кольору (трава) з плямами темнішої трави. Він також використовує більш легку траву та каміння, щоб додати природних змін (прозора плитка з каменем чи легка трава на вершині трав'яної плитки, можливо?)

Ви повинні зробити переходи, для кожної можливої ​​композиції з декількох типів плиток вам доведеться намалювати плитки, які завершують зміну. Можливо, ви захочете вирішити, що у вашій грі неможливо багато комбінацій, оскільки кількість переходів, які ви в іншому випадку повинні зробити, легко зросте до дуже великої кількості.

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

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

Застосовуйте високопропускний фільтр на плитку.

Дивіться цю чудову статтю Скавена для детальної теорії, прикладів та інструкцій.

Почніть з виготовлення звичайної плитки. Потім розділіть плитку по горизонталі і вертикалі, на 4 рівні шматки, залишивши вас 4 "плитки".

Плитка зараз буде виглядати приблизно так:

1 2
3 4

Покладіть шматок 2 на ліву частину шматка 1. Зробіть те саме з 3 та 4. Плитка тепер буде виглядати так:

2 1
4 3

Тепер перемістіть обидва нижні частини над верхніми шматочками. Вам залишилося це:

4 3
2 1

Припустимо, що ваша плитка розміром 32x32, кожен шматок буде 16x16. Тепер ви видаляєте середину, скажімо, 22х22 пікселі (це залежить від вас), залишаючи рамку вашої плитки. Цей кадр тепер ідеально підходить для себе, і вам залишається заповнити прогалини посередині унікальністю, як гравій, камінь, якась вища трава чи що завгодно.

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

Те, як я проектую свою плитку, виглядає так:

1. Зробіть чорнову плитку
2. скопіюйте плитку на зображення, яке в 3 рази більше в напрямку X a Y
3. скопіюйте плитку так, щоб на зображенні було 9 копій вашої плитки
4. ви повинні бачити, де починається і закінчується кожна плитка, що вам потрібно зробити, це взяти інструмент розмиття (для цього я використовую GIMP) і розмити краї, щоб воно виглядало як одна велика плитка.
5. Потім скопіюйте середню плитку із зображення, і тоді у вас є остаточна плитка

Результат повинен виглядати досить добре, коли ви кладете кілька плиток поруч. Ви завжди можете повторити цей процес для тонкої настройки плитки.