Как вставить svg в индизайн

Обновлено: 05.07.2024

Новичек в InDesign, только вчера открыл первый раз. Есть макет в иллюстраторе. надо его вставить в индизайн. Вставляю copy>paste. Возникают такие вещи - картинки вставляются как встроенные в документ, а хотелось бы что бы они были так же линкованы, как и в иллюстраторском файле; текст слетает весь - ладно если бы он просто шрифт не понимал, а то вставляет другим шрифтом и в кривых. Решил в иллюстраторском файле текст перевести в кривые и так копировать - файл ИнДизайна разрастается до жутких размеров.
Как вообще правильно делать?

Guest

Вообще то Индизайн нормально понимает родной формат Илюстратора. Просто сохрани файл в *.ai и Индизайном открой!

Guest

эээ.. не получается. File>Open не поддерживает файлы .ai ругается и пишет ошибку. Может я чего-то не так делаю ((( мож плагин какой нужен.

vainerman

Пользователь сайта
Guest

а если я хочу, что бы можно было редактировать (хотя бы просто двигать) объекты прямо в InD, а не обращаясь к edit original.

Guest

Сначала надо определиться нужны линки или нет. А то получается слишком много хотите, и чтобы линк, и чтобы не линк, а можно было редактировать.
Нужен линк - линкуй, не нужен линк - не линкуй. Собирай сразу в ИД.
==
говорять, Корел фсё могёт?

Mike Udin

Активный участник
Guest

объясню еще раз - есть странички в иллюстраторе - текст и прилинкованые картинки. Хочется - на страничках в индизайне получить точно такие же странички, то есть если картинки прилинкованы, то пусть будут прилинкованы (хотя это не главное - смогу вставить картинки в инд сам, но не хочется этого делать), если текст - то текст(хотя вроде в мануале прочитал, что так не получиться, все-равно будет в кривых). главное - что бы выглядело также как в иллюстраторе, и чтобы можно было потом двигать объекты с полосы на полосу. Если делать File>Place документ *.ai, то я могу двигать только страницы целиком, а мне надо элементы этих страниц. воот.

Задача - сделать все это с минимальным затратом сил. 144 полосы как никак ж)). где же эта хваленая совместимость иллюстратор - индизайн. я так на нее расчитываю ))

Программа InDesign позволяет экспортировать документы в формате SVG (Scalable Vector Graphics- масштабируемая векторная графика), которые можно просматривать в Internet.

Рис. 18.52. Меню Pallete позволяет выбрать палитру цветов, используемую в изображениях gif

Рис. 18.53. Настройки JPEG категории Graphics диалогового окна Export HTML

Рис. 18.54. Меню Image Quality предназначено для задания размера и качества изображений JPEG

Рис. 18.55. Меню Format Method служит для контроля загрузки изображений JPEG

Рис. 18.56. Диалоговое окно SVG Options содержит настройки для создания файлов SVG и SVG Compressed

Рис. 18.57. Настройки Pages диалогового окна SVG Options позволяют задавать страницы, экспортируемые в файлы SVG

Рис. 18.58. Настройки Fonts для файлов SVG и SVG Compressed

Настройка основных опций SVG

Выберите опцию SVG или SVG Compressed из меню Save as File Type (Тип файла) (Win) или Formats (Форматы) (Mac). На экране появится диалоговое окно SVG Options (Параметры SVG) - рис. 18.59. Можно указать страницы и выделить объекты, которые будут экспортированы как файлы SVG.

Выбор страницы для экспорта в SVG

Выберите опцию Range (Выборочно) и введите диапазон экспортируемых страниц.

Для указания диапазона страниц используйте дефис, например 4-9, для указания отдельных страниц- запятую, например 3,8.

2. Установив флажок Export Selection (Экспортировать выделенные объекты), можно преобразовать выделенные объекты в файл SVG.

3. Установите флажок Spreads (Развороты), чтобы представлять страницы в файле Acrobat в виде разворотов.

Файл SVG может быть изменен, как публикация с базами данных. Чтобы использовать символы для набора нового текста, необходимо встроить шрифты (рис. 18.58). Выбор шрифтов для файла SVG

Выберите одну из следующих опций меню Subsetting (Подстановка) в разделе Fonts (Шрифты) - рис. 18.59:

  • None (Use System Fonts) (He встраивать) - шрифты не будут встроены в файл;
  • Only Glyphs Used (Только используемые) - встраивание только символов, использованных в файле. Это ограничивает возможность последующего редактирования текста;
  • Common English (Общий английский) - встраивание всех символов, используемых в английских документах;
  • Common English & Glyphs Used (Общий английский и наборные знаки) -добавление к предыдущей настройке использованных в публикации наборных знаков;
  • Common Roman (Общий латинский) — встраивание всех символов, используемых в языках на основе латиницы;
  • Common Roman & Glyphs Used (Общий латинский и наборные знаки) -добавление к предыдущей настройке используемых в публикации наборных знаков;
  • All Glyphs (Все символы) - использование всех символов шрифта.

2. Переключатель Location (Расположение) установите в положение Embed (Встроить), чтобы добавить символы в файл SVG.

Выберите положение Link (Связь), чтобы шрифт оставался за пределами файла.

Рис. 18.59. Меню Subsetting предназначено для задания количества встраиваемых символов

Файлы SVG и SVG Compressed

Между настройками файлов SVG и SVG Compressed не существует никакой разницы. Однако размер файлов SVG Compressed меньше.

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

Посоветуйтесь с Web-дизайнером, какой формат лучше использовать.

Рис. 18.60. Опции Images Location позволяют встроить изображения в файл SVG или связать их с файлом

Используйте положение Link в случае, если предполагаете создать несколько файлов SVG с общими шрифтами.

Можно также контролировать встраивание в SVG-файл изображений, размещенных в публикации.

Выбор изображения для экспорта в SVG

В области Images (Изображения) установите переключатель Location в положение Embed (Встроить), чтобы добавить изображение в файл SVG (рис. 18.60).

Выберите положение Link (Связь), чтобы изображения оставались за пределами файла.

Установите переключатель в положение Link в случае, если предполагаете создать несколько файлов SVG, в которых будут использоваться общие изображения.

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

Что можно делать в Индизайне? Я использую индиз для вёрстки буклетов, каталогов, книг, маркетинг-китов, газет, журналов и т.д.

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

Подготовка изображений в фотошопе.

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

Разрешение.

Для начала проверим разрешение, оно должно быть не менее 300dpi. В верхнем меню это: Изображение > Размер изображения.

Меняем цветовой режим.

основы работы с растровыми изображениями в в Adobe InDesign

Обтравка изображений.

Если вам нужно убрать фон, добавить прозрачность или как-то ещё модифицировать фотографии то делать это нужно в фотошопе. Adobe InDesign это всего-лишь инструмент для вёрстки, а не для правки или ретуши фото. Подробнее об обтравке изображений я писал в предыдущей статье: Как вырезать изображение в программе Фотошоп.

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

Интересное по теме Основы работы с текстом в Corel Draw X7

Теперь наконец-то переходим к InDesign.

Импорт изображений в Adobe InDesign.

Для того чтобы импортировать изображение в Индизайн достаточно нажать Ctrl + D и выбрать нужное. Также можете в верхнем меню выбрать: Файл > Импорт.

И вот наше изображение попадает в документ. Что мы видим? Изображение плывёт и пикселизуется не так как в других программах. Не пугайтесь если ваше изображение выглядит не так красиво, как было до того как вы поместили его в документ Индизайна.

Информация об изображении.

основы работы с растровыми изображениями в в Adobe InDesign 2

К примеру вы задали изображению размер 300 пикселей на дюйм (300 dpi), но потом в Индизайне увеличили его в 1,5 раза, в результате эффективное ppi уменьшилось в 1,5 раза и теперь при печати реальное разрешение составит 200dpi (а это плохо отразится на качестве). В связи с этим стоит помнить что увеличивать изображения в Индизайне не стоит, если вы задали ему разрешение 300dpi, а вот уменьшать можете сколько хотите, главное помните что печать происходит с параметрами 300 точек на дюйм, не более.

Контейнер.

Все объкты в InDesign (текст, растровые и векторные изображения) находятся в так называемых контейнерах или фреймах. Каждый контейнер в свою очередь является векторным объектом, форму которого мы можем изменить.

Как заключить изображение в круг (квадрат, овал, прямоугольник)? Для того чтобы изменить внешнюю форму растрового изображения: Объект > Изменить форму > (выбираем нужный вариант).

Те кто работал в других программах могут найти аналоги такого инструмента, к примеру в иллюстраторе и фотошопе это маска, в кореле это контейнер и т.д. В отличии от того-же фотошопа, где мы используем маску когда нам нужно, здесь изображение содержится в контейнере по умолчанию и ничего мы с этим поделать не можем. Это на самом деле не так уж и плохо).

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

основы работы с растровыми изображениями в в Adobe InDesign 3

Масштабирование.

