Как художник, я знаю, что такое прозрачный фон и слои, но порой программист и художник - это два отдельных человека. Поэтому я хочу рассказать про прозрачный фон отдельно.
В редакторе изображений Construct 2 прозрачный фон стоит автоматически. Если начать там рисовать, а затем перенести спрайт на холст, например, на черном фоне, то все будет в порядке. Но если пользоваться другими редакторами, то по незнанию можно использовать закрашенный фон позади нужного спрайта.
Картинка ниже: слева у камешка прозрачный фон, а справа фон закрашен и выглядит не так, как нужно.
Лучше всего рисовать картинку сразу на прозрачном фоне. Как понять, что он прозрачный?
Для примера я буду использовать один из графических редакторов - Paint.net
При создании нового холста в программе, он сразу заливается плотным цветом. Прозрачный фон выглядит иначе - он напоминает серо-белую шахматную доску. Чтобы ее добиться, я просто создаю новый слой в окошечке "Слои", а фон удаляю или скрываю.
После этого можно рисовать. Еще одним способом добиться прозрачного фона является выделение полотна и нажатие клавиши Delete на клавиатуре (приближение и уменьшение с помощью ctrl и колесика мыши).
Если случилось так, что нужно использовать уже залитую фигурку, то ее нужно вырезать. Для этого я обычно использую волшебную палочку, настраиваю ее чувствительность и нажимаю на часть, которую нужно убрать. Если мне не нравится результат, я отменяю действие на ctrl + z. Удаление фона происходит также при нажатии на Delete.
Конечно, у результата не особо ровные края. Поэтому в сложных случаях (или когда фон не однотонный) я использую другой способ - вручную, с помощью мягкого ластика, обрабатываю края. Для этого я использую Paint Tool Sai и графический планшет Wacom.
К сожалению, в Sai сложно отличить заполненный фон от прозрачного, поэтому лучше сразу проверять его перед работой, загружая, как подложку, какой-либо собственный фон. Я уже не раз обманывалась и привыкла обращать внимание на эту деталь.
Результат после Sai имеет более мягкие края, но есть вероятность обрезать какую-либо деталь. Поэтому делать подобное следует осторожно.
Особо важно после создания картинки с прозрачным фоном сохранить ее в формате .png. Если будет выбран другой формат, например, .jpg, то прозрачный фон будет заменен на плотный белый.
Вот, пожалуй, и вся основная информация про прозрачный фон.
На моем канале вы можете найти информацию о механиках в Construct 2 и рисовании. :)