[MP Tutorial - 2D] How to skin [RU]

Обсуждение всего, что связано с Maniaplanet.

Moderator: Russian Moderator

Post Reply
WillsherT
Posts: 7
Joined: 17 Sep 2011, 15:40
Contact:

[MP Tutorial - 2D] How to skin [RU]

Post by WillsherT » 17 Sep 2011, 16:59

Как создать скин для CanyonCar (или для прочих моделей)
Автор: xrayjay

Оригинал:
Image English version (by xrayjay)

Прочие переводы:
Image French translation (by Furious31)

После прочтения данного урока, скин вашей машины будет ограничен лишь вашей фантазией.

В данном уроке мы будет делать нечто вроде этого:
Image

--------------------------------------------------------------------------------------------------------

Содержание:
  • 1. Что вам понадобится
    2. Что нужно скачать с ManiaPark
    3. Начинаем работу: Открываем файл шаблона ManiaPark
    4. Начинаем рисовать
    5. Редактируем альфа-канал
    6. Сортировка файлов в .zip архиве и копирование этого архива в нужную папку
    7. Дополнительная информация, скриншоты и прочее
--------------------------------------------------------------------------------------------------------

1. Что вам понадобится
И ничего больше :mrgreen:

--------------------------------------------------------------------------------------------------------

2. Что нужно скачать с ManiaPark

Нам нужна сама модель и шаблон. То и другое вы найдете на странице 3D моделей (Не на странице скинов). Для создания скина вам не нужна 3D модель, она уже есть в игре. Этот урок показывает как изменять скин для CanyonCar, однако скины для всех моделей одинаковы, так, что можете смело использовать этот урок.

Единственное, что вы должны дополнительно сделать при создании скина для другого автомобиля, это сделать шаблон, аналогичный тому, что используется для CanyonCar.

Image

Скачайте модель и шаблон, создайте новую папку, назовите её как вам захочется (Пример: My new CanyonCar). Откройте архив с шаблоном и извлеките из него файл .psd

--------------------------------------------------------------------------------------------------------

3. Начинаем работу: Открываем файл шаблона ManiaPark

Дважды кликните по файлу шаблона, и фотошоп откроет этот файл.
Image

Основная структура уже построена и файл готов к созданию вашего скина. :yes:
Если вы делаете скин для другой модели и делаете шаблон с нуля:
Если вы хотите сделать скин для другой модели, вы должны сделать собственный PSD файл точно с точно таким же шаблоном.
Убедитесь, что разрешение файла равно 2048x2048 и первым делом создайте фоновый слой (позже вы его уже не сможете сделать, т.к. собьете структура шаблона!). Создайте слой, залейте его белым цветом, щелкните по нему ПКМ и выберите: "Сделать фоном". Если всё сделано правильно, то вы увидите замочек с правой стороны слоя.
Теперь я немного расскажу о структуре шаблона:
Image

Режим - Эта опция отвечает за наложение слоя на предыдущие.

Сетка - для более простой ориентации в скине(не работает при сохранении в dds); Эффект наложения = Умножение / Экран / Перекрытие (может быть разным, зависит от типа wireframe)

Свечение - тени вашего скина, придает больший 3D эффект; Эффект наложения = Умножение

Альфа-слой - здесь наш альфа-канал (Урок по редактированию альфа канала в пункте 5.); Эффект наложения = Нормальный

Текст/Наклейки - здесь ваши наклейки и текст; Эффект наложения = Нормальный

Покраска - здесь находятся все цвета которые вы хотите видеть на вашем скине; Эффект наложения = Нормальный

Фон - этот слой важен для экспорта в DDS. Как сделать этот слой писалось выше

Это и есть основной шаблон ;)

--------------------------------------------------------------------------------------------------------

4. Начинаем рисовать

Теперь начнем раскрашивать наш автомобиль. В шаблоне: Красный - кузов; Синий - Зеркала; Желтый - Диски. В этом уроке мы будем использовать другие цвета.

Как изменить цвет: дважды щелкните по слою с цветом:
Image

Image

В появившемся окне выберите желаемый цвет. Проведите подобные манипуляции и с остальными элементами группы.
У меня:
Кузов: #001c6e
Зеркала: #001c6e
Колеса: #bdbdbd
Когда закончите увидите нечто, вроде этого:
Image

Теперь добавим небольшой текст:
Image
Для добавления текста используйте кнопку "Т" на панели инструментов и посмотрите на структуру файлов, убедитесь, что ваша структура такая же.
Теперь создадим копию нашего текста (щелкните правой кнопкой мыши по слою с текстом, и нажмите "Создать дубликат слоя..."), вы увидите, что появился новый слой "ваш текст (копия)". Сейчас слои наложены друг на друга, подготовьте его к повороту на 180° как на скриншоте ниже:
Image
Сначала кликните на значок стрелки, а затем поставьте галку на "Показать управляющие элементы"

Теперь по углам текста должны появится квадратики.
Нажмем на один из квадратов и с помощью появившегося меню поворачиваем текст на 180°:
Image
Теперь передвигаем его вверх до другой двери, немного подкорректируем. Получится, что то типа этого:
Image
Вы можете добавить свой текст куда угодно, и не только текст.

Теперь переходим на закладку Paint и добавляем выделение:
Image

Следующий шаг: Создание зеленой полосы (Заполняющий цвет)
Image
На marque tool кликните "Создать новый корректирующий слой или слой-заливку" в открывшемся меню выбираем первый пункт - Цвет. В открывшемся окне мы должны выбрать цвет нашей полоски. После всех этих манипуляций мы должны увидеть примерно это:
Image
Продублируйте данный слой и добавьте его на другую сторону:
Image

На этом урок по покраске закончен ;).

Следующий шаг: Редактирование альфа-канала

--------------------------------------------------------------------------------------------------------

5. Редактируем альфа-канал

И так, мы закончили покраску, и добрались до альфа-канала.
Примечание: вы можете пропустить данный шаг, и потом к нему вернутся, но лучше делать всё шаг за шагом. ;)
Альфа-канал отвечает за блеск машины в игре, вы можете прочитать дополнительную информацию по альфа-каналу в этой теме > viewtopic.php?f=128&t=5892
Image
Альфа-канал должен быть активен только при его редактировании, в остальное время он должен быть невидимым. (Это не обязательно, просто куда легче ориентироваться :mrgreen: )

Не волнуйтесь это просто, просто нажмите на значок глаза слева от слоя.

Следующий шаг: Продублируйте группу слоев "Text / Stickers" и перенесите её в группу "Alpha edit" над слоем "Alpha Groundcolor".

В группу "Alpha edit" я скопировал группу слоев "Paint".

Убедитесь, что в положение дубликатов слоев в группе "Alpha edit" такое же как и в обычной группе "Paint".
Удалите слой "Doorhandles" из папки "Text / Stickers".
Выглядеть это должно примерно так:
Image

Нажмите правой кнопкой по группе слоев "Text / Stickers" (которая находится в группе "Alpha edit") и выберите пункт "Преобразовать в смарт-объект" теперь наши группы объединились в один объект.

Повторите это с группой "Paint".

После того, как вы провернули данные манипуляции выделите "Text / Stickers copy" и нажмите кнопку FX, в открывшемся меню выберете "Наложение цвета" и выберете желаемый цвет для "Text / Stickers copy". Не используйте текст, который установлен по дефолту. :mrgreen: (прим. от WillsherT: ибо он красный и вы ничего не увидите ;) )
Используйте цвет в пределах серого. (Автор использовал #777777, я использовал #909090)

Проделайте те же манипуляции с смартом Paint.

Теперь всё должно выглядеть примерно так:
Image

Сам скин выглядит примерно так:
Image

Теперь можно вернуть видимость альфа-канал. (И создать альфа-канал)

Следующий шаг это (альфа группа всё ещё должна быть видимой!):
Перейдите на вкладку каналов и нажмите на кнопку "Создать канал":
Image
Вернитесь к каналам RGB и откройте вкладку со слоями. Следующий шаг:
"Выделить всё" (Ctrl + A) и потом
"Скопировать объединенные" (Shift + Ctrl + C)
Теперь переключаемся на альфа-канал (Ctrl + 6)
И выберите: Специальная вставка -> вставить на оригинальную позицию (Shift + Ctrl + V), готово!
Вот, что должно получиться:
Image

Опять выберите RGB канал и перейдите на вкладку слоев.

Теперь скройте группу "Alpha edit" и экспортируйте ваш скин в DDS (Имя документа "SkinDiffuse.dds") сохраняем с такими настройками:
Image

Несколько секунд и ваш файл SkinDiffuse.dds будет готов. :yes:

--------------------------------------------------------------------------------------------------------

6. Сортировка файлов в .zip архиве и копирование этого архива в нужную папку

Для оригинальной CanyonCar достаточно положить файлы в .zip архив и игра их примет, для прочих моделей инструкция будет позже.

Только для оригинальной CanyonCar:
Сейчас мы используем скачанный нами zip файл (Не шаблон, а скин!)
Переименуйте архив. (наприм. MyCar.zip)
Теперь добавьте в архив "MyCar.zip" ваш файл SkinDiffuse.dds и удалите все лишние файлы из архива.
Так же вы можете создать файл ReadMe.txt.

Теперь мы можем создать иконку для вашего автомобиля.

Урок по созданию иконки вы можете прочитать здесь.

Если вы закончили, то можете разместить свой скин в папку:

Для оригинальной CanyonCar > [Personalfiles]/Skins/Vehicles/CanyonCar/
Для других 3D моделей > [Personalfiles]/Skins/Vehicles/CarCommon/

7. Дополнительная информация, скриншоты и прочее

Для снятия отличных скриншотов используйте этот урок.
И не забывайте о правилах добавления скриншотов.
Last edited by WillsherT on 18 Sep 2011, 12:29, edited 4 times in total.

User avatar
rosaner
Posts: 303
Joined: 11 Apr 2011, 19:28

Re: [MP Tutorial - 2D] How to skin [RU]

Post by rosaner » 17 Sep 2011, 20:37

Отличная работа,- :1010 спасибо, WillsherT !
это не картинки, а кнопки! Нажми, и получишь результат! ;)
ImageImageImage

