Чтобы пакетно экспортировать варианты с одинаковым фоном в Affinity на Mac, соберите каждую готовую версию на отдельной монтажной области, используйте символ для повторяющегося фона и экспортируйте срезы монтажных областей вместе через Slice Studio.

Этот процесс подходит тем, кому нужны отдельные готовые изображения, например три геометрических дизайна карточек с одинаковым фоном. Здесь используются названия из актуальной справки Affinity для настольных компьютеров: Vector Studio и Slice Studio. В справке Affinity Slice Studio описывается как рабочая область для экспорта нескольких ресурсов за одну операцию. Slice Studio

Почему при экспорте каждой группы вариантов фон может отсутствовать

Важно понимать, как формируется содержимое среза. По данным Affinity, срез, созданный для объекта на панели Export Layers, включает только содержимое исходного слоя. Срез, нарисованный инструментом Slice Tool, включает содержимое всех видимых слоёв в своей области. Экспорт с помощью Slice Studio

Поэтому срез, созданный для группы переднего плана, не объединяет её автоматически с отдельным фоновым слоем в другой части документа. Несколько перекрывающихся срезов поверх одной композиции также не задают для каждого экспорта свой набор видимости: согласно документации, в каждый срез попадает видимое содержимое его области. Это практическое следствие двух способов формирования срезов, а не отдельная функция генерации вариантов.

Чтобы пакетный экспорт давал предсказуемый результат, разместите каждый вариант на отдельной монтажной области вместе с передним планом и экземпляром фона. Для удобства редактирования фон можно связать с помощью символов Affinity, синхронизирующих изменения на нескольких монтажных областях. Символы

Исходная структура Подготовка к этому процессу
Несколько групп переднего плана перекрывают один фон Переместите каждый передний план на отдельную монтажную область и добавьте туда экземпляр символа фона.
На отдельных монтажных областях уже размещены готовые дизайны Проверьте экземпляры фона и экспортируйте срезы монтажных областей.
Одна композиция с вариантами, отображаемыми переключением видимости Перед пакетным экспортом соберите отдельные готовые композиции на монтажных областях.
Нужно всего несколько файлов, и готовить монтажные области не хочется Экспортируйте каждую комбинацию видимых объектов по отдельности, каждый раз проверяя область экспорта.

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

Создание готовых вариантов со связанным фоном

Создайте первую монтажную область

Начните с готовой композиции в нужных пропорциях. Чтобы создать новый документ, выберите File > New, укажите предустановку или введите собственные настройки, включите Create artboard и нажмите Create. В Affinity также можно добавлять монтажные области в существующий документ. Добавление и удаление монтажных областей

Для примера используйте три карточки размером 800 × 800 px с именами circle, square и triangle. На каждой размещены светлый фоновый прямоугольник и одна фигура переднего плана. Размеры и имена приведены для примера и не являются требованиями Affinity.

В панели Layers разместите фон и передний план внутри структуры монтажной области. Удобно поместить один фоновый объект или группу под одну группу переднего плана. Фон должен покрывать всю нужную область экспорта; декоративные фоновые объекты следует включить в ту же фоновую группу.

Превратите в символ только общий фон

Выберите фоновый объект или группу, затем выберите Layer > Create Symbol либо нажмите Create на панели Symbols. В Affinity символы можно создавать из выбранных объектов и групп. Символы

Оставьте фигуры, зависящие от конкретного варианта, вне этого символа. Иначе изменения объекта переднего плана внутри синхронизированного символа могут распространиться на другие экземпляры. Общий компонент должен содержать только те элементы, которые вы хотите повторить.

Дублируйте монтажную область и измените её передний план

Выберите готовую монтажную область и укажите Edit > Duplicate > Selection. В справке Affinity для Mac также описано дублирование монтажной области перетаскиванием с удержанием Command и инструментом Move Tool или Artboard Tool. Чтобы переименовать монтажную область, дважды щёлкните её имя над холстом или на панели Layers. Добавление и удаление монтажных областей

Замените передний план в каждой копии, сохранив экземпляр символа фона. Перед подготовкой экспорта внесите небольшое изменение в фон, чтобы проверить связь: разверните запись Symbol на панели Layers и измените объект внутри неё. При включённой синхронизации соответствующие фоновые объекты должны обновиться во всех экземплярах. Affinity отдельно отмечает, что изменения распространяются при редактировании объектов внутри символа, состоящего из нескольких объектов. Символы

Теперь в документе должно быть три готовые карточки. Каждую монтажную область можно просматривать отдельно: на ней будет своя фигура и одинаковый фон. Такая подготовка позволяет заранее видеть и проверять нужные комбинации для экспорта, ещё до сохранения файлов.

Настройте и экспортируйте срезы монтажных областей вместе

Откройте Slice Studio и выберите готовые монтажные области

Откройте Studio Manager и включите Slice Studio. По умолчанию она скрыта, поэтому, возможно, потребуется прокрутить список. Slice Studio

Проверьте записи монтажных областей на панели Slices. В инструкциях Affinity по экспорту нескольких монтажных областей используются именно эти срезы. Если нужно создать срез вручную, выберите всю монтажную область на панели Export Layers и нажмите Create Slice. Выбирайте монтажную область целиком, а не группу переднего плана, чтобы источником стала собранная композиция. Экспорт монтажных областей, Панель Export Layers (Slice Studio)

Если нужной панели нет, в документации указаны такие пути в меню Mac: Window > General > Slices, Window > General > Export Layers и Window > General > Export Options. Панель Slices, Панель Export Layers (Slice Studio), Панель Export Options

Задайте форматы, размеры и имена файлов

