Макетирование и верстка в Adobe InDesign

Работа с цветом. Импорт таблиц. Делаем визитку

Разбить на страницы
Показывать лекцию целиком

Применение заливки и обводки к объектам

В InDesign можно перетаскивать образцы цвета с палитры Образцы на объекты. Процедура применения образца цвета содержит три шага:

  • выделение текста или объекта,
  • выбор обводки или заливки на панели инструментов, в зависимости от того, что требуется изменить,
  • выбор цвета в палитре Образцы.
  • Для примера мы нарисуем многоугольник и применим к нему заливку и обводку (рис 5.1).

    (рис 5.1) Пример заливки и обводки выделенного объекта

    Если вы нарисуете еще объекты, например, многоугольник и окружность, то скопировать на них атрибуты заливки и обводки можно щелчком инструмента ).

    (рис 5.2) Заливка и обводка скопированы на объекты инструментом Пипетка

    Работа с градиентами

    ).

    (рис 5.3) Линейный (многоугольник слева) и радиальный (окружность) градиенты

    О плашечных и компонентных цветах

    Новый термин

    Плашечный цвет - это специальная предварительно смешанная краска, которая используется вместо CMYK-красок или в дополнение к ним. Для такой краски требуется отдельная печатная форма на печатном станке.

    Примечание

    При типографской печати цветные изображения разделяют на четыре формы цветовой модели CMYK - голубую (Cyan), желтую (Yellow), пурпурную (Magenta) и черную (blacK). При печати (наложении) этих четырех красок получается оригинальный цвет. Процесс разделения изображения на несколько цветов называется ).

    (рис 5.4) Цветоделенные фотоформы (сверху) и совмещенный оттиск (снизу) Совет

    Используйте плашечный цвет, когда задано малое количество цветов и важна точность воспроизведения цвета.

    Компонентные цвета печатаются с помощью комбинации четырех стандартных красок: голубой, пурпурной, желтой и черной (CMYK).

    Совет

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

    Пример 5.1. Создание плашечного цвета "металлик"

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

    (рис 5.5) Так выглядит цвет металлик 876 (PANTONE 876 М)

    Снимите выделение со всех объектов. Выберите в меню палитры .

    (рис 5.6) Плашечный цвет PANTONE 876 М внесен в палитру Образцы Внимание

    Прежде чем использовать плашечные цвета в документе, рекомендуется проконсультироваться у специалистов типографии. Цвет, отображаемый на мониторе, не соответствует реальному печатаемому на бумаге цвету. Чтобы определить требуемый цвет, ознакомьтесь с таблицей, предоставляемой цветовой системой PANTONE Color Formula Guide, или с таблицей красок, имеющейся в типографии (рис 5.7).

    (рис 5.7) Варианты цвета металлик

    Работа с палитрой Связи

    На палитре ).

    (рис 5.8) На палитре Связи отображается значок предупреждения, сообщающий, что исходный файл был недавно изменен

    На палитре .

    (рис 5.9) Выбираем изображение GB12.jpg

    Выберите остальные файлы со значком изменений и щелкните для каждого из них на кнопке .

    (рис 5.10) Все связи обновлены

    Чтобы переопределить текущую связь для другого изображения, будет использована кнопка .

    (рис 5.11) Диалоговое окно с командой Связать заново

    В открывшемся диалоге ).

    (рис 5.12) Ищем изображение для обновления исходного

    Создание таблиц

    Программой InDesign могут импортироваться таблицы из других приложений, включая программы Microsoft Word и Microsoft Excel.

    Импортирование и форматирование таблиц

    Давайте импортируем таблицу, созданную в программе MS Word - рис 5.13.

    (рис 5.13) Исходная таблица в MS Word

    Щелкните один раз по странице документа InDesign, чтобы поместить таблицу программы Microsoft Word в документ программы InDesign (рис 5.14).

    (рис 5.14) Таблица импортирована

    Форматирование таблиц

    Для редактирования таблицы щелкните на любом месте таблицы, а затем выберите команду ).

    (рис 5.15) Окно для выбора параметров таблицы

    Для добавления границ ячеек (линий вокруг каждой ячейки) выберите инструмент .

    (рис 5.16) Задаем обводку ячеек черным цветом с толщиной линий 2 пт

    Пример 5.2. Делаем личную визитную карточку (Верстка визитки)

    Пример стандартной визитной карточки 50x90 мм показан на рис 5.17.

    (рис 5.17) Пример обычной визитной карточки

    Запустите программу InDesign. В диалоговом окне .

    (рис 5.18) Настройка размерности линеек в миллиметрах

    Выполните команду Файл-Новый-Документ и в соответствующем диалоговом окне установите следующие параметры:

  • Количество страниц - 1;
  • в разделе Формат страницы в поле Ширина - 90 mm, в поле Высота - 50 mm;
  • в поле Выпуск за обрез-Сверху О выпуске за обрез отдельный разговор в конце этого примера введите значение 0 и нажмите на кнопку чтобы присвоить аналогичные значения всем остальным полям раздела - рис 5.19.
  • (рис 5.19) Диалоговое окно с установленными параметрами визитной карточки

    Далее необходимо установить ноль отсчета координат, перетащив мышкой кнопку находящуюся на пересечении горизонтальной и вертикальной линеек в левый верхний угол визитки и разметить документ с помощью Направляющих линий.

    Примечание

    Напомним читателю, что отдельные горизонтальные или вертикальные направляющие линии "вытягиваются" из соответствующих линеек при активном любом инструменте программы. Созданные линии можно перемещать с помощью инструмента Выделение. Их также можно выделять этим инструментом и удалять с помощью клавиши <Delete> или "стаскивать" на линейку.

    Установите горизонтальные направляющие на высоте 10 и 40 мм, а вертикальные направляющие с координатами 10 и 60 мм. Командой .

    (рис 5.20) Направляющие созданы

    Командой Просмотр-Вспомогательные элементы-Показать границы фрейма включите видимость границ фреймов. Эта функция при работе с текстом должна быть включена для контроля за количеством текстовых фреймов и их расположением. Выберите инструмент Текст и создайте прямоугольный текстовый фрейм, для ввода строк с названием организации. При установленном в строке текстовом курсоре выберите подходящий шрифт, установите его кегль и введите название организации, например, "Новгородский государственный Университет имени Ярослава Мудрого". Произведите выключку текста по центру. При необходимости отрегулируйте параметры шрифта (кернинг и трекинг) на палитре Символ.

    Совет

    Напомню, что выделив несколько букв можно изменить с помощью стрелок счетчика оптический зазор (Кернинг). А для изменения ширины букв (трекинга) необходимо последовательно их выделить и установить требуемую ширину на палитре Символ с помощью поля Масштаб по горизонтали.

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

    (рис 5.21) Два текстовых фрейма сгруппированы

    Теперь создайте графический фрейм и командой .

    (рис 5.22) Изображение вставлено

    Далее создайте текстовый фрейм для ввода фамилии и должности. Введите фамилию и имя, затем нажмите на клавишу <.

    (рис 5.23) Визитка готова

    Сохраните вашу работу на диск.

    Примечание

    В армии говорят: "Делай, как я". Я предлагаю читателю другой принцип - "Сделай лучше, чем я". Иначе говоря, приведенную здесь визитку следует рассматривать не как шедевр полиграфического искусства, а как учебный пример и только.

    Поговорим о выпуске за обрез

    Строго говоря, в нашем учебном примере есть одна ошибка: в макете визитной карточки мы установили обрезной формат визитной карточки 90 на 50 мм. При этом забыли про вылеты под обрез 2 мм с каждой стороны, поэтому дообрезной формат визитной карточки должен быть 94 на 54 мм. (рис 5.24).

    (рис 5.24) Правильная установка припуска за обрез (bleed)

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

    Подготовка визитных карточек к печати

    Оригинал-макет визитной карточки создан и следует подготовить карточки к печати. Для этого расположим 10 карточек на странице и нарисуем метки обреза. Выполните команду .

    (рис 5.25) Окно New Document (Новый документ)

    Далее выполним разметку страницы для размещения на ней 10 карточек. Выполните двойной щелчок по инструменту Рука, чтобы отобразить на экране весь документ целиком. Оставим начало отсчета координат в документе установленным по умолчанию (от верхнего левого угла документа). Настройте размерность линеек на миллиметры. Установите горизонтальную направляющую на отметке 20 мм, а вертикальную направляющую на отметке 15 мм.

    Совет

    Для точного расположения направляющих используются поля X и Y палитры . Перемещать направляющие можно, нажимая на стрелки клавиатуры.

    (рис 5.26) На панели направления работает счетчик перемещения вертикальной направляющей

    Командой .

    (рис 5.27) Визитка помещена на лист A4

    Далее создадим 5 строк таких карточек. Для этого с помощью инструмента ) в поле Строк укажите значение 5, в поле Смещение-По горизонтали укажите значение 0 мм и в поле Смещение-По вертикали) введите значение 50 мм. Нажмите ОК.

    (рис 5.28) Диалоговое окно Создать серию дубликатов

    Результат показан на рис 5.29.

    (рис 5.29) Карточки продублированы

    Повторим команду с другими параметрами, показанными на рис 5.30.

    (рис 5.30) Другие параметры окна Создать серию дубликатов

    Результат выполнения этой команды изображен на рис 5.31.

    (рис 5.31) Все визитки расположены на формате А4

    Осталось добавить к сверстанным карточкам метки обреза. Создадим их вручную длиной 7 мм и толщиной 0,75 пунктов - рис 5.32.

    (рис 5.32) Задание параметров для обрезной метки

    С помощью инструмента .

    (рис 5.33) Метки обреза нанесены - визитные карточки, подготовленные к печати

    Сохраните подготовленные для печати визитные карточки на диск.

    Вопросы для самоконтроля

  • Напишите ваше имя, и примените к нему кернинг и трекинг.
  • Продемонстрируйте, как можно направляющие удалить.
  • Настройте размерность линеек на сантиметры.
  • Каковы особенности инструмента Пипетка?
  • Какие градиенты есть в программе InDesign?
  • В каких случаях рекомендуется применять плашечные цвета, а когда - компонентные?
  • Расскажите о работе с палитрой Связи.
  • Способы импортирования и форматирования таблиц в InDesign.
  • Страницы:

    Применение заливки и обводки к объектам

    В InDesign можно перетаскивать образцы цвета с палитры Образцы на объекты. Процедура применения образца цвета содержит три шага:

  • выделение текста или объекта,
  • выбор обводки или заливки на панели инструментов, в зависимости от того, что требуется изменить,
  • выбор цвета в палитре Образцы.
  • Для примера мы нарисуем многоугольник и применим к нему заливку и обводку (рис 5.1).

    (рис 5.1) Пример заливки и обводки выделенного объекта

    Если вы нарисуете еще объекты, например, многоугольник и окружность, то скопировать на них атрибуты заливки и обводки можно щелчком инструмента ).

    (рис 5.2) Заливка и обводка скопированы на объекты инструментом Пипетка

    Работа с градиентами

    ).

    (рис 5.3) Линейный (многоугольник слева) и радиальный (окружность) градиенты

    О плашечных и компонентных цветах

    Новый термин

    Плашечный цвет - это специальная предварительно смешанная краска, которая используется вместо CMYK-красок или в дополнение к ним. Для такой краски требуется отдельная печатная форма на печатном станке.

    Примечание

    При типографской печати цветные изображения разделяют на четыре формы цветовой модели CMYK - голубую (Cyan), желтую (Yellow), пурпурную (Magenta) и черную (blacK). При печати (наложении) этих четырех красок получается оригинальный цвет. Процесс разделения изображения на несколько цветов называется ).

    (рис 5.4) Цветоделенные фотоформы (сверху) и совмещенный оттиск (снизу) Совет

    Используйте плашечный цвет, когда задано малое количество цветов и важна точность воспроизведения цвета.

    Компонентные цвета печатаются с помощью комбинации четырех стандартных красок: голубой, пурпурной, желтой и черной (CMYK).

    Совет

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

    Пример 5.1. Создание плашечного цвета "металлик"

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

    (рис 5.5) Так выглядит цвет металлик 876 (PANTONE 876 М)

    Снимите выделение со всех объектов. Выберите в меню палитры .

    (рис 5.6) Плашечный цвет PANTONE 876 М внесен в палитру Образцы Внимание

    Прежде чем использовать плашечные цвета в документе, рекомендуется проконсультироваться у специалистов типографии. Цвет, отображаемый на мониторе, не соответствует реальному печатаемому на бумаге цвету. Чтобы определить требуемый цвет, ознакомьтесь с таблицей, предоставляемой цветовой системой PANTONE Color Formula Guide, или с таблицей красок, имеющейся в типографии (рис 5.7).

    (рис 5.7) Варианты цвета металлик

    Работа с палитрой Связи

    На палитре ).

    (рис 5.8) На палитре Связи отображается значок предупреждения, сообщающий, что исходный файл был недавно изменен

    На палитре .

    (рис 5.9) Выбираем изображение GB12.jpg

    Выберите остальные файлы со значком изменений и щелкните для каждого из них на кнопке .

    (рис 5.10) Все связи обновлены

    Чтобы переопределить текущую связь для другого изображения, будет использована кнопка .

    (рис 5.11) Диалоговое окно с командой Связать заново

    В открывшемся диалоге ).

    (рис 5.12) Ищем изображение для обновления исходного

    Создание таблиц

    Программой InDesign могут импортироваться таблицы из других приложений, включая программы Microsoft Word и Microsoft Excel.

    Импортирование и форматирование таблиц

    Давайте импортируем таблицу, созданную в программе MS Word - рис 5.13.

    (рис 5.13) Исходная таблица в MS Word

    Щелкните один раз по странице документа InDesign, чтобы поместить таблицу программы Microsoft Word в документ программы InDesign (рис 5.14).

    (рис 5.14) Таблица импортирована

    Форматирование таблиц

    Для редактирования таблицы щелкните на любом месте таблицы, а затем выберите команду ).

    (рис 5.15) Окно для выбора параметров таблицы

    Для добавления границ ячеек (линий вокруг каждой ячейки) выберите инструмент .

    (рис 5.16) Задаем обводку ячеек черным цветом с толщиной линий 2 пт

    Пример 5.2. Делаем личную визитную карточку (Верстка визитки)

    Пример стандартной визитной карточки 50x90 мм показан на рис 5.17.

    (рис 5.17) Пример обычной визитной карточки

    Запустите программу InDesign. В диалоговом окне .

    (рис 5.18) Настройка размерности линеек в миллиметрах

    Выполните команду Файл-Новый-Документ и в соответствующем диалоговом окне установите следующие параметры:

  • Количество страниц - 1;
  • в разделе Формат страницы в поле Ширина - 90 mm, в поле Высота - 50 mm;
  • в поле Выпуск за обрез-Сверху О выпуске за обрез отдельный разговор в конце этого примера введите значение 0 и нажмите на кнопку чтобы присвоить аналогичные значения всем остальным полям раздела - рис 5.19.
  • (рис 5.19) Диалоговое окно с установленными параметрами визитной карточки

    Далее необходимо установить ноль отсчета координат, перетащив мышкой кнопку находящуюся на пересечении горизонтальной и вертикальной линеек в левый верхний угол визитки и разметить документ с помощью Направляющих линий.

    Примечание

    Напомним читателю, что отдельные горизонтальные или вертикальные направляющие линии "вытягиваются" из соответствующих линеек при активном любом инструменте программы. Созданные линии можно перемещать с помощью инструмента Выделение. Их также можно выделять этим инструментом и удалять с помощью клавиши <Delete> или "стаскивать" на линейку.

    Установите горизонтальные направляющие на высоте 10 и 40 мм, а вертикальные направляющие с координатами 10 и 60 мм. Командой .

    (рис 5.20) Направляющие созданы

    Командой Просмотр-Вспомогательные элементы-Показать границы фрейма включите видимость границ фреймов. Эта функция при работе с текстом должна быть включена для контроля за количеством текстовых фреймов и их расположением. Выберите инструмент Текст и создайте прямоугольный текстовый фрейм, для ввода строк с названием организации. При установленном в строке текстовом курсоре выберите подходящий шрифт, установите его кегль и введите название организации, например, "Новгородский государственный Университет имени Ярослава Мудрого". Произведите выключку текста по центру. При необходимости отрегулируйте параметры шрифта (кернинг и трекинг) на палитре Символ.

    Совет

    Напомню, что выделив несколько букв можно изменить с помощью стрелок счетчика оптический зазор (Кернинг). А для изменения ширины букв (трекинга) необходимо последовательно их выделить и установить требуемую ширину на палитре Символ с помощью поля Масштаб по горизонтали.

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

    (рис 5.21) Два текстовых фрейма сгруппированы

    Теперь создайте графический фрейм и командой .

    (рис 5.22) Изображение вставлено

    Далее создайте текстовый фрейм для ввода фамилии и должности. Введите фамилию и имя, затем нажмите на клавишу <.

    (рис 5.23) Визитка готова

    Сохраните вашу работу на диск.

    Примечание

    В армии говорят: "Делай, как я". Я предлагаю читателю другой принцип - "Сделай лучше, чем я". Иначе говоря, приведенную здесь визитку следует рассматривать не как шедевр полиграфического искусства, а как учебный пример и только.

    Поговорим о выпуске за обрез

    Строго говоря, в нашем учебном примере есть одна ошибка: в макете визитной карточки мы установили обрезной формат визитной карточки 90 на 50 мм. При этом забыли про вылеты под обрез 2 мм с каждой стороны, поэтому дообрезной формат визитной карточки должен быть 94 на 54 мм. (рис 5.24).

    (рис 5.24) Правильная установка припуска за обрез (bleed)

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

    Подготовка визитных карточек к печати

    Оригинал-макет визитной карточки создан и следует подготовить карточки к печати. Для этого расположим 10 карточек на странице и нарисуем метки обреза. Выполните команду .

    (рис 5.25) Окно New Document (Новый документ)

    Далее выполним разметку страницы для размещения на ней 10 карточек. Выполните двойной щелчок по инструменту Рука, чтобы отобразить на экране весь документ целиком. Оставим начало отсчета координат в документе установленным по умолчанию (от верхнего левого угла документа). Настройте размерность линеек на миллиметры. Установите горизонтальную направляющую на отметке 20 мм, а вертикальную направляющую на отметке 15 мм.

    Совет

    Для точного расположения направляющих используются поля X и Y палитры . Перемещать направляющие можно, нажимая на стрелки клавиатуры.

    (рис 5.26) На панели направления работает счетчик перемещения вертикальной направляющей

    Командой .

    (рис 5.27) Визитка помещена на лист A4

    Далее создадим 5 строк таких карточек. Для этого с помощью инструмента ) в поле Строк укажите значение 5, в поле Смещение-По горизонтали укажите значение 0 мм и в поле Смещение-По вертикали) введите значение 50 мм. Нажмите ОК.

    (рис 5.28) Диалоговое окно Создать серию дубликатов

    Результат показан на рис 5.29.

    (рис 5.29) Карточки продублированы

    Повторим команду с другими параметрами, показанными на рис 5.30.

    (рис 5.30) Другие параметры окна Создать серию дубликатов

    Результат выполнения этой команды изображен на рис 5.31.

    (рис 5.31) Все визитки расположены на формате А4

    Осталось добавить к сверстанным карточкам метки обреза. Создадим их вручную длиной 7 мм и толщиной 0,75 пунктов - рис 5.32.

    (рис 5.32) Задание параметров для обрезной метки

    С помощью инструмента .

    (рис 5.33) Метки обреза нанесены - визитные карточки, подготовленные к печати

    Сохраните подготовленные для печати визитные карточки на диск.

    Вопросы для самоконтроля

  • Напишите ваше имя, и примените к нему кернинг и трекинг.
  • Продемонстрируйте, как можно направляющие удалить.
  • Настройте размерность линеек на сантиметры.
  • Каковы особенности инструмента Пипетка?
  • Какие градиенты есть в программе InDesign?
  • В каких случаях рекомендуется применять плашечные цвета, а когда - компонентные?
  • Расскажите о работе с палитрой Связи.
  • Способы импортирования и форматирования таблиц в InDesign.
  • Вернуться к учебному плану