К основному содержимому

Применить прозрачный фон к существующему дизайну (веб-приложение)

C
Автор: Craig Wright
Обновлено на этой неделе

В этой статье мы расскажем, как заменить фон существующего дизайна на прозрачный. Инструкции предназначены для версии веб-приложения Photoroom.

side by side images. Image 1 shows a product photo of a shoe with an ai background. Image 2 shows the shoe with no background.

Если вы создаете новый дизайн с нуля и хотите получить прозрачный фон, смотрите инструкции в разделе "Создание дизайна с прозрачным фоном".

Примечание: Если вы используете версию Photoroom для iOS или Android, следуйте инструкциям в разделе:


В веб-приложении

В веб-приложении есть два способа заменить фон дизайна на прозрачный. В этом разделе мы рассмотрим их оба.

  1. Войдите в веб-приложение по адресу app.photoroom.com.

  2. Выберите пространство, в котором вы хотите работать.

  3. Выберите дизайн, который вы хотите отредактировать.

  4. Щелкните в любом месте в области фона, вне холста, чтобы отобразить слои на боковой панели

    Screenshot of a design in the editor on the Web App. Cursor highlights show the areas you can select to display the Layers on the Web App.


    Убедитесь, что видимый фон в дизайне находится на фоновом слое, а объект переднего плана - на отдельном слое.

    Если видимый фон и объект находятся на одном слое, вы не сможете увидеть изменения фона. Мы объясним, как решить эту проблему в разделе по устранению неполадок в конце этой статьи

  5. Либо

    • Выберите фоновый слой, чтобы отобразить его настройки, а затем выберите "Стереть". Стирание фонового слоя имеет тот же эффект, что и создание прозрачного фона

    • Выберите Шаблоны, а затем используйте кнопки со стрелками для прокрутки шаблонов в категории Классика. Выберите шаблон "Прозрачный"


  6. [Необязательно] Если изображение переднего плана не совсем такое, как вы хотите, используйте функцию "Редактировать вырезку ", чтобы изменить его.

    Инструкции см. в разделе Добавление и удаление частей изображения с помощью функции "Редактировать вырезку"

  7. [Необязательно] Выберите объект переднего плана на изображении и переместите его в нужное положение. При выборе объекта отображаются настройки его слоя

  8. [Необязательно] Используйте редактор для внесения дополнительных изменений, например добавления текста, теней, графики и т. д.

    Чтобы узнать о настройках редактора, см. статьи в этих подборках:

  9. [Необязательно] Выберите Загрузить. Введите имя папки для загрузки и выберите тип файла (или установите значение AUTO, чтобы Photoroom сам выбрал подходящий тип). Выберите Загрузить, чтобы завершить работу.

  10. Выберите "Домой", чтобы сохранить дизайн и выйти из редактора.

    home button is represented by a house icon.


Устранение неполадок с прозрачными фонами (веб-приложение)

Если прозрачность не работает в вашем дизайне, это, скорее всего, связано с тем, что все изображение состоит из слоев, которые покрывают фоновый слой. Поэтому при редактировании фонового слоя изменения не видны.

Как проверить, что находится на каждом слое?

  1. Откройте свой дизайн в редакторе.

  2. Щелкните в серой области за пределами холста, а затем выберите слой на боковой панели.

Что делать, если все изображение находится на одном слое? Можно ли это исправить?

Да! Выполните следующие действия:

  1. Отобразите дизайн, в котором все изображение находится на одном слое.

  2. Экспортируйте дизайн в файл изображения.

  3. Импортируйте файл изображения. Photoroom удалит фон в процессе импорта.

  4. Выберите Шаблоны.

  5. Выберите шаблон Transparent из категории Classics.

Теперь у вас есть объект переднего плана на одном слое и прозрачный фон на другом слое.

Примечание: подробные инструкции по шагам 3 и 4 см. в разделе "Создание дизайна с прозрачным фоном".

Нашли ответ на свой вопрос?