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

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

Что должно входить в каждый экспортируемый файл?

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

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

В следующей таблице сведены рекомендации Affinity по маскам и поведению срезов:

Структура документа Цель для подготовки к экспорту
Одно изображение с прикреплённой маской Родительский элемент изображения вместе с прикреплённой маской
Несколько слоёв, образующих одну графику с маской Группа, содержащая графику целиком и её маску
Группа с маской, содержащая несколько отдельных изображений Перед экспортом подготовьте отдельные полные цели для каждого изображения
Несколько графических элементов уже сведены в одно изображение Сначала подготовьте отдельные слои или группы с масками; одни лишь прямоугольные срезы не отделяют перекрывающиеся графические элементы

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

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

Подготовьте отдельную полную цель для каждого изображения с маской

Выберите File > Save As, чтобы создать рабочую копию перед реорганизацией существующего документа. В текущих документах Affinity используется расширение .af. При сохранении нового документа можно сохранить предыдущую версию. Сохранение

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

Если одно изображение состоит из нескольких объектов, выберите их и нажмите Layer > Group. Маски и корректировки, применённые к группе, влияют на её содержимое. При группировке сохраните существующую связь изображения и маски; сама по себе группировка несвязанных объектов не создаёт нужную структуру маскирования. Группировка

Присвойте каждой цели отдельное понятное имя. Например, синтетическая композиция может содержать три изображения с именами circle-grid, rounded-stripes и hexagon-dots. Чтобы переименовать группу, дважды щёлкните её имя на панели Layers, введите новое и нажмите Return. Группировка

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

Создайте срезы на основе слоёв и экспортируйте их

1. Включите Slice Studio и её панели

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

Откройте нужные панели через меню Mac:

  • Window > General > Export Layers
  • Window > General > Export Options
  • Window > General > Slices

В документации указаны именно эти расположения панелей в настольной версии. Панель Export Layers (Slice Studio), Панель Export Options, Панель Slices

2. Задайте настройки по умолчанию и создайте срезы

На панели Export Options выберите Defaults, задайте нужные параметры PNG и по завершении вернитесь к Selection. Настройки по умолчанию применяются к создаваемым далее срезам. Экспорт срезов

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

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

3. Настройте файлы и выполните пробный экспорт

Разверните каждый элемент на панели Slices и проверьте имя файла, формат и размер. Каждый срез может содержать несколько форматов экспорта, а каждый формат — несколько размеров. Для трёх синтетических изображений выше начните с одного файла PNG для каждого среза, чтобы было проще проверить результат. Панель Slices

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

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

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

Какие настройки формата и размера сохраняют нужный результат?

PNG — подходящий формат для начала работы с растровыми изображениями с масками, поскольку Affinity прямо указывает поддержку прозрачности. Сохраните редактируемые маски в исходном файле .af, а PNG используйте как готовые файлы изображений. Поддерживаемые форматы файлов, Сохранение

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

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

При переходе к векторному контейнеру также следует проявить осторожность. Для PDF, SVG и EPS настройка Affinity Rasterize определяет, как обрабатываются неподдерживаемые элементы дизайна. Параметр Nothing опускает неподдерживаемые элементы; Unsupported properties растрирует эти элементы; Everything растрирует весь дизайн. Поэтому выбор SVG не гарантирует полностью векторную и редактируемую версию изображения с маской. Настройки экспорта

Для обмена редактируемыми файлами учитывайте ограничения PSD и TIFF, хотя здесь речь идёт об экспорте PNG. В документации Affinity по форматам указано, что при экспорте в PSD текст растрируется. Параметр TIFF Save Affinity layers сохраняет слои, которые доступны для чтения только при повторном открытии файла в Affinity. Ни один из этих вариантов не гарантирует, что другое приложение воспроизведёт всю структуру редактируемого документа. Поддерживаемые форматы файлов, Настройки экспорта

Что проверить, если экспорт выполнен неправильно?

Прежде чем заново собирать документ, последовательно проверьте следующее:

  1. Появилась другая графика: проверьте, не был ли срез нарисован инструментом Slice Tool. Создайте его из полной цели на панели Export Layers, чтобы изолировать её содержимое.
  2. Маска не повлияла на изображение: проверьте, не был ли выбран дочерний элемент под родительским элементом с маской или выбрана сама маска. Создайте срез заново из полной цели.
  3. Файл пуст: проверьте параметр Make item visible in export, включая этот параметр у родительского элемента. Видимость при экспорте настраивается отдельно от обычной видимости элемента.
  4. Границы неожиданно изменились: если размер созданного на основе слоя среза изменён вручную, выберите его инструментом Slice Tool и нажмите Revert to auto sized.
  5. Неверные размеры в пикселях: проверьте разрешение документа и масштаб среза, прежде чем менять графику.

Эти проверки соответствуют описанным настройкам среза, видимости и размера. Экспорт с помощью Slice Studio, Панель Export Layers (Slice Studio), Экспорт срезов

Если проблема возникла только с одним изображением, используйте диалог экспорта как альтернативный способ диагностики: выберите полную цель, откройте File > Export > Export, выберите PNG и задайте для параметра Area значение Selection Only. Вариант Selection Area включает перекрывающиеся невыбранные слои, а Selection Only исключает их. Экспортируйте изображение и проверьте результат, а затем вернитесь к настройке срезов, когда цель будет выбрана правильно. Диалог экспорта

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

Источники