Как создать бесшовную многоканальную текстуру в Симс 3
Автор: Ellle
Как создать бесшовную многоканальную текстуру в Симс 3
Содержание урока:
Всем привет! Сегодня я расскажу вам как с «нуля» создать бесшовную текстуру, которую можно будет перекрашивать по нескольким каналам. Конечно, в сети много уроков на эту тему, но как я убедилась на своем примере, не все они подходят для начинающих. Особенно это касается русскоязычных уроков. Многие моменты остаются непонятными. И, в первую очередь, это касается именно каналов перекраски. В своем уроке я показываю, как создаю текстуры с самого начала. Итак, приступим.
Для работы нам понадобится:
- Графический редактор, которым вы пользуетесь (Фотошоп и т.д.) Я буду использовать Фотошоп CS5.
- dds-плагин для Фотошопа ( до начала работы его нужно установить в папку Plugins). Заметьте, что не все графические редакторы требуют этот плагин. Если ваш редактор не поддерживает его, вы будете сохранять свой файл в формате *.png.
- TSR Workshop
Внимание! Данный урок предполагает, что Вы владеете тем или иным графическим редактором, поэтому основам вы здесь не научитесь.
Часть 1. Создание узора
1. Для начала нам нужно определиться с тем, как будет выглядеть наша ткань. Первый вариант– найти готовый образец ткани. Для этого достаточно просмотреть любые текстильные сайты и выбрать ткань с уже готовым узором. В этом случае надо обратить внимание на несколько важных моментов:
- Изображение должно быть высокого качества
- Ткань на нем не должна быть мятой или растянутой. В противном случае мы не сможем сделать бесшовную текстуру.
- Узор на этой ткани должен быть повторяющимся.
Это обязательные условия для создания бесшовной текстуры!
Второй вариант — самим создать узор при помощи любого графического редактора. Вы можете нарисовать его пером, если хотите или использовать кисти из библиотеки вашего графического редактора.
Нужно отметить, что в библиотеке ФШ есть некоторое количество стандартных форм. Можно использовать их или загрузить что-то другое.
2. Для своей текстуры я загрузила несколько кистей с различными узорами. Затем создала новый документ размером 256х256 пикселей и разрешением 72dpi. А далее при помощи имеющих кистей собрала вот такой образец:
Внимание! Когда вы создаете узор, лучше всего каждую его деталь размещать на отдельном слое, чтобы потом в случае необходимости можно было легко её удалить или переместить в нужное место.
3. После того, как узор собран, необходимо слить все его слои. Таким образом, в вашем файле будет 2 слоя — фоновый и слой с узором.
4. Делаем слой с узором невидимым при помощи значка с изображением глаза.
Кликаем на фоновый слой, а затем в меню Image выбираем Canvas Size и выставляем там размер 200% по вертикали и горизонтали. Размещение изображения при этом остается строго по центру. Затем переходим на слой с узором и делаем его видимым. Таким образом, у нас получилось изображение размером 512х512 пикселей.
5. Теперь мы включаем сетку (Сtrl+ ‘) и смотрим, чтобы наше изображение было выравнено по центру окна. Нужно добиться такого результата, чтобы наш узор был поделен строго на 4 равные части. Для этого центрируем сетку. Заходим в меню Edit/Preferences/Guides, grid and slices. На рисунке ниже показано нужное окно и настройки, которые необходимо установить. Gridline every — направляющая каждые ____пикселей, Subdivisions — кол-во подразделов.
Вот, как в итоге будет выглядеть наше изображение.
6. Теперь нам создать образец с повторяющимся узором. Для этого на вертикальной панели в левой части окна выбираем Инструмент для прямоугольного выделения (Rectangular Margee Tool)
А далее при нажатой клавише Shift аккуратно выделяем четверть нашего узора. Затем выбираем Слой через копирование (Layer/New/Layer via Copy) и получаем еще один новый слой с выделенным фрагментом.
То же самое можно сделать, нажав правую кнопку мыши. Аналогично копируем оставшиеся части узора. В итоге мы получим вот такой образец.
7. Теперь нужно слить все части узора вместе. После этого выделите слой с узором (удерживая CTRL, кликните на слое с узором) и выполните обрезку изображения Image/Crop. Теперь наш образец готов.
Часть 2. Создание RGB-маски
Прежде всего, давайте разберемся с тем, что такое каналы перекраски, где их можно найти и как это выглядит в игре. Цветовая модель изображения, которое используется для создания текстуры — RGB (8bit), где каждая буква обозначает отдельный канал: R — Red (красный), G — Green (зеленый), B — Blue (синий). При наложении их друг на друга получается наше изображение. Есть еще четвертый канал — альфа.
Внимание! Обозначения каналов не имеют никакого отношения к одноименным цветам.
Создавая текстуру, нам нужно заполнить каждый канал. Фактически мы выделяем и копируем части узора и вставляем их в отдельные каналы (не слои!) Таким образом, мы получим однослойное изображение, где каждый канал будет содержать свои элементы.
Чтобы понять, где эти каналы отображаются в игре, забежим немножко вперед и посмотрим на изображение, которое у нас в итоге получится в игре. Для этого заглянем в меню Create-A Style (Создание стиля). Каждый перекрашиваемый слой соответствует определенному каналу (см. рисунок ниже).
В нашем случае только 2 канала — красный и зеленый. Если же текстура имеет 4 канала (красный, зеленый, синий и альфа-канал), то в меню будет 4 перекрашиваемых слоя. С каналами разобрались и возвращаемся к нашему изображению.
Для этого:
- Открываем новый файл, параметры которого указаны на рисунке ниже.
- Открываем наше изображение. Сделаем его копию размером 256х256 пикселей. Её мы и будем использовать далее.
- В новом файле переходим во вкладки Channels (Каналы) и начинаем их заполнять СТРОГО в следующем порядке: красный, зеленый, синий и альфа.
- В нашем случае красный канал — это фон, зеленый — собственно узор. Поэтому заполняем следующим образом: красный канал заливаем белым цветом, зеленый канал — белый узор на черном фоне, синий канал заливаем черным цветом, альфа-канал заливаем белым цветом. Кстати, альфа-канал зачастую используется для придания образцу определенной текстуры. Но мы оставим его белым.
- После создания изображения склеиваем его, выбрав в меню Layer пункт Flatten Image и сохраняем файл в формате *.dds. Всё, наша RGB-маска готова!
Часть 3. Конвертация файла в Pattern Tool
- Открываем TSR Workshop и выбираем во вкладке Tools инструмент Pattern Tools. На рисунке ниже показано, как будет выглядеть наше окно.
- Заполняем все поля следующим образом:
- Title – название файла;
- Description — описание файла;
- Category — категория, в которой будет размещена наша ткань (Абстрактный, Ткань, Тема, и т.д.);
- Surface type — тип поверхности (ткань, металл и т.д.)
- В окошко RGB mask загружаем нашу маску;
- Начинаем постепенно отмечать нужные каналы и заполнять их цветом.
Внимание! Поскольку у нас только 2 перекрашиваемых канала, отмечаем только 2 окошка — Red и Green. Остальное не трогаем!
На рисунке ниже показан результат, как должно выглядеть наше окно после заполнения.
- Еще один немаловажный момент — проверить, как наш узор будет выглядеть в умноженном состоянии. Это нужно для того, чтобы увидеть, нет ли где-то швов. Для этого поставим галочку на окошке Show as tiled. Что получается, смотрите на рисунке ниже.
- Мы видим, что на нашей ткани нет не прокрашенных швов.
- Теперь мы можем нажать кнопку Export и сохранить наш файл в sims3pack.
- Теперь помещаем его в папку Download и устанавливаем в игру, чтобы проверить, как наша ткань выглядит в ней.
Вот так наша текстура выглядит в игре
Общий вид (пол)
На мебели
Максимальное приближение
А это перекраска.
Вот собственно и всё. Таким образом, можно создавать любые красивые текстуры. Надеюсь, вам будет полезен мой урок. Желаю всем приятной игры!
Урок подготовила Ellle для сайта sims-artgallery.net
При перепечатке материала ОБЯЗАТЕЛЬНО указывать авторство и ссылку на источник!
Комментарии:
Ellle
|
Я просто когда урок этот делала, вспомнила себя. Как я училась делать текстуры? Сколько материала перелопатила. А ведь насколько всё было бы проще, если бы найти один подробный урок, где всё бы было написано. И вот, кстати, что еще я поняла, пока делала урок. Нужно всегда максимально подробно всё объяснять до мелочей, даже если вам кажется, что это уже совсем для тупых. Просто у вас уровень знаний может быть гораздо выше, чем у других людей и поэтому им будет непонятно, как это сделать. И там, где вы скажете "Ну, это уже совсем просто!", другой задумается и застрянет. Так что стоит это учитывать, если хотите, чтобы ваши уроки были полезны для других людей.
|
Awen
|
Ellle, хорошо получилось потому что урок хороший, я дуб но и то поняла все ! А пригодилось не то слово, для меня тогда каналы в ФШ как темный лес были, даже в ту вкладку не заглядывала никогда, но у тебя в уроке про них все понятно написано, я потом еще и сама инфу поискала, в общем пригодилось мне не только в создании узоров!!!! За что тебе спасибо огромное!!!!!!
|
Ellle
|
Да, я кстати помню твою работу. У тебя в итоге очень хорошо получилось. Даже ты потом по-моему узор на платье Хейли нанесла. Так что тебе точно он пригодился!
|
Awen
|
Леночка, это же мой урок любимый!!!!!!!!!!! Помню как старалась,делала, сначала не получалось а потом до меня все таки дошло и все получилось просто супер!!!!!!!! Узорчики классные выходят! И написано все так, что даже до меня дошло!
|