Разверните срез монтажной области, чтобы проверить его настройки экспорта. В Affinity для срезов монтажных областей можно указать дополнительные форматы, несколько масштабов или абсолютных размеров, а также изменить имена экспортируемых файлов. Для первого экспорта в примере выберите PNG. Если нужна конкретная ширина в пикселях, укажите её явно, например 800w. Экспорт монтажных областей

Не считайте, что 1x всегда соответствует указанному размеру документа в пикселях. В документации Affinity описана связь между DPI документа и масштабом среза: например, документ размером 64 × 64 px при 144 DPI экспортируется в размере 32 × 32 px при 1x и 64 × 64 px при 2x. Проверьте отображаемые размеры результата или задайте абсолютный размер для файла с определёнными параметрами. Экспорт с помощью Slice Studio

Настроив первый срез, воспользуйтесь командами Copy export setup to clipboard и Replace export setup from clipboard, чтобы применить те же настройки к другому срезу. После этого проверьте имена всех файлов. Эти команды копируют настройки экспорта, но не собирают комбинации фона и переднего плана. Панель Slices

Проверьте нужные срезы и запустите пакетный экспорт

Включите срезы, которые нужно экспортировать, и отключите ненужные, в том числе срез всей страницы, если он не нужен. Команда Export Slices (n) экспортирует все отмеченные элементы панели. Выбор строки и отметка для экспорта — разные действия. Панель Slices

Нажмите Export Slices (n), выберите папку назначения и нажмите Export. Один срез может включать несколько форматов и размеров, поэтому три отмеченные монтажные области могут дать больше трёх файлов. Например, три монтажные области с двумя размерами PNG каждая создадут шесть файлов. В инструкциях Affinity подтверждается, что пакетный экспорт включает все настроенные форматы и размеры для отмеченных срезов. Экспорт срезов

Для первого экспорта используйте один формат и один размер для каждой монтажной области. Откройте все три файла в Finder и проверьте их размеры, фон и передний план, прежде чем добавлять другие варианты экспорта.

Выбирайте форматы с учётом ограничений экспорта

Структура с общим фоном определяет, что войдёт в каждый файл. Формат файла и настройки экспорта определяют, как будет представлено это содержимое. В Affinity доступные настройки меняются в зависимости от выбранного формата или предустановки. Панель Export Options

Требование Описанное в документации поведение
Вывод SVG с векторным содержимым В настройках экспорта SVG можно выбрать растеризацию; для неподдерживаемых свойств может потребоваться растеризация.
Исключить растеризацию в SVG, PDF или EPS Настройка Rasterize: Nothing пропускает неподдерживаемые элементы, а не преобразует их. Проверьте результат: некоторые элементы могут отсутствовать.
Сохранить неподдерживаемый внешний вид Rasterize: Unsupported properties растеризует элементы с неподдерживаемыми свойствами, а Everything — все элементы.
Текст в SVG отображается без исходного шрифта Export text as curves сохраняет внешний вид текста, но удаляет возможность редактирования и может увеличить размер файла.
Очень большой растровый файл По данным Affinity, если размер результата превышает максимальный для формата, изображение масштабируется до допустимых размеров. Перед экспортом в диалоговом окне появляется предупреждение.

Эти условия описаны в разделе Affinity Настройки экспорта.

Если нужны файлы SVG, проверьте форматы и настройки в параметрах среза, а не рассчитывайте, что предустановка PNG задаёт векторный вывод. Affinity разделяет выбор file format для среза и настройки предустановки и масштаба. Если нужного формата или настройки в этом меню нет, документация предлагает использовать диалоговое окно Export: там доступны все поддерживаемые форматы и полный набор настроек экспорта. Панель Slices, Об экспорте

Чтобы экспортировать подготовленный вариант через это диалоговое окно, выберите File > Export > Export, укажите нужный формат или предустановку и задайте для Area имя монтажной области. Перед экспортом проверьте предварительный просмотр. При экспорте выделения параметр Selection Area включает перекрывающиеся слои, а Selection Only исключает остальные перекрывающиеся слои, в том числе отдельно выделенный фон. Диалоговое окно Export

Для этой задачи именованные монтажные области явно задают композицию каждого результата. Для пакетного создания отдельных файлов используйте команду Export Slices, а не полагайтесь на параметр Whole document: в справке Affinity по монтажным областям указано, что он экспортирует монтажные области, соединённые в одно изображение. Экспорт монтажных областей

Если фон пропал или результаты экспорта неожиданны

Перед изменением настроек формата проверьте структуру источника. Если фон отсутствует, убедитесь, что срез создан для всей монтажной области, а экземпляр фона находится внутри неё. Срез группы переднего плана включает только содержимое этой группы. Если в результате видны несколько вариантов, проверьте, не охватывает ли нарисованный вручную срез все перекрывающиеся видимые варианты. Экспорт с помощью Slice Studio

Также проверьте параметр Make item visible in export на панели Export Layers. В Affinity он отличается от Make item visible: видимость объекта на экране и при экспорте настраиваются отдельно. На дочерние объекты могут влиять настройки родительских элементов. Панель Export Layers (Slice Studio)

Если композиция верна, но имена, количество или размеры файлов не совпадают с ожиданиями, проверьте отмеченные срезы и разверните строки форматов и размеров. Перед повторным экспортом удалите лишние варианты. Для повторяющихся правок настройка Continuous может повторно экспортировать отмеченные срезы после изменений, если ранее вы использовали Export Slices (n). Affinity отмечает, что папка экспорта запоминается только на время текущего сеанса редактирования. Экспорт срезов

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

Источники