[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Спрайтинг (конкретно: "Франкенспрайтинг")
Стальной_ВластелинДата: Суббота, 03.01.2015, 18:34 | Сообщение # 1
Идеальный сплав из твоих боли и страданий...
Группа: Администраторы
Сообщений: 8
Награды: 2
Репутация: 1000
Статус: Offline
В связи с тем, что автор этого спрайта - тутора ушёл из Мугена, по последней информации, нет возможности спросить разрешения на размещение и я просто взял и разместил его. Сам делаю спрайты подобным образом, т.к. художник из меня, как из говна пуля.
http://4put.ru/pictures/max/403/1239815.jpg
Прикрепления: 1232517.jpg (70.9 Kb)


 
Стальной_ВластелинДата: Суббота, 03.01.2015, 18:37 | Сообщение # 2
Идеальный сплав из твоих боли и страданий...
Группа: Администраторы
Сообщений: 8
Награды: 2
Репутация: 1000
Статус: Offline
Ссылка на сам тутор - изображение есть.

Автор спрайта - тутора: Pazitivvv.


 
Стальной_ВластелинДата: Суббота, 03.01.2015, 19:07 | Сообщение # 3
Идеальный сплав из твоих боли и страданий...
Группа: Администраторы
Сообщений: 8
Награды: 2
Репутация: 1000
Статус: Offline
Кто-то где-то из местных уже писал, но я напомню: сохранять спрайты следует в PNG ("бывалые" уже знают) или в BMP (но вес спрайта будет сопоставим с весом гиппопотама, любящего опустошать холодильник и плакаться о своём весе).

Можете попробовать сохранить в JPG или GIF, но на выходе получите полу размазанное по фону говно, смутно напоминающее то, что вы нарисовали. GIF подходит для анимированных рисунков, т.к. других человечество и не выдумало ещё. Однако, были замечены случаи, когда были замечены анимированные PNG и GIF спрайты, не уступающие чёткости PNG.

Вот ещё что: RGB - основной режим изображения и работать нужно в нём. Индексированные цвета - режим, который понимает ФФ (Fighter Factory. Пожалуйста, не говори, что ты не знаешь, что это такое...). Если вовремя не менять режимы, то ФФ и ФШ (он же Фотошоп) будут тебя понемногу троллить через палитру твоих спрайтов. Есть вероятность, что если в ФФ пытаться затолкать спрайт в RGB, то он может обидеться и послать тебя на 3 буквы.

Спрайты лучше всего сохранять в PCX (за спрайты можешь не сцать, т.к. они не размажутся по фону). Этот формат угоден ФФ (при желании, можно и PNG в ФФ затолкать. Говорят, что прога и такое кушает).


 
Стальной_ВластелинДата: Суббота, 03.01.2015, 22:21 | Сообщение # 4
Идеальный сплав из твоих боли и страданий...
Группа: Администраторы
Сообщений: 8
Награды: 2
Репутация: 1000
Статус: Offline
Для непросветлённых опишу способ, как можно реколорить спрайты быстро. Для этого, возьмём Paint.Net, какой-нибудь спрайт, прямые руки и ясную голову.

Для примера, будет истязать спрайт перса, который будет на скринах, но чуть позже. В граф-ом редакторе тыкаем пипку "Замена цвета":
(пипка выделена почётным синим квадратом и не менее почётным, голубым цветом)
Ставим параметр "Сглаживание запрещено" и ставим "Чувствительность" на "0". Какого лешего это надо? А вот какого:

Если оставить сглаживание, то нанося рисунок, будет получаться не чёткая, пиксельная (как по идее и положено) и однотонная линия или фигура, а мазня разных оттенков:

Такое нам не надо, да? Мы же меняем цвет на другой, а не пиксельные прыщи рисуем?

Если оставить чувствительном на стандартном уровне, а именно "50", то вот какой будет результат:

Какого хрена? Нам нужно, на данный момент, заменить один ссаный цвет на другой, а не, блин, всё подряд в пределах спрайта.

Есть ещё один параметр, который применяется в разных случаях "Ширина" пипки "Замена цвета". Из названия ясно, что имеется в виду ширина "кисти", при помощи которой мы меняем цвета. Числа ширины подразумевают пиксели. 2 - ширина в 2 пикселя (надеюсь, ты знаешь о пикселях). Это так же ясно, как и то, что 31 декабря, большая часть страны пьёт галлоны шампанского, смотрит Путина и спит лицом в салате. "Ширина" зависит от вашей цели:
1 - надо сменить какой-то цвет на одной части спрайта и при этом вы ограничены в этой самой части - желательно делать ширину маленькой (1 или стандартное 2). Такая ширина может сойти и для "ювелирной" замены цвета, на определённом участке.
2 - если же нужная область большая, то можно смело ставить ширину больше, но не намного больше. От 5 до 10 вполне норм.
3 - если же на всём спрайте нужно заменить весь определённый цвет, то смело ставьте 500 (он же максимум). Так вы за один или пару кликов замените весь определённый цвет. Если при замене большого участка цветов или всех участков определённого цвета, использовать ширину на 1, то вы долго будете шликать мышкой по столу и к старости, возможно, закончите работать со спрайтом. И за это, мышка вам спасибо не скажет.

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

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


И на всякий случай, для некоторых: для наглядного примера, у спрайта перемазюкивался только один цвет на другой, а не группа цветов. При соблюдении нужных манипуляций и настроек, вам сама программа не даст измазывать левые цвета. Удачи в измазывании.


 
Стальной_ВластелинДата: Суббота, 03.01.2015, 22:54 | Сообщение # 5
Идеальный сплав из твоих боли и страданий...
Группа: Администраторы
Сообщений: 8
Награды: 2
Репутация: 1000
Статус: Offline
Были моменты, когда настряпал свежих спрайтов и хочешь сделать из них анимацию, чтобы не рвать жопу и не заливать по одному спрайтику. Вот видео, про стряпанье спрайтов в ФШ. От себя добавлю: готовое стряпанье надо сохранять комбинацией клавиш "Ctrl + Shift + Alt + S". Приятного просмотра и не забудь вкусняшку (фак ТБ):


 
Черный_ВластелинДата: Пятница, 23.01.2015, 13:27 | Сообщение # 6
Я покараю тебя одним лишь взглядом...
Группа: Администраторы
Сообщений: 62
Награды: 4
Репутация: 501
Статус: Offline
Блин, Ганс.
Я как раз хотел тутор про Франкенспрайтинг составить...


 
Черный_ВластелинДата: Суббота, 24.01.2015, 10:20 | Сообщение # 7
Я покараю тебя одним лишь взглядом...
Группа: Администраторы
Сообщений: 62
Награды: 4
Репутация: 501
Статус: Offline
===ТУТОР ПО ФРАНКЕНСПРАЙТИНГУ===
========================================================================================
Снова здрасте! Не ждали, с*ки? А, ну да... Я ж объявил, что хочу тутор по Франкенспрайтингу сделать...
Тут я попытаюсь соблюсти все свои традиции- простота понятий. И так, погнали...
========================================================================================
И так, что же такое наш сабж?
Франкенспрайтинг- это процесс создания спрайтов из кусков других спрайтов. Звучит легко, да? А КАК БЫ НЕ ТАК! Это занятие не тяжелое, пока вы не начнёте делать пятый спрайт... А для персонажа их надо 700 минимум...
Но если вам ТАК ХОЧЕТСЯ кого-нибудь увидеть в МУГЕН, то вы потерпите... Как терплю я.
Хотя... Тут особого таланта не надо! Всё, что вам нужно- это глаза, ТОННА терпения и знание Правил Франкенспрайтинга.
========================================================================================
В данном туторе нашим ассистентом будет один из самых недооценённых персонажей в файтингах вообще- Джо из Street Fighter. Почему недооценённый? Да потому что своей старой бетой Я доказал его потенциал!

Он, правда, слегка изменился... Но ничего страшного. Если изменился, то в лучшую сторону!
========================================================================================
Раз уж мы заговорили о Джо, то вот вам первое правило Франкенспрайтинга:

---ВСЕГДА ВЫБИРАЙ ПОХОЖУЮ ОСНОВУ ДЛЯ СПРАЙТА---

Не поняли? Объясню сейчас.
Основой ДАННОГО Джо являются 3 персонажа:

С каждого из них я беру по определённой "запчасти". И выходит великолепный Джо.
А всё потому, что я не беру кого попало! Я мог бы взять ноги и голову Коди- и нацепить на них тело Адона! Признайте- вышло бы что-то жуткое.
Второе правило Франкенспрайтинга гласит:
---НЕ ДЕЛАЙ НА ОТШИБИСЬ- ПРИЛАГАЙ НЕМНОГО СВОЕЙ РАБОТЫ!---
То есть да, для хорошего Франкенспрайта придётся поработать и над результатом...
И дело даже не в удалении вязочек на руках Пепе... Дело в том, что иногда придётся дорисовывать что-то самому... И ведь САМИ РЕЗУЛЬТАТОМ БУДЕТЕ ДОВОЛЬНЫ!

Например мне пришлось редактировать кроссовки и иногда дорисовывать морду... Но гляньте! Это просто ЭПИК!!!!!!
========================================================================================
Ну да ладно! Сейчас я состряпаю спрайт Джо для вас. Попутно же я буду объяснять всякие мелочи и правила.
-Правило №3:
---СПРАЙТЫ ДОЛЖНЫ СЛЕДОВАТЬ ОДНОЙ ПАЛИТРЕ---
Зачем, Спросите вы? А затем, что если тупо скопировать не меняя палитры спрайт... Выйдет ЭТО:

Теорию о палитрах и избежания такой х*рни я кину потом. Хотя... Ладно.
========================================================================================
ШАГ 1:
Для начала выбираем спрайты, нужные нам, следуя правилу 4:
---МЕЖДУ СОЕДИНЯЕМЫМИ СПРАЙТАМИ ДОЛЖНА БЫТЬ ЛОГИКА---
Например, было бы ведь нелепо поставить затылок на тело, делающее джеб с бьющими ногами...
А для качества надо ДАЖЕ РАЗВОРОТЫ ТЕЛА контролировать. Так, я вам замострячу спрайт джеба.
Мой выбор пал на ЭТИ спрайты:

Просьба донору ног не смущаться- его ноги вообще инвертированы, так что Джеб его не вариант...
ИТАК: УДАЛЯЕМ ВСЁ НЕНУЖНОЕ СО СПРАЙТОВ НОГ, а также проводим соответствующие эдиты:

А точнее: удаление скоб с штанов, покраска ботинок в нужный цвет, удаление тела и разворот ног. Позже мы к ним вернёмся. Результат, ничего не смещая, сохраняем.
Теперь проводим манипуляции с туловищем:

Тут уже не обошлось удалением деталей... Так, мы переходим к правилу 5:
---СЛЕДУЙ ТЕНЕВОЙ ЛОГИКЕ---
То есть закраски одним цветом мало... Надо красить другими цветами также. Причём следовать логике спрайта.
А теперь давайте отделим голову от третьего донора. Тут уже особых умений не надо.

Главное- закрасить, что надо. И теперь поставить её не туловище. Сохраняем, ищем Chop (чтобы уменьшить размеры пустого места на спрайте. Надо!) и жмём после обрезки Ctrl+C.
Тут надо знать немного про работу в Графическом редакторе, встроенном в Fighter Factory 3:
---СПРАЙТЫ... КАК ЛУК! ОНИ МНОГОСЛОЙНЫЕ!---
Пока вы не сохранили спрайт, скопированный кусок одного спрайта на другой является слоем относительно поставительного спрайта. Учтите, что если вы сохраните спрайт и выйдете- никаких слоёв уже не будет.

Также знайте, что для работы с слоем надо ПЕРЕКЛЮЧИТЬСЯ НА НЕГО.
Итак, ставим голову куда надо, переключаем на 1 слой- и комируем руку. что перед лицом! Тогда рука будет слоем 2, что выше слоя головы.
После небольшой редакции, мы получим такое вот чудище безногое. Жмём Chop, копируем- и прём на спрайт с ногами!

А теперь время вам объяснить, зачем мы жмём Chop.
Видите ли... Пустое место ведь составляет размер спрайта... И вот если вы копируете из спрайта с каким нибудь БОЛЬШИМ параметром (длина или ширина) в меньший- то меньший спрайт примет такие размеры и сместится относительно оси нафиг! А вам это надо? Нет. Вот и жмите Chop.
Точнее, сохраняйте, выходите (чтобы снести слои, так как если вы попробуете скопировать многослойный спрайт- вы скопируете лишь выбранный слой...), входите- и копируйте.
-Сейчас нас ждёт момент истины- над нужно пустое место в спрайте ног. Так что жмакаем выделенное на скрине- и ставим обе цифры на 200. Тогда места будет много!

Места много, да?

Итак, теперь осталась самая малость! Просто перетащите торс на ноги. Проведите пару коррекций, Chopайте- и сохраняйте!
===================================================================
Всё! Джо теперь имеет спрайт удара рукой.

Теперь вернёмся к логике спрайта- поняли, почему я выбрал ТАКИЕ ноги и их ИНВЕРТИРОВАЛ?
========================================================================================
А теперь немного наглядности для большего понимания:

========================================================================================
Ладно. На сегодня всё! Удачи в ваших начинаниях!


 
Черный_ВластелинДата: Суббота, 24.01.2015, 12:11 | Сообщение # 8
Я покараю тебя одним лишь взглядом...
Группа: Администраторы
Сообщений: 62
Награды: 4
Репутация: 501
Статус: Offline

===Учение о палитрах===
========================================================================================
Начну с того, что этот тутор тесно связан с предыдущим. Помните, как я указал на правило "Спрайты должнгы следовать одной палитре"? Так вот- тут я вам объясню, что такое палитра, что за х*рь была на том скрине и как можно адаптировать спрайт к нужной палитре.
========================================================================================
Что такое палитра?
Ну, палитра- это набор цветов, используемых в изображении. Казалось бы, что тут сложного. Видите ли, палитр МНОГО видов. К сожалению, только 1 тип приемлемый в МУГЕНе- это палитра с индексироваными цветами. То есть определённый цвет отвечает за цвет определённых пикселей, и имеет ОПРЕДЕЛЁННОЕ МЕСТО в палитре. Стоит сменить цвет в данном месте- все пиксели, относящиеся к данному месту, также сменят цвет.
На таком принципе и работают палитры в МУГЕНе. Индексированные цвета имеют только 3 формата изображений- PNG, PCX (не помню конкретно) и BMP (Но он ОООЧЕНЬ увесистый... Относительно аналогов.).
========================================================================================
А теперь про х*рь.
Тут как раз и демонстрируется то, что определённые пиксели привязаны к определённому месту в палитре. И бездумное добавление спрайта приведёт к тому, что он будет использовать цвета другой палитры, но на том же самом положении.


===================================================================
До выхода Fighter Factory 3 единственным, что оставалось для адаптации спрайта к палитре- ручная, СУПЕРГЕМОРРОЙНАЯ перекраска. Но так было до FF3. С появлением FF3 случилось чудо, Которая е вам сейчас продемонстрирую.
Как пример я опять приведу Джо. Адаптирую портрет Старого под Нового.
Положения цветов в палитре ДАЛЕКОООО не одинаковое, уж поверьте мне на слово.

Так что за чудо свершили с FF3? Автоматическая адаптация спрайта к палитре. Как она работает?
Цвета спрайта заменяются ПОХОЖИМИ цветами в ПАЛИТРЕ, независимо от их положения. И чем похожее цвета, тем меньше шансов на косячную адаптацию, так как адаптатор может накосячить и адаптировать под другой, не нужный тебе цвет. Если он похож, конечно...
=============Как правильно использовать адаптацию?============
-В общем, надо в первую очередь скопировать важные цвета палитры новой и заменить аналогичные им цвета в старой. Как вы думаете, что предпочтёт адаптор- ОДИНАКОВЫЙ ЦВЕТ или ПОХОЖИЙ ЦВЕТ? Правильно- одинаковый.
В данном случае я заменил цвет кожи и волос. Всё равно в портрете таких вещей, как штаны, не видно.

-Всё. Теперь я путём импорта из другого проекта возьму, и (с включенной адаптацией на нужную палитру, конечно... На ненужную смысла адаптировать нет.)

И теперь, после ещё и перекраски цвета глаз и зубов, мы получим ТАКОГО ВОТ чудика, который полностью соответствует палитре!

===================================================
Интересный факт...
Именно таким способом вам и придётся добавлять "доноров" для франкенспрайта в единую систему спрайтов. Вот так вот...
Удачи в начинаниях.


 
Черный_ВластелинДата: Понедельник, 26.01.2015, 11:13 | Сообщение # 9
Я покараю тебя одним лишь взглядом...
Группа: Администраторы
Сообщений: 62
Награды: 4
Репутация: 501
Статус: Offline

===Интерфейс Fighter factory 3===
========================================================================================
Знаете, я столкнулся тут с одной проблемой...
Некоторым людям мои туторы оказались непонятны ввиду незнания FF3...
Вот, я вам объясню всё по кусочкам. Не за один присест, конечно... Но всё же.

========================================================================================

===ГЛАВНОЕ МЕНЮ===

Итакс, первым делом мы с вами разберём самую важную вещь в FF- Главное меню.
Чтож, в первую очередь разберём быстрые переключатели- те самые большие иконки.

=====================     =======================     =======================     ===============
А теперь поговорим о том, что выше иконок. чаще всего они представляют из себя те же самые иконки. Просто содержащие в себе все плюшки из Функционального Окна, и даже немного большее...





Тут, пожалуй, главное меню и заканчивается...
========================================================================================
До моего возвращения к этому тутору!


 
  • Страница 1 из 1
  • 1
Поиск: