Экспорт макетов в PDF: полное руководство для дизайнеров
Чтобы корректно экспортировать дизайн в PDF, выберите инструмент под задачу: Figma — для быстрых веб-презентаций и макетов интерфейсов; Adobe Illustrator — для одностраничной векторной графики, логотипов и плакатов; Adobe InDesign — для многостраничных печатных изданий (книги, брошюры). Ключевые параметры: цветовой профиль (RGB для экрана, CMYK для печати), разрешение растровых изображений (72–150 ppi для веба, 300 ppi для печати) и встраивание шрифтов.
Общие принципы подготовки файла
Перед экспортом определите конечную цель документа, так как от этого зависят технические настройки.
- Цветовая модель. Для цифрового просмотра (сайт, почта, мессенджеры) используйте RGB. Для типографии строго необходим CMYK. Конвертация «на лету» может исказить яркие цвета (неон, глубокий синий), поэтому лучше работать в нужном профиле с самого начала или делать конвертацию в профессиональных редакторах (Illustrator/InDesign).
- Шрифты. Чтобы текст не «поехал» на чужом компьютере, шрифты должны быть либо переведены в кривые (outline), либо встроены (embed) в файл PDF. Первый вариант делает текст недоступным для редактирования, второй сохраняет его структуру.
- Разрешение изображений. Избыточное разрешение (например, 600 ppi для экранного PDF) раздувает вес файла без видимого улучшения качества. Недостаточное (менее 150 ppi для печати) дает «пикселизацию».
Всегда проверяйте итоговый PDF в разных программах: Adobe Acrobat (эталон для печати), браузер Chrome/Edge (для быстрой проверки веба) и стандартный просмотрщик ОС.
Figma: быстрый экспорт для веба и презентаций
Figma работает в цветовом пространстве RGB и не поддерживает нативный экспорт в CMYK. Это идеальный инструмент для создания цифровых портфолио, презентаций для клиентов и макетов для веб-разработки.
Пошаговая инструкция
- Выделите фреймы. Выберите нужные артборды на холсте. Можно выбрать несколько сразу — они сохранятся как страницы одного PDF-файла.
- Настройка экспорта. В правой панели в разделе Export нажмите
+. - Выберите формат PDF. В выпадающем списке выберите
PDF. - Масштаб. Оставьте
1xдля стандартного качества. Если в макете есть растровые изображения низкого разрешения, можно попробовать2x, но вес файла вырастет значительно. - Экспорт. Нажмите кнопку
Export selected....
Нюансы работы в Figma
- Интерактивность. Гиперссылки, настроенные через прототипирование (Interaction > Open link), не сохраняются при стандартном экспорте в PDF. Для добавления кликабельных ссылок используйте сторонние плагины (например, «Figma to PDF with Links») или накладывайте ссылки поверх уже готового PDF в Acrobat.
- Вектор vs Растр. Текст и векторные фигуры остаются векторными (четкими при зуме). Растровые картинки (JPEG/PNG внутри фрейма) сохраняются в исходном качестве.
- Прозрачность. Figma корректно обрабатывает прозрачность и эффекты (blur, shadows), переводя их в стандартные команды PDF.
Figma не подходит для подготовки макетов к профессиональной офсетной печати из-за отсутствия поддержки CMYK и вылетов (bleeds). Для печати используйте Illustrator или InDesign.
Adobe Illustrator: векторная графика и одиночные макеты
Illustrator оптимален для создания логотипов, визиток, плакатов и упаковки. Он дает полный контроль над цветовыми профилями и векторными контурами.
Экспорт через «Сохранить как» (Save As)
Этот метод сохраняет возможность редактирования слоев в Acrobat Pro.
- Перейдите в File > Save As (Файл > Сохранить как).
- Выберите формат Adobe PDF.
- В появившемся окне настроек выберите пресет:
- [High Quality Print] — для качественной печати на принтере или в типографии.
- [Press Quality] — для профессиональной офсетной печати (сохраняет цветоделение).
- [Smallest File Size] — для отправки по почте или размещения на сайте.
Ключевые настройки в диалоговом окне
- Вкладка General (Общие). Убедитесь, что стоит галочка Preserve Illustrator Editing Capabilities, если планируете дорабатывать файл позже. Для финального файла клиенту эту опцию лучше снять — это уменьшит вес.
- Вкладка Compression (Сжатие). Для печати установите Downsampling для изображений выше 300 ppi до 300 ppi. Для веба — до 72–150 ppi.
- Вкладка Marks and Bleeds (Метки и выпуски за обрез). Если макет имеет фон до края листа, обязательно укажите Bleed (вылеты за обрез), обычно 2–3 мм. Иначе при резке могут остаться белые полосы.
- Вкладка Output (Вывод). Здесь можно конвертировать цвета в CMYK (Convert to Destination) и выбирать цветовой профиль (например, Coated FOGRA39 для мелованной бумаги).
Adobe InDesign: многостраничные издания и верстка
InDesign — стандарт индустрии для книг, журналов, каталогов и многостраничных отчетов. Он лучше всех управляет потоками текста и стилями.
Экспорт через «Экспорт» (Export)
- Перейдите в File > Export (Файл > Экспорт).
- Выберите формат Adobe PDF (Print) для печати или Adobe PDF (Interactive) для цифровых документов с кнопками и видео.
- Выберите пресет. Для типографий часто требуют PDF/X-1a:2001 (безопасный стандарт, все цвета переведены в CMYK, прозрачности сведены) или PDF/X-4 (поддерживает живую прозрачность и слои).
Важные параметры печати
- Шрифты. В разделе Advanced убедитесь, что subset fonts установлен на 100% или меньше (чтобы встраивались только используемые глифы).
- Цветопроба. В разделе Output можно включить конвертацию в конкретный профиль CMYK. Если типография не предоставила свой профиль, используйте стандартный ISO Coated v2 (ECI) для Европы или U.S. Web Coated (SWOP) для США.
- Метки реза. Во вкладке Marks and Bleeds включите Crop Marks (метки реза) и Use Document Bleed Settings (использовать вылеты документа), если они заданы в настройках самого документа.
Для интерактивных PDF (с формами, кнопками, видео) используйте пресет PDF (Interactive). Обратите внимание: этот формат всегда использует цветовую модель RGB и не поддерживает метки реза или вылеты за обрез.
Сравнение инструментов для разных задач
| Задача | Рекомендуемый инструмент | Цветовой профиль | Формат PDF |
|---|---|---|---|
| Презентация интерфейса, мудборд | Figma | RGB | Standard PDF |
| Логотип, визитка, плакат | Illustrator | CMYK (печать) / RGB (веб) | PDF/X-4 или High Quality |
| Книга, журнал, каталог (>1 стр.) | InDesign | CMYK | PDF/X-1a или PDF/X-4 |
| Интерактивный отчет с ссылками | InDesign / Illustrator | RGB | PDF (Interactive) |
| Срочная отправка макета в печать | Illustrator / InDesign | CMYK | PDF/X-1a (наиболее совместимый) |
Частые ошибки при экспорте
-
«Поехавшие» шрифты.
- Причина: Шрифт не встроен в PDF или у получателя нет лицензии на него.
- Решение: В настройках экспорта включите встраивание шрифтов. Если это невозможно (ограничения лицензии), переведите текст в кривые (Create Outlines) перед экспортом.
-
Тусклые цвета после печати.
- Причина: Макет сделан в RGB, а печать идет в CMYK без правильной конвертации. Яркие «экраннные» цвета становятся грязными.
- Решение: Работайте в CMYK с самого начала для печатных продуктов или используйте мягкую цветопробу (View > Proof Colors) в Illustrator/InDesign.
-
Белые полосы по краям.
- Причина: Отсутствие вылетов за обрез (bleeds). Фон заканчивается ровно по границе формата, и нож режет чуть криво.
- Решение: Добавьте по 2–3 мм фона за границу страницы и укажите это в настройках экспорта PDF.
-
Гигантский вес файла.
- Причина: Изображения вставлены с разрешением 600+ ppi или сохранен слой редактирования Illustrator.
- Решение: Сжимайте растровые изображения до 300 ppi (для печати) или 150 ppi (для экрана). Отключайте сохранение возможностей редактирования Illustrator, если файл финальный.
FAQ
Можно ли изменить RGB на CMYK в готовом PDF? Технически да, через Adobe Acrobat Pro (инструмент Print Production > Convert Colors), но результат может быть непредсказуемым. Лучше менять цветовой режим в исходном файле (Illustrator/InDesign) и пересохранять PDF.
Почему в PDF из Figma не работают ссылки? Стандартный экспорт Figma игнорирует интерактивные прототипы. Используйте плагины внутри Figma или добавляйте ссылки вручную в Adobe Acrobat после скачивания файла.
Какой пресет PDF выбрать для типографии? Если типография не указала具体要求, выбирайте PDF/X-1a:2001. Это самый «безопасный» стандарт: он автоматически сводит все прозрачности, конвертирует цвета в CMYK и встраивает шрифты, минимизируя риск ошибок при выводе на печать.
Как уменьшить вес PDF без потери качества? Используйте онлайн-сервисы сжатия (например, ilovepdf или smallpdf) или функцию «Save as Other > Reduced Size PDF» в Adobe Acrobat. В Illustrator/InDesign снижайте разрешение растровых картинок до необходимого минимума (150 ppi для экрана достаточно).