Тема 1 Піксель-Арт

безшовна текстура

Уміння створювати безшовні текстури в Фотошоп - корисна навичка. Часто, необхідно, щоб текстура повторювалася, утворюючи суцільне покриття. Безшовні текстури ще називають «тайловимі» (від англійського слова Tile - плитка). Ми розглянемо, як створити текстуру з вихідного фонового зображення без шва. Це корисна техніка, яка завжди знадобиться. Дуже важливо правильно підібрати розмір вихідних фотографій, грамотно налаштувати переходи світла і тіні, та ще й зберегти результат в потрібному форматі.

У цьому уроці створимо безшовний фон з трави.

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

Крок 1 . Інструментом « Рамка » (Crop) виділимо ділянку трави в центрі, де немає темних ділянок.

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

Крок 3 . Тепер наша трава виглядає більш однорідною. Але в верхньому лівому кутку є невеликий лист, і якщо ми заллємо такий текстурою, то лист буде повторюватися знову і знову, таким чином, ми повинні позбутися від нього. Виберіть інструмент « Латка » (Patch Tool) (J) і виділіть ділянку навколо листа, перемістіть отримане виділення на будь-яку ділянку трави (в настройках інструменту «Латка» повинен бути встановлений «Джерело» (Source)).

Крок 4 . Будемо працювати над стиками країв один з одним. Дублюйте шар з травою ( Ctrl + J ), перемістіть перший шар наліво, а другий праворуч (інструментом « Переміщення » (Move)).

Крок 5 . На зображенні нижче ви бачите два шари, що стосуються один одного. З'єднайте їх таким чином, щоб не було видно білого ділянки між ними і злийте обидва шару в один ( Ctrl + E ).

Крок 6. Тепер ми знову використовуємо інструмент « Латка » (Patch Tool) - виділіть область з'єднання двох шарів і перетягніть виділення на сусідню область.

Крок 7. Інструмент «Латка » (Patch Tool) робить цей вид роботи легким, особливо з таким важким фоном, як трава (якщо вас не влаштовують дрібні деталі, то ви можете інструментом «Штамп» (CloneStampTool) клонувати окремі травинки).

Крок 8. Повторимо процес по вертикалі. Дублюйте шар ( Ctrl + J ) і перемістіть один шар вгору, інший вниз, з'єднайте їх таким чином, щоб не було видно білого ділянки між ними і злийте обидва шару в один ( Ctrl + E ). Знову використовуємо інструмент « Латка » (Patch Tool) - виділіть область з'єднання двох шарів і перетягніть виділення на сусідню область.

Крок 9. Наша текстура готова,

залишилося зберегти наше зображення, як зразок для подальшої роботи. Натискаємо Ctrl + A (виділимо все зображення), заходимо в меню Редагування \ Визначити візерунок (Edit \ Define pattern), привласнюєте вашої текстурі ім'я і зберігаєте.

Тепер до будь-якого шару ви можете застосувати стиль шару « Перекриття візерунка » (Pattern Overlay) і зі списку текстур вибрати нашу траву. Нижче наведено приклад використання фону з травою для web-сайту.

Не забудьте зберегти документ у форматі PSD або J PG .

Примітка автора : на фінальному зображенні все-таки помітні повторювані темні ділянки, ви можете позбутися від них за допомогою інструменту «Штамп» (CloneStampTool), але так як автор використовував це зображення для заливки фону веб, то вони не дуже йому заважають.

Є ще один спосіб ретушування стиків - це застосувати до кадрувати квадратику текстури фільтр Фільтр \ Інші \ Зрушення (Filter \ Other \ Offset).

У діалоговому вікні посуваємо повзунки, переміщаючи зображення по горизонталі і вертикалі. В результаті застосування фільтра шви виявляться приблизно посередині зображення, а краю автоматично узгоджені. Залишається тільки скористатися будь-яким інструментом ретушування фотошоп для усунення стиків ( «Штамп» або «Латка») і попрацювати над освітленням країв.

Автор: Сollis