Гайд на HD скины и плащи

[FortGarfunkel 33]

Добро пожаловать в нормальный гайд по созданию HD Плаща, скина и элитр. Я не нашёл оного на просторах интернета, потому напишу сам. Он точно пригодится.

 

Шаг 1. Скачайте крутой HD ски... КХМ, прошу прощения, это же нормальный гайд.

 

Собственно, что нам пригодится?

 

-Photoshop или любой редактор, поддерживающий альфа-канал aka прозрачность (НЕ PAINT). У меня фотошоп, и поэтому я буду показывать на нём. Уж извините.
-Картинка, которую вы хотите использовать в качестве плаща/элитр/рисунка на скине
-Базовые навыки пользования компьютером, а также умение читать хотя бы по слогам.

Итак, приступим. Вы купили себе лицензию на HD скин и плащ, но все плащи из интернетов глупые и детские? Вы хотите HD скин, но вам нравится ваш нынешний? Не беда, Форт <--(Это я :D) научит вас редактировать картиночки и использовать их в своих эстетических целях.

Начнём с плаща.

Ищем в интернете картинку, которая вам нравится. Качаем. Также качаем одну из заготовок, ссылки на которые есть ниже.

Открываем редактор и закидываем туда заготовку.

Если ты хлебушек - не беда! Можешь перетащить файл прямо в окно редактора. Ничего не произошло? Тогда в левом верхнем углу, скорее всего, есть кнопка Файл. Так вот, следуй инструкциям: Файл -> Открыть... -> Ищешь на компуктере заготовку и открываешь её. Profit!

Перетаскиваем на заготовку нашу картинку, получается это:
https://imgur.com/NCJLkZh
Подгоняем картинку так, как нам нужно. ПКМ по слою -> Растрировать слой. Ту часть, которая вылезает - удаляем.

Больше на свой плащ я ничего добавлять не хочу, но и оставлять всё так будет не очень красиво. Выделяем кусочек плаща(лат. М по умолчанию), копируем. Аккуратно заполняем им весь оставшийся шаблон плаща, не забывая периодически объединять слои на которые копируются новые куски.
Не знаешь, как объединять слои? Не проблема! Просто выделяешь нужные тебе слои с зажатым левым Ctrl, жмёшь по ним ПКМ и выбираешь пункт "Объединить слои". Вот и всё!

К слову, тонкие линии на заготовке - края плаща (боковые стороны, рёбра, называйте как хотите). Темнее выделены нижний край плаща и внутренняя часть.
У меня получилось следующее:
https://imgur.com/kVKk8lX

Крутой самодельный плащик готов, но рядом есть ещё какие-то зоны, размеченные цветами. ХММММ.
Сделаем из них крутецкие элитры. Для наглядности покажу, как эти зоны выглядят в игре:
https://imgur.com/J2Pngsa
https://imgur.com/HOaFAk2
Вот хочется мне элитры с Hello Kitty, и всё. Тогда почему бы их не сделать?

Ищем картинку, заливаем в редактор. Заливаем и понимаем, что элитры представляют собою не прямоугольник, а что-то другое. Растрируем только что вставленную картинку (ПКМ по слою -> "Растрировать слой") и вырезаем то, что нам требуется.
Вы хлебушек и не понимаете, как это сделать? Не проблема! Просто следуйте моим инструкциям:
Выбираете инструмент "Волшебная палочка" (W по умолчанию) Вместо "Волшебной палочки" стоит "Быстрое выделение"? Не вопрос, зажмите ЛКМ иконку "Быстрого выделения" в панельке слева и выберите "Волшебную палочку", а далее просто кликаете по фону и удаляете его. Фон должен быть однотонным.

А что же делать тем, кто нашёл крутую картинку без однотонного фона? Удалять вручную, что же ещё. Удалять следующим образом:
Выбираете инструмент "Кисть" (лат. B по умолчанию). ВНИМАНИЕ! Вместо кисти у вас может быть выбран карандаш. Чтобы вернуть кисть на место, просто зажмите иконку карандаша ЛКМ и в выпадающем меню выберите "Кисть".

Справа поищите вкладку с одноимённым названием и настройте размеры под себя:

https://imgur.com/aMwka2R

Далее выбираем "Удалить" Здесь:
https://imgur.com/MLhXeYD

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

https://imgur.com/E26AiMC

Теперь выделяем наш результат, жмём ПКМ и выбираем "Свободное редактирование". Вуаля, теперь мы можем изменять и вертеть нашу картинку как только душе угодно. Для пропорционального изменения размера зажмите Shift. На будущее: для применения свободного редактирования у вас ОБЯЗАТЕЛЬНО должен быть выбран инструмент выделения.

Вот, что получилось у меня:
https://imgur.com/FTQhJHe
Круть.

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

https://imgur.com/17YbBiV

Что-ж, теперь превратим этот прямоугольник в элитры. Перед началом убедитесь, что картинка полностью покрывает шаблон. Убедились? Теперь скрываем слой с этой картинкой (нажми на значок глаза возле слоя), переходим на слой с заготовкой и выделяем шаблон элитр. Можете использовать быстрое выделение или волшебную палочку. Как выделили - включаем отображение скрытого слоя. Получается следующее:

https://imgur.com/g76pDBB

ПКМ по выделенной области -> Вырезать на новый слой. Двигаем остаток (выбираем слой с картинкой, зажимаем левый Ctrl и двигаем мышью) к красной полоске так, чтобы он полностью её покрывал. Производим вышеописанные действия.

После удаляем слой с уже не нужной нам картинкой. Должно получиться что-то такое:
https://imgur.com/NelL4Ne

Но Hello Kitty куда-то пропал(или пропала?). Дело в том, что слой с ним находится ниже слоя текстуры. Просто перемещаем его выше:

https://imgur.com/db4PVpi

Получается следующее:

https://imgur.com/ZrBf57k

Всё, наши плащ и элитры готовы. Удаляем слой с заготовкой, оставшиеся слои объединяем. Сохраняем в PNG формате (Файл -> Сохранить как... -> Вводим любое название и из выпадающего меню выбираем расширение .png:

https://imgur.com/XgB9rxu

Теперь вам остаётся только загрузить получившийся файл на сайт. У меня получился следующий результат:

https://imgur.com/ruKHBpc

https://imgur.com/e1UTunV

С плащом разобрались, теперь скин.

Качаем заготовку, которая нам подходит. Заливаем в редактор. Закидываем наш скин и растягиваем его по всей заготовке, получается что-то такое:
https://imgur.com/soZsnNL

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

На заготовке цветами отмечены соответствующие зоны:
Синий - рукава (поверх скина руки)
Красный - штаны (поверх скина ног)

Розовый - шапка (поверх скина головы)

Зелёный - куртка (поверх скина торса)

Более светлым цветом выделена часть, которая будет отображаться сверху.

Развёртка совпадает с развёрткой основного скина. Тобишь при наложении, скажем, головы на шапку они полностью совпадут. На практике это выглядит так:
До

https://imgur.com/noNqWtf

После

https://imgur.com/MREQzJK

Как вы можете заметить, всё совпадает.

Итак, я хочу очки. Почему бы не сделать их самому? Ведь с поиском нужной картинки мороки будет больше.

Я применил все свои навыки рисования, и вот что у меня вышло:

https://imgur.com/n1L1YPY

Хочется чего-то ещё, но чего же? Думаю, можно бахнуть нашивку. Лезем в гугл и ищем прикольную картинку.

Дафт панк, почему бы и нет? Вставляем картинку в редактор и подгоняем под себя. У меня после нехитрых манипуляций получилось это:
https://imgur.com/Ez9OZDh

Теперь я просто перемещу нашивку туда, где хочу её видеть. Всё как всегда - переходим в свободное редактирование, крутим, вертим и ставим, куда надо. Я хочу видеть нашивку на кофте, потому переместил её туда:

https://imgur.com/Qe1DkDZ

Ну вот, я доволен. Мой старый скин остался, но теперь на нём есть прикольные HD - детали. Удаляем слой с заготовкой, объединяем оставшиеся и сохраняем по аналогии с плащом. Далее заливаем на сайт.

Вот результат:

https://imgur.com/bldgWFg
ВНИМАНИЕ! Поначалу в игре скин может отображаться некорректно. Уж не знаю с чем это связано, но позже всё встанет на свои места. У меня так было. Также вы обязаны знать о том, что заготовка 1024х1024 будет нормально работать только на классике, для остальных серверов используем 1024х512 и 512х256. Если есть игроки знающие, почему скин сползает - распишите, пожалуйста, почему, а также как это чинится.
Ссылки на скачивание заготовок:
Шаблон плаща 1024х512 https://disk.yandex.ru/i/7SuYcK7yVyU-ow
Шаблон плаща 64х32 https://disk.yandex.ru/i/gCkWdXB8hoo54g
Шаблон скина 512х256 https://disk.yandex.ru/i/I03Rmau4x83ibA
Шаблон скина 1024х512 https://disk.yandex.ru/i/fxR2q7-zq96Z9Q

Шаблон скина 1024х1024 https://disk.yandex.ru/i/KBrbm_HJsbzF2Q

Скин, который получился https://disk.yandex.ru/i/BBLa0-ohxtEbMQ

Плащ, который получился https://disk.yandex.ru/i/0ITNQGRK875g0w

P.S. Я так и не понял, как превращать ссылки в изображения. Если у администрации есть такая возможность - вставьте сюда, пожалуйста, картинки, а не ссылки.
P.P.S. Это гайд не по фотошопу, а по созданию плащей и скинов. Если хотите лучше изучить программу - пишите в гугл, не сюда. Также не стоит писать мне в личку с просьбами сделать вам скин или плащ. Откажу в любом случае.

[KittyAngel 445]

А картинки нормально вставить можно?) Что бы не тыкать каждую ссылку? 

[Monsterjam777 925]

1 час назад, KittyAngel сказал:

А картинки нормально вставить можно?) Что бы не тыкать каждую ссылку? 

Нужен гайд

[KittyAngel 445]

40 минут назад, Monsterjam777 сказал:

Нужен гайд

На то как картинку вставить?)

 

[MkZet 1 094]

12 часов назад, FortGarfunkel сказал:

Добро пожаловать в нормальный гайд по созданию HD Плаща, скина и элитр

Сомнительное утверждение на самом деле. Это больше гайд по вставке картинок и пользованию фотошопом, не более. Даже если не смотреть на явные проблемы с оформлением и кучу воды, по факту в гайде полезной инфы крайне мало. Не описаны никакие особенности по созданию плащей, что например их можно делать не только квадратными и текстуры можно поставить на обе стороны плаща. По скину даже элементарно не описал чем отличается скин 1024х1024 от 1024х512, в интернете большинство  HD скинов в формате 1024х512. Да и есть другие особенности в создании скина, о которых также нет ни слова.

[Frtiz 10]

Если честно, ничего не понял. :c

[FortGarfunkel 33]

4 часа назад, MkZet сказал:

Сомнительное утверждение на самом деле. Это больше гайд по вставке картинок и пользованию фотошопом, не более.

Создание плаща/скина целиком состоит из вставки картинок и пользования редактором, но да ладно.

Я оставлю дополненную и более разжёванную версию гайда ниже. А ещё я понял, как вставлять картинки.

 

Нам пригодятся:

-Photoshop или любой редактор, поддерживающий альфа-канал aka прозрачность (НЕ PAINT). У меня фотошоп, и поэтому я буду показывать на нём. Уж извините.
-Картинка, которую вы хотите использовать в качестве плаща/элитр/рисунка на скине
-Базовые навыки пользования компьютером, а также умение читать хотя бы по слогам.

Итак, приступим. Вы купили себе лицензию на HD скин и плащ, но все плащи из интернетов глупые и детские? Вы хотите HD скин, но вам нравится ваш нынешний? Не беда, Форт <--(Это я :D) научит вас редактировать картиночки и использовать их в своих эстетических целях.

Начнём с плаща.

Ищем в интернете картинку, которую хотите видеть на плаще. Качаем. Также качаем одну из заготовок, ссылки на которые есть ниже.

Открываем редактор и закидываем туда заготовку.

Если ты хлебушек - не беда! Можешь перетащить файл прямо в окно редактора. Ничего не произошло? Тогда в левом верхнем углу, скорее всего, есть кнопка Файл. Так вот, следуй инструкциям: Файл -> Открыть... -> Ищешь на компуктере заготовку и открываешь её. Profit!

Перетаскиваем нашу картинку прямо в редактор, на заготовку. Получается это:

Перемещаем картинку на ту сторону плаща, которую нам нужно. Светлее выделена внешняя, темнее - внутренняя. Полоски по краям - боковые стороны плаща. Темнее выделена нижняя боковая сторона плаща. Смотрим, чтобы картинка целиком заполняла сторону. ПКМ по слою с картинкой -> Растрировать слой. Если есть части, которые вылезают - нещадно удаляем (англ. М - инструмент выделения. Выделяем лишнее, ориентируясь по заготовке, удаляем)

