Правильное удаление фона для Unity
Основная работа при создании игр приходится на визуализацию. То, как игра будет выглядеть, на сколько привлекательно. Я в основном обрабатываю свои изображения в Фотошопе. Самое важное — вырезание изображения, удаления ненужного фона. Некоторые мне говорили «та оно не бросается в глаза» и «не обращай внимания». Но как? Я так не могу — я же вижу и знаю. Да и некрасиво же.
Но даже после хлопотной работы по удалению фона и подчистки краёв приходится ещё «изворачиваться», чтобы изображение чисто вписалось в игре поверх других картинок.
Проблема белого ореола вокруг изоюражения
В моём случае я столкнулся с такой проблемой, что даже после тщательной обработки вручную, уже вроде как «чистая» картинка встраивается в сцены Юнити с откуда ни возьмись белой обводкой по краям.
Никакие варианты (а их не мало) в возможностях самого движка ни к чему не привели. Пришлось всё-таки искать варианты доработки самого изображения. Простое стирание ластиком или кистью на картинке оставляет незаметный на глаз «белый шлейф» в RGB-каналах.
Правильное удаление фона в Photoshop (Идеальный результат)
Чтобы этого избежать, нужно использовать маску слоя:
- откройте ваше исходное изображение в Photoshop,
- сделайте выделение вашего объекта (например, через инструмент «Выделение объекта» / Object Selection или «Быстрое выделение») — в моём случае просто c клавишей Ctrl мышкой кликнуть на слое с изображением (оно уже вырезано и почищены края)
- yажмите кнопку «Добавить слой-маску» (Add layer mask) внизу панели слоев (иконка прямоугольника с кругом внутри) — aон исчезнет
- рядом с изображением на слое появится маска — кликните правой кнопкой мыши по маске и выберите «Выделение и маска…» (Select and Mask)
В открывшихся настройках справа:
- прокрутите вниз до блока «Настройка экспорта» (Output Settings)
- поставьте галочку «Очистить цвета» (Decontaminate Colors)
- измените ползунок (эффект заменит скрытые белые пиксели на краях цветом самого объекта)
- в поле «Вывод в» выберите «Новый слой со слоем-маской»
- и нажмите OK.
Добавится копия подготовленного слоя.
Сохраните файл через Файл -> Экспорт -> Экспортировать как… -> PNG (убедитесь, что включена прозрачность).
Всё -изображение готово к вставке в сцену Юнити. И вуаля:
