Топовые дизайнерские архивы, жми ᗑ Спонсор месяцаᗑ ЗДАРОВА Сегодня мы будем извлекать текстуры из игр ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ⏵ Мне, как дизайнеру, в последнее время все чаще и чаще требовались разные ассеты из игр для своих макетов. Каждый раз приходилось открывать игру, скринить в лучшем качестве тот или иной предмет и вырезать, дорабатывая его в Фотошопе. Недавно, я открыл для себя репозитории с исходными файлами, что очень облегчило мне жизнь, так как вся графика была просто вытащена из игры. Но что делать, если таких репозиториев нет, а вытащить текстуры нужно? ⏵ Сегодня я покажу, как простым способом можно достать текстуры и исходники из игры без знаний программирования и сложных махинаций самому, без использования скриптов или API. ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ꐚ Нам нужна программа RenderDoc ⤥Скачать ее можно на официальном сайте, перейдя по ссылке — https://renderdoc.org (не реклама) ⏵ Это бесплатный автономный графический отладчик, который распространяется с открытым исходным кодом. Как раз за счет него и получится извлечь нужные нам текстуры. Теперь перейдем к практике. ⏵ Показывать буду на примере игры Dead Cells. Также важное замечание в том, что игры должна быть установлена без таких клиентов как Steam, Epic Games, Origin и другие. То есть по сути для нашего процесса нужна просто пиратская версия игры, которая запускается напрямую через .ехе ⏷ И так, открываем RenderDoc, выбираем вкладку File > Launch application, затем в окне Program выбираем местоположение игры (.exe) и нажимаем Launch, чтобы запустить игру. Видео ⏷ Игра запустилась, если все работает правильно, то в левом верхнем углу появится, соответствующая видео, надпись: Скриншот ⏷ Это значит, что в данный момент программа отслеживает каждый кадр в игре и привязанные к этому кадры подключенные текстуры. После того, как мы нажмем f12 или Prt sc, чтобы сделать скриншот, программа запишет состояние игры в этот момент: Видео ⏷ Теперь, дважды нажав на записанный фрагмент, мы можем посмотреть все текстуры игры, которые использовались в данный момент, перейдя во вкладку Texture List Видео ⏷ Также, если вы не нашли желаемую текстуру или хотите подгрузить больше ассетов с нужным фреймом, то можно начать игру, перейти в какое нибудь другое меню и потыкать кнопки, чтобы обновить подключаемые медиа, записав больше фрагментов в RenderDoc Видео ⏷ Когда вы найдете нужный вам исходник текстур, выделяем его и сохраняем как показано на видео. Вам нужно сохранить его в формате .exr, так как если вы сохраните файл в формате .png, то качество изображения полетит к чертям. Видео Про качество Формат в .png Формат .png после обработки .exr ⏷ Перед сохранением не забудьте поставить значение A в окне диапазона цветовых значений, чтобы убрать фон: Видео ⏷ Ну и на последок, нам остается открыть наш сохраненный файл в Фотошопе. Просто перетаскиваем наш .exr файл в Фотошоп, выбираем параметр "Прозрачность" и назначаем цветовой профиль именно рабочего пространства, как на видео, откроются наши немного засвеченные текстуры, это нормально: Видео ⏵ Осталось сделать простые действия, чтобы пользоваться нашими ассетами. Так как формат .exr в исходниках игры находится на 32-х битном цветовом канале, его не получится просто взять и перенести в обычный макет, так как каналы будут различаться. Чтобы не плясать между каналов и руинить цвета, сначала пофиксим засветы. ⏷ Для этого создаем слой с параметром яркости и контрастности, и меняем его на значения -60/100 как показано на видео. Теперь картинка выглядит нормально: Видео ⏷ Готово! Теперь у нас есть подготовленный исходник текстур! После всего, если нам нужно использовать какой то ассет, вырезаем его и перекидываем, к примеру, в фигму. Если мы сохраним .png картинку их нашего подготовленного файла, то качество не пропадет, также не забываем соединить прошлых 2 слоя, делаем вот так: Видео ⏷ Сохраненный файл перетаскиваем куда вам надо, ниже я перетащил ассет в фигму и как можно заметить, нет никаких претензий к качеству, что меня очень обрадовало: Видео ⏵ Теперь можно делать, все что пожелаем с данными картинками. К слову, возможно мне попался удачный пиксель-арт исходник, я еще не пробовал с другими играми этот способ (в след раз буду пробовать и уже позже дополнять статью), но если качество оригинального исходника маленькое, а вам необходимо разрешение побольше, то я использую для этого нейронку, которая отлично справляется с этой задачей. ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ꐚ Заключение ⏵ На самом деле, лично для меня такого способа достаточно, вы же можете его дорабатывать и искать пути попроще и лучше, если что-то найдете, дайте мне пожалуйста знать. В любом случае, конечно лучше всего для таких и немного более масштабных целей заказать софт, но я ограничился на сей раз только ручками) ⏵ Также, по мимо расширения .exr есть расширение .hdr, но с ним я как не воевал, фон убрать не смог, поэтому считайте что приколы с расширением .exr я нашел случайно, пока воевал с форматами, если знаете как работать с .hdr, будет очень интересно об этом от вас почитать) ⏵ Всем спасибо за прочтение, пойду делать новые графические паки по играм. Надеюсь эта статья была для вас полезной и интересной, покеда. Оформление by Maxyao
Действительно годно Мне как раз для оформления группы/сайта по игре как раз пригодится Maxyao пасибки
ПапочкаПудж, ты отчасти прав, но почти всегда эти текстуры в форматах, которые нельзя так просто просмотреть, поэтому и использовать их не получится