Как сделать прозрачный фон в PhotoShop? (Хромакей/Слой-Маска)

Впервые запустили SFM и не знайте как сделать постер с прозрачным фоном? Ответ здесь!
Внимание! SFM не умеет делать прозрачный фон, поэтому нам нужно использовать сторонние программы.

Ведение

В этом руководстве вы научитесь делать прозрачный фон, в котором мы разберем два способа: Хромакей и Слой-Маска. Данные способы отлична подходят для создания прозрачного фона, однако, их использование отличаются.

1-й Способ (Хромакей) - Данный способ отлично подойдет тем, кто не хочет запариваться по поводу удаление фона. Для этого нам понадобится панель с цветовым ключом (Обычно зеленым). Однако, в этом способе есть и свои камни, к примеру вы можете незначительно потерять детали. Поэтому, если у вас плохо работает этот способ, используйте второй.

Что такое "Хромакей?" - технология совмещения двух и более изображений или кадров в одной композиции. С помощью хромакея можно удалить фон и подложить изображение.

2-й Способ (Слой-Маска) - Этот способ индивидуальный тем, что вы теряйте меньше деталей, но при этом вы можете получить незначительную черную обводку, но это легко убирается. При использование 2-о способа, нам понадобится те же панели что и в 1-м способе. (с.м в Заключение) Также мы будет рендерить два постера. (Обычный и черно-белый)

Что такое "Слой-Маска"? - Это черна-белая изображение для скрытие области изображение, в нашем случаи - постера. Слой-Маска Работает очень просто, грубо говоря: Черный цвет скрывает область, а белая показывает.

Понятное дело, что "слой-маска" будет уместно только на изображениях, он будет немного лучше чем "хромакея" т.к нам не придётся убирать зеленые линий ластиком (Ну если вы конечно криво вырезали). Стоит заметить, что многие программы имеют возможность "Вырезать по цветовому тону" (Вырезать Зеленый/Синий цвет) это функция есть в Vages Pro и в других программ.

Если вы вообще ничего не знайте о Photoshop-е, то рекомендую посмотреть видео на YouTube, т.к, без практики и теорий - вы не поймете о чем будет речь.

Также, я оставил в заключений материалы которые использовал.

1-Способ (Хромакей)

Хромакей - это очень просто!

Итак, я создал постер за 10 минут. Теперь, я хочу сделать черный фон прозрачным. Что-же я буду делать?
Постер с черным фоном:

Делаем всё поэтапно...

Создаем зеленую панель:

Ставим позади модели:
Внимание! Если у вас недостаточно светлая панель, поменяйте настройки в камере на "ToneMapScale" в камере на 0.1 и "bloomscale" по вкусу, а лучше на 0.

Должно получится вот так:

Теперь мы можем перейти к следующему шагу.

Применение Хромакея в PhotoShop

Осталось дело за малым.

Теперь нам осталось вырезать хромакей, в photoshop-e как раз есть функция которая нам в этом поможет.

Делайте всё поэтапно и всё получится.

Для этого открываем наш постер с хромакеям (Файл>Открыть) CNTL+O


Далее заходим в "Выделение" > Цветовой диапазон...


Выбираем по образцу и берем образец с зеленого фона постера. (Либо выберете предустановленный)


Нажимаем OK

Как видим, у нас выделялась зеленый фон.


Теперь нам нужно заранее избавится от зеленых линий.

Для этого нам нужно "расширить" выделение. Заходим в "выделение" > "Модификация" > "Расширить..."


И нам нужно расширить на 1


Далее, у вас расширилось выделение, чтобы завершить этот шаг, нам нужно нажать на кнопку Delete! (Del на клавиатура).


Теперь у нас прозрачный фон. Отличный результат!

Если у вас остались зеленые линий на модели/персонаже, то используйте ластик. Либо посмотрите видео урок на ютубе про хромакей.

Не помогло? Тогда используйте второй способ!

2-Способ (Создание Слой-Маски)

Чтобы сделать прозрачный фон с помощью "Слой-Маски" нам нужно сделать его в SFM.
Кстати, нам понадобится те самые "Зеленые Панели", т.к они имеют другие скины. (Зеленый/Синий/Белый и т.д)

Но для начала, нам нужно сделать обычный постер!

Обязательно делайте постер на чёрном фоне!

Теперь давайте всё сделаем поэтапно.

Создаем зеленую панель:

Ставим позади модели:

Выбираем скин под номером 3:

Выключаем освещение моделей, который вы сделали... Надеюсь вы сделали?
После отключения освящения, модель должна выглядить так:
Теперь давайте исправим панель из серой в белую, для этого нам нужно изменить параметр "ToneMapScale" в камере на 0.1 и "bloomscale" по вкусу, но желательно 0
Теперь всё идеально.

Осталось поставить параметры рендера такие:
И можно рендерить постер (рекомендую использовать формат файла .tga PhotoShop поддерживает такое формат):

Результат должен быть таким:
И наконец-то, мы можем перейти к Photoshop-y

Применение Слой-Маски в PhotoShop

Теперь нам осталось объединить наш постер с слой-маской.
Делайте всё поэтапно и всё получится.

Для этого открываем наш постер (Файл>Открыть) CNTL+O
Добавляем слой-маску (Файл>Поместить встроенное)

Должно быть так:

Заходим во вкладку "каналы" и выделяем RPG (CNTL+Левая кнопка мыши "По маленькому окошку канала"):

Возвращаемся во вкладку слои и выбираем наш постер, далее нажимаем на кнопку "Маска"
(Важно чтобы выделение было!)

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

Но это КРАЙНЕ легко исправить.
Нам нужно выбрать маску одним кликом и нажать сочетание клавиш CNTL+I:

Теперь остался последний шаг.

Нам осталось объединить наш слой с маской.
Для этого нам нужно нажать правой кнопкой по маске и "Применить слой маску".
(Это нужно для того, чтобы вы могли в будущим исправить углы модели в фильтре "пластика")

Заключение

Результат:
Хромакей:
Слой-Маска:

P.s Слой-маска темная потому-что я облажался.

И я надеюсь, вы будите использовать это в будущий постерах.

Использовал такие панели:
https://steamcommunity.com/sharedfiles/filedetails/?id=186065555
Карта:
https://steamcommunity.com/sharedfiles/filedetails/?id=376809574
Другое руководство по этой теме:
https://steamcommunity.com/sharedfiles/filedetails/?id=821085748

Кстати, я был бы очень рад, если бы вы оценили это руководство.


Заранее спасибо!

[лило#TF2EASY ,#savetf2]

слишком сложно

[｢Нафаняя｣]

кто нибудь скажите как сделать на черном фоне постер

[我带你下地狱]

АВТОР КРАСАВЧИК, ПОМОГ РАЗОБРАТЬСЯ. ЛУЧШИЙ ПРОСТО <3

[никита2015]

Поставьте 5-й скин на зелёной панели (или возможно 4-й), чтобы панель стала черной.
Дальше расположите её так, чтобы она смотрелась как задний фон.

[~Sweetie~]

как сделать чёрный фон в сфм?

[никита2015]

Давайй так: Вы меня добавляйте в Discord Klad'Man#0777, и потом, показывайте демонстрацию экрана, чтобы я мог сказать в чём Ваша ошибка.

[我带你下地狱]

Почему когда я сохраняю картинку с альфа маской, она у меня белая. А должна быть чёрной. Что делать?

[ØẔǏϏ]

Информативно, хотя для выделения цвета в фотошопе проще взять "волшебную палочку"

[никита2015]

sfmlab.com

[k0va]

а как дрочить