WillsherT
Posts: 7
Joined: 17 Sep 2011, 15:40
Contact:

Re: [MP Tutorial - 2D] How to skin [RU]

Post by WillsherT » 17 Sep 2011, 20:44

Рад стараться, скоро переведу остальные темы, связанные с этим уроком, тема по правки альфа канала уже переведена: http://forum.maniaplanet.com/viewtopic.php?f=128&t=5892

Так же будет корректировка (под русский фотошоп, просто некоторые названия функций и инструментов немного иначе называются в фотошопе) + скрины буду использовать свои, и возможно вообще перепишу урок когда буду делать свой скин.

User avatar
Nitro
Posts: 274
Joined: 12 Apr 2011, 08:02

Re: [MP Tutorial - 2D] How to skin [RU]

Post by Nitro » 18 Sep 2011, 01:10

WillsherT wrote:Рад стараться, скоро переведу остальные темы, связанные с этим уроком, тема по правки альфа канала уже переведена: http://forum.maniaplanet.com/viewtopic.php?f=128&t=5892

Так же будет корректировка (под русский фотошоп, просто некоторые названия функций и инструментов немного иначе называются в фотошопе) + скрины буду использовать свои, и возможно вообще перепишу урок когда буду делать свой скин.
Ох ёш* :shock: СПАСИБО! :thx:
Last edited by Nitro on 13 Aug 2012, 13:15, edited 1 time in total.
TrackMania - never turn back.. Image

Stadium 2 - like re Nations - not bad but not new.
Valley - like Rally.
Canyon - unfinished.

ShootMania - well.
ManiaPlanet beta - fun stuff.
users - positive zombies.
I'm glad nadeo, finally realized our desires =)

WillsherT
Posts: 7
Joined: 17 Sep 2011, 15:40
Contact:

Re: [MP Tutorial - 2D] How to skin [RU]

Post by WillsherT » 18 Sep 2011, 10:33

Сейчас покушаю и продолжу =)

WillsherT
Posts: 7
Joined: 17 Sep 2011, 15:40
Contact:

Re: [MP Tutorial - 2D] How to skin [RU]

Post by WillsherT » 18 Sep 2011, 12:30

Доделал.

User avatar
Weapon
Posts: 58
Joined: 30 Dec 2010, 17:27
Location: Rus/Moscow
Contact:

Re: [MP Tutorial - 2D] How to skin [RU]

Post by Weapon » 18 Sep 2011, 15:35

Красавчик! :thumbsup:
Image

User avatar
Haoose
Posts: 123
Joined: 08 Apr 2011, 16:46
Location: Russia

Re: [MP Tutorial - 2D] How to skin [RU]

Post by Haoose » 19 Sep 2011, 10:48

Молодец! Спасибо за переводы =) :thumbsup:
-= GP-team =-

User avatar
Andriv
Posts: 53
Joined: 30 Sep 2011, 18:26
Contact:

Re: [MP Tutorial - 2D] How to skin [RU]

Post by Andriv » 05 Feb 2012, 23:24

Отличный урок ;)
YouTube | TmTube | MX
Moviemaker for Awsomniac in the game Trackmania 2.

Post Reply

Return to “Maniaplanet”

Who is online

Users browsing this forum: No registered users and 1 guest