Как создать текстуру плитки

Вверх
1392 пользователям это нравится, включая Вас.
Статья

Всем здравствуйте!

Всем здравствуйте!

Когда делал ванную комнату к практическому заданию 30-го дня по визуализации в интерьере, делал плитку не с помощью тайлинга, а полностью текстуры всех стен в фотошопе. Решил поделиться с вами всеми, буду рад, если кому-то пригодится. Делается такая текстура очень просто, буквально за 10-15 минут.

1. Я обычно исхожу из того, что 1мм равен одному пикселю. Беру размер самой большой стены и создаю новый файл с размером 3500х2500 (извиняюсь, когда делал этот пост, создал 3000х2000, а заметил уже потом, но это не так важно). Основной цвет чёрный, цвет фона белый.

2. Включаем привязку. Должна стоять галочка "Привязка" и "Линия сетки" (в принципе, обычно у меня включены все привязки).

001_001.jpg

3. Заходим в Редактирование - Установки - Сетка.

001_002.jpg

4. Допустим, что плитка квадратная 20см. Ставим размер сетки 200 пикселей и деление сетки 1.

5. Включаем саму сетку.

Сетка выглядит примерно так. Выбираем инструмент "линия", нажимаем вверху слева на квадратик, чтобы рисовать не вектор, а растр и выбираем толщину линии, фактически то, каким будет расстояние между плитками, скажем 4мм, то есть 4 пикселя.

7. Создаем новый слой. Зажимая Shift прочерчиваем поверх сетки линии. Если всё сделано правильно, то линия будет прилипать к сетке и чертиться ровно по ней. Прочертив все нужные нам линии, отключаем сетку. Копируем этот слой и оригинал отключаем. Выбираем фильтр "диффузия". Выбираем в нем "Замена только темным". ОК. Края нарисованной сетки стали немного неровными. Этот пункт необязателен, но мне кажется, что реализм от этого пункта только выигрывает.

8. Временно отключаем эту копию первого слоя и включаем оригинал. Опять его копируем и размываем размытием по Гауссу примерно 2.5 - 3 пикселя. Нажимаем Ctrl+J, и теперь все три слоя (оригинал нарисованной сетки и два размытых) объединяем. Сохраняем картинку, это будет картой бампа.

9. Отключаем этот слой и включаем слой, к которому применяли диффузию. Ниже него создаём новый слой. Применяем фильтр "Облака". Абсолютно всё равно какой получится узор облаков.

10. Переключаемся на слой с сеткой, нажимаем Ctrl+I. Инвертируем сетку в белый цвет.

001_012.jpg11. К слою с облаками применяем фильтр "Мозаика". Так как у нас размер плитки по 200 пикселей, ставим столько же. И уменьшаем прозрачность до 7-10%. Разнородность плитки готова.

12. Я решил, что у меня на эскизе будет две стены из белой плитки с линией в одну плитку из зелёной плитки с градиентом. Включаю отображение сетки Ctrl+' и создаю слой ниже слоя, на котором были облака, чтобы сохранить разнородность плитки. Прямоугольным выделением по сетке вырисовываю эту плитку и накладываю градиент. Это может быть какой-то другой рисунок или что нужно сделать... А может и не быть его :) Всё, текстура для двух стен готова.

13. Следующая стена. Пусть у меня она будет белой с такой же полосой и плитка с котами. Ниже слоёв с нарисованной сеткой и слоя с облаками, накидываю картинки, из которых будет изготовлена плитка. Подгоняю по размерам, удаляю ненужное. Отключаю показ сетки. Текстура третьей стены готова.

14. Главная стена. Здесь я решил разместить панно. Нашёл картинку. Вставляю ниже слоёв с нарисованной сеткой. Подгоняю по нужным мне размерам и сохраняю. Текстура четвёртой стены готова.

Как создать текстуру плитки

Вот и всё. С включенной привязкой к сетке и небольшим багажом работы в фотошоп эти текстуры изготавливаются быстрее, чем Вы сейчас это прочитали :)  Всё остальное я доводил в 3D Max по месту, двигая гизмо в UVWMap. Вот что получилось у меня:

Спасибо за внимание, надеюсь пригодится. Всех посетителей форума и, конечно же, его создателя, Иосифа, поздравляю с наступающими праздниками! Быстрого Вам рендера! :)

Вверх
1392 пользователям это нравится, включая Вас.