Больше на свой плащ я ничего добавлять не хочу, но и оставлять всё так будет не очень красиво. Я заполню оставшееся белым кусочком с картинки, ибо он похож на ткань плаща. Выделяем нужную часть, копируем. Аккуратно заполняем ей весь оставшийся шаблон плаща, не забывая периодически объединять слои на которые копируются новые куски.
Не знаешь, как объединять слои? Не проблема! Просто выделяешь нужные тебе слои с зажатым левым Ctrl, жмёшь по ним ПКМ и выбираешь пункт "Объединить слои". Вот и всё!
У меня получилось следующее:

Крутой самодельный плащик готов. Рядом вы можете видеть зоны, размеченные цветами. Это заготовка для элитр.
Для наглядности покажу, как эти зоны выглядят в игре:

Вот хочется мне элитры с Hello Kitty, и всё. Тогда почему бы их не сделать?

Ищем картинку, заливаем в редактор. Растрируем только что вставленную картинку (ПКМ по слою -> "Растрировать слой") и вырезаем то, что нам требуется.
Вы хлебушек и не понимаете, как это сделать? Не проблема! Просто следуйте моим инструкциям:
Выбираете инструмент "Волшебная палочка" (W по умолчанию) Вместо "Волшебной палочки" стоит "Быстрое выделение"? Не вопрос, зажмите ЛКМ иконку "Быстрого выделения" в панельке слева и выберите "Волшебную палочку", а далее просто кликаете по фону и удаляете его. Фон должен быть однотонным.

"Волшебная палочка"

А что же делать тем, кто нашёл крутую картинку без однотонного фона? Удалять вручную, что же ещё. Удалять следующим образом:
Выбираете инструмент "Кисть" (англ. B по умолчанию). ВНИМАНИЕ! Вместо кисти у вас может быть выбран другой инструмент. Чтобы вернуть кисть на место, просто зажмите иконку этого инструмента ЛКМ и в выпадающем меню выберите "Кисть". Иконка инструмента заменяющего кисть выделится на панельке слева после того, как вы его выберете всё той же клавишей В.

Справа поищите вкладку с одноимённым названием и настройте размеры под себя:

 

Далее выбираем "Удалить" Здесь:
https://imgur.com/MLhXeYD

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

https://imgur.com/E26AiMC

Теперь выделяем наш результат, жмём ПКМ и выбираем "Свободное редактирование". Вуаля, теперь мы можем изменять и вертеть нашу картинку как только душе угодно. Для пропорционального изменения размера зажмите Shift. На будущее: для применения свободного редактирования у вас ОБЯЗАТЕЛЬНО должен быть выбран инструмент выделения.

Вот, что получилось у меня:
https://imgur.com/FTQhJHe
Круть.

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

https://imgur.com/17YbBiV

Что-ж, теперь превратим этот прямоугольник в элитры. Перед началом убедитесь, что картинка полностью покрывает шаблон. Убедились? Теперь скрываем слой с этой картинкой (нажми на значок глаза возле слоя), переходим на слой с заготовкой и выделяем шаблон элитр. Можете использовать быстрое выделение или волшебную палочку. Как выделили - включаем отображение скрытого слоя. Получается следующее:

https://imgur.com/g76pDBB

ПКМ по выделенной области -> Вырезать на новый слой. Двигаем остаток (выбираем слой с картинкой, зажимаем левый Ctrl и двигаем мышью) к красной полоске так, чтобы он полностью её покрывал. Производим вышеописанные действия.

После удаляем слой с уже не нужной нам картинкой. Должно получиться что-то такое:
https://imgur.com/NelL4Ne

Но Hello Kitty куда-то пропал(или пропала?). Дело в том, что слой с ним находится ниже слоя текстуры. Просто перемещаем его выше:

https://imgur.com/db4PVpi

Получается следующее:

https://imgur.com/ZrBf57k

Всё, наши плащ и элитры готовы. Удаляем слой с заготовкой, оставшиеся слои объединяем. Сохраняем в PNG формате (Файл -> Сохранить как... -> Вводим любое название и из выпадающего меню выбираем расширение .png:

https://imgur.com/XgB9rxu

Теперь вам остаётся только загрузить получившийся файл на сайт. У меня получился следующий результат:

https://imgur.com/ruKHBpc

https://imgur.com/e1UTunV

С плащом разобрались, теперь скин.

Качаем заготовку, которая нам подходит. Заливаем в редактор. Закидываем наш скин и растягиваем его по всей заготовке, получается что-то такое:
https://imgur.com/soZsnNL

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

На заготовке цветами отмечены соответствующие зоны:
Синий - рукава (поверх скина руки)
Красный - штаны (поверх скина ног)

Розовый - шапка (поверх скина головы)

Зелёный - куртка (поверх скина торса)

Более светлым цветом выделена часть, которая будет отображаться сверху.

Развёртка совпадает с развёрткой основного скина. Тобишь при наложении, скажем, головы на шапку они полностью совпадут. На практике это выглядит так:
До

https://imgur.com/noNqWtf

После

https://imgur.com/MREQzJK

Как вы можете заметить, всё совпадает.

Итак, я хочу очки. Почему бы не сделать их самому? Ведь с поиском нужной картинки мороки будет больше.

Я применил все свои навыки рисования, и вот что у меня вышло:

https://imgur.com/n1L1YPY

Хочется чего-то ещё, но чего же? Думаю, можно бахнуть нашивку. Лезем в гугл и ищем прикольную картинку.

Дафт панк, почему бы и нет? Вставляем картинку в редактор и подгоняем под себя. У меня после нехитрых манипуляций получилось это:
https://imgur.com/Ez9OZDh

Теперь я просто перемещу нашивку туда, где хочу её видеть. Всё как всегда - переходим в свободное редактирование, крутим, вертим и ставим, куда надо. Я хочу видеть нашивку на кофте, потому переместил её туда:

https://imgur.com/Qe1DkDZ

Ну вот, я доволен. Мой старый скин остался, но теперь на нём есть прикольные HD - детали. Удаляем слой с заготовкой, объединяем оставшиеся и сохраняем по аналогии с плащом. Далее заливаем на сайт.

Вот результат:

https://imgur.com/bldgWFg
ВНИМАНИЕ! Поначалу в игре скин может отображаться некорректно. Уж не знаю с чем это связано, но позже всё встанет на свои места. У меня так было. Также вы обязаны знать о том, что заготовка 1024х1024 будет нормально работать только на классике, для остальных серверов используем 1024х512 и 512х256. Если есть игроки знающие, почему скин сползает - распишите, пожалуйста, почему, а также как это чинится.
Ссылки на скачивание заготовок:
Шаблон плаща 1024х512 https://disk.yandex.ru/i/7SuYcK7yVyU-ow
Шаблон плаща 64х32 https://disk.yandex.ru/i/gCkWdXB8hoo54g
Шаблон скина 512х256 https://disk.yandex.ru/i/I03Rmau4x83ibA
Шаблон скина 1024х512 https://disk.yandex.ru/i/fxR2q7-zq96Z9Q

Шаблон скина 1024х1024 https://disk.yandex.ru/i/KBrbm_HJsbzF2Q

Скин, который получился https://disk.yandex.ru/i/BBLa0-ohxtEbMQ

Плащ, который получился https://disk.yandex.ru/i/0ITNQGRK875g0w

Также вы можете сделать плащ АБСОЛЮТНО любой формы (в рамках модельки, естественно). Однако особенность подобного плаща в том, что:
А) У него отсутствуют некоторые стороны
Б) Чаще всего он плоский

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

Для тех, кто не читал/забыл: Выделение в Photosop по умолчанию - латинская (английская) М. Чтобы переместить выделенный объект - зажимаем лев. Ctrl и двигаем его ЛКМ. Обращаем внимание на то, что передвигаемый объект должен находиться на том слое, который вы сейчас редактируете (слой должен выделяться синим).

Вот то, что вышло у меня:

Обязательно обратите внимание на то, что я максимально убрал фон с найденной картинки. Эта аккуратность оправдана тем, что в игре будет видно ТОЛЬКО эту картинку, и белые пиксели будут сильно резать глаза. Также вы можете видеть, что провод шнура лежит не только на внешней стороне, но также и заходит на верхнюю часть (она выделена чуть более тёмным, сверху). В игре плащ немного заходит в голову, и с виду будет казаться, что провод идёт из головы. Мелочь, а приятно.

Далее мы переходим на слой с заготовкой и удаляем шаблон плаща (выделяем шаблон плаща -> жмём Delete). Готово, теперь у нас не плащ, а провод.
Ещё занятная информация: Да, всё верно, вы можете редактировать не только внешнюю сторону плаща.
Та же информация актуальна и для элитр. Вы можете не заполнять шаблон целиком, а нарисовать/вставить туда какую-нибудь картинку, а после просто удалить лишние части заготовки. Главное в таком случае - не вылезать за границы шаблона, иначе в игре вылезшая часть просто обрежется.

[FortGarfunkel 33]

ТЬФУ ТЫ, ОПЯТЬ МИССКЛИК.
Переместите это во флудилку, пожалуйста. Я просто создам тему заново.