Для того чтобы изменить размеры контейнера нам достаточно подцепить мышкой уголок и соответственно увеличить, либо уменьшить размер фрейма. При этом мы изменяем параметр контейнера, но размер самого изображения в документе не изменяется. Для того чтобы вместе с контейнером изменялась и само фото нужно во время масштабирования удерживать клавиши ctrl + shift. Также мы можем кликнуть по центру фрейма, в том месте где изображен круг, этим кликом мы выделяем для работы наше изображение. Т.е. теперь фрейм будет неподвижен, а мы можем масштабировать изображение как нам нравится.

Отображение и печать.

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

Суммарное покрытие.

Многие типографии пишут в своих технических требованиях о допустимом суммарном покрытии при наложении красок. Что они имеют ввиду?

Тут стоит вспомнит о технологии нанесения красок (я об этом тоже писал). Пигментные вещества наносятся поочерёдно и накладываются друг на друга. При этом перекрывая друг друга, краски образуют довольно плотный слой, который может повредить носитель. Для того чтобы не создавался слишком плотный красящий слой, типографии ограничивают их предельное количество. Для этого они говорят, к примеру что суммарное покрытие не должно превышать 280%.

Интересное по теме Верстаем плакат в викторианском стиле в Corel Draw

Что это значит? Допустим мы хотим напечатать жёлтый круг. Если цвет чистый и мы задали цвет круга всего одной краской, т.е. мы залили его на 100% жёлтым цветом, то в этом случае при печати жёлтого круга мы имеем суммарное покрытие 100%. Если же нам нужен к примеру красный квадрат то его суммарное покрытие будет 200%. Суммарное покрытие красного квадрата будет больше т.к. красный состоит из жёлтого и пурпурного (100% жёлтый + 100% пурпурный = 200% красный).

основы работы с растровыми изображениями в в Adobe InDesign 4

Для того чтобы контролировать суммарное заполнение нам достаточно нажать: Shift + F6. У нас появиться небольшое окошко где мы можем включить и выключить отображение суммарного покрытия, а также изменить отображение критического порога. На приведённом примере мы можем видеть участки красного цвета, которые превышают порог суммарного покрытия, в моём случае он 280%.

основы работы с растровыми изображениями в в Adobe InDesign 5

В конце хочу поделится небольшим видео по нашей теме. Приятного просмотра!

Надеюсь статья оказалась для Вас полезной, можете оставлять ваши вопросы в комментариях.

Учебники, справочники и самоучители по компьютерным программам
Золотая коллекция

Установка параметров импорта изображений

При импортировании графики параметры диалогового окна изменяются в зависимости от того, с каким изображением вы работаете (пиксельное, EPS или PDF).

Установка параметров импорта для пиксельных изображений

  1. В диалоговом окне Place установите флажок Show Import Options .
  2. Выберите пиксельное изображение. Откроется диалоговое окно Image Import Options (Параметры импорта) для пиксельных изображений (рис. 8.10).
  3. Выберите категорию Image Settings (Настройки изображения). Если изображение имеет отсеченный контур, можете установить флажок Apply Photoshop Clipping Path (Применить обтравоч-ный контур Photoshop).
  4. Выберите категорию Color Settings (Настройки цвета). Если изображение имеет цветовую конфигурацию, можете включить управление цветом.
  5. Щелкните ОК, чтобы поместить изображение.

Установка параметров импорта для изображений EPS

  1. В диалоговом окне Place установите флажок Show Import Options .
  2. Выберите файл EPS. Откроется диалоговое окно EPS Import Options (Параметры импорта EPS-изображений).
  3. Установите флажок Read Embedded OPI Image Links (Читать связи встроенных OPI-объектов), если в сервисном бюро вас проинструктировали, что программа InDesign должна читать связи OPI и выполнять подкачку изображений.
  4. Установите флажок Apply Photoshop Clipping Path (Использовать обтравочный контур Photoshop), чтобы преобразовать вставленный контур во фрейм.
  5. Установите переключатель в области Proxy Generation (Параметры экранной версии) для управления предварительным просмотром изображения в одно из положений:
    • Use TIFF or PICT Preview (Использовать предварительный просмотр TIFF или PICT) - эскиз, содержащийся в графическом файле;
    • Rasterize the PostScript (Растеризовать PostScript) - отображение фактических данных PostScript в качестве предварительной картинки. Это позволяет отобразить стандартный код PostScript в том виде, в каком он был создан программой FreeHand.
  6. Щелкните ОК, чтобы поместить изображение.

Программа InDesign позволяет вставлять файлы PDF как графику. Параметры импорта для файлов PDF отличаются от параметров для других типов графики.

Файлы программы Illustrator 10 вставляются с использованием параметров импорта PDF.

Читайте также: