Иллюстрированный самоучитель по Adobe InDesign CS2

         

Добавление границ ячеек




Еще одним способом, облегчающим читателям восприятие информации в таблице, является добавление линий вокруг каждой ячейки.

1. Выберите инструмент Туре (Ввод) (Т) и переместите указатель мыши к левому верхнему углу таблицы, чтобы форма указателя сменилась на толстую диагональную стрелку. Щелкните один раз, чтобы выделить таблицу целиком.

2. Выберите в меню команду Table * Cell Options * Strokes and Fills (Таблица * Параметры ячейки * Границы и заливка) (или выберите такую же команду в меню палитры Table (Таблица)).

3. В группе элементов управления Cell Stroke (Граница ячейки) открывшегося диалога Cell Options (Параметры ячейки) установите следующие значения параметров:

 В поле ввода Weight (Толщина) выберите значение 0.5 pt.  В открывающемся списке Туре (Тип) выберите значение Solid (Сплошной).  В открывающемся списке Color (Цвет) выберите значение [Black] (Черный) и щелкните на кнопке ОК.


4. Выберите в меню команду Edit * Deselect All (Правка * Отменить все выделение), чтобы увидеть результаты форматирования.





Форматирование границ и чередование цветов строк




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

1. Используя инструмент Zoom (Масштаб) (

), щелкните на левой верхней области страницы 3, чтобы увеличить масштаб до значения 100% или даже больше. Затем выберите инструмент Туре (Ввод) (
).

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


Увеличьте масштаб документа еще больше, если вам не удается сменить форму курсора мыши на толстую диагональную стрелку. В качестве альтернативного способа выделения таблицы целиком, используя инструмент Туре (Ввод), щелкните на любом месте таблицы, а затем выберите в меню команду Table * Select * Table (Таблица * Выделить * Таблица). Эта команда меню недоступна, если инструмент Туре (Ввод) не выбран.

3. Выберите в меню команду Table * Table Options * Table Setup (Таблица * Параметры таблицы * Настройка таблицы). (Или выберите такую же команду в меню палитры Table (Таблица).) Откроется диалог Table Options (Параметры таблицы) с выбранной вкладкой Table Setup (Настройка таблицы).

4. В группе элементов управления Table Border (Граница таблицы) установите следующие значения параметров: Weight (Толщина) = 1, Туре (Тип) = Solid (Сплошной) и Color (Цвет) = [Black] (Черный).


5. Затем щелкните на вкладке Fills (Заливка) и установите следующие значения параметров:

 В открывающемся списке Alternating Pattern (Чередующийся шаблон) выберите значение Every Other Row (Каждая другая строка).  В открывающемся списке Color (Цвет), расположенном под полем ввода First (Первый), выберите значение С = 75, М = 5, Y = 100, К = 0. В поле ввода Tint (Оттенок) введите значение 25%.  В открывающемся списке Color (Цвет), расположенном под полем ввода Next (Следующий), выберите значение [Paper] (Бумага).  В поле ввода Skip First (Пропустить первые) введите значение 1, чтобы начать чередование цветов со второй строки (строки, находящейся под шапкой таблицы).


6. Щелкните на кнопке ОК, чтобы закрыть диалог. Выберите в меню команду Edit * Deselect All (Правка * Отменить все выделение), чтобы вы смогли увидеть результаты.

Фон четных строк таблицы теперь залит бледно-зеленым цветом.



Форматирование ячеек шапки таблицы




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

1. Используя инструмент Туре (Ввод) (

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


2. Выберите в меню команду Table *Cell Options * Text (Таблица * Параметры ячейки * Текст).

3. В открывшемся диалоге Cell Options (Параметры ячейки) на вкладке Text (Текст) установите следующие значения параметров:

 В группе элементов управления Cell Insets (Отступы внутри ячейки) в поле ввода Bottom (Снизу) введите значение 0.086" (или 0.086 in). Если значения параметров Тор (Сверху), Left (Слева) и Right (Справа) не равны значению 0.056", введите это значение в поле ввода каждого из перечисленных параметров. Единицы измерения, отображаемые в диалогах, легко сменить. Для этого достаточно щелкнуть правой кнопкой мыши на горизонтальной или вертикальной масштабной линейке и выбрать требуемые единицы измерения.  В группе элементов управления Vertical Justification (Вертикальное выравнивание) в открывающемся списке Align (Выравнивание) выберите значение Bottom (Понизу).  В группе элементов управления First Baseline (Первая базовая линия) убедитесь, что параметр Offset (Смещение) установлен в значение Ascent (Возрастающее). Оставьте диалог открытым.


4. На вкладке Strokes and Fills (Границы и заливка) не изменяйте текущие значения параметров группы элементов управления Cell Stroke (Граница ячейки) (0.5 pt, Solid (Сплошной), [Black] (Черный), 100%). В группе элементов управления Cell Fill (Заливка ячейки) в открывающемся списке Color (Цвет) выберите значение С = 15, М = 100, Y = 100, К = 0. Оставьте значение параметра Tint (Оттенок) равным 100%. Пока еще не закрывайте диалог.


5. На вкладке Rows and Columns (Строки и столбцы) в открывающемся списке Row Height (Высота строки) выберите значение Exactly (Точно). В поле ввода, расположенном за открывающимся списком Row Height (Высота строки), введите значение 0.5".


6. Щелкните на кнопке ОК, чтобы закрыть диалог, а затем снимите выделение для просмотра результатов работы.

Фон строки заголовка таблицы теперь залит темно-красным цветом, а текст строки отображается белым цветом.



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




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

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




Если вы работали с таблицами раньше, то должны знать, что таблицы - это сетки, состоящие из отдельных ячеек, расположенных в строках (row) (по горизонтали) и столбцах (column) (по вертикали). Границей таблицы являются линии, расположенные по внешнему периметру всей таблицы. Границы ячейки - это линии внутри таблицы, которые разделяют отдельные ячейки друг от друга. Многие таблицы содержат специальные строки или столбцы, которые описывают категорию информации, расположенной в соответствующих столбцах или строках. Обычно это либо верхняя строка, либо первый столбец таблицы.

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

1. На палитре Pages (Страницы) дважды щелкните на странице 3, чтобы отцентрировать ее в окне документа.

2. Убедитесь, что в меню View (Вид) напротив команды Snap to Guides (Привязка к направляющим) установлен флажок, означающий, что команда выбрана. Выберите в меню View (Вид) команду Show Guides (Показать направляющие), если она доступна.

3. Выберите в меню команду File * Place (Файл Ф Поместить). В открывшемся диалоге Place (Поместить) найдите папку ID_08 и дважды щелкните на файле 08_c.doc.

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

), на пересечение границы левого поля страницы 3 и метки 1,5 дюйма на вертикальной линейке. Щелкните один раз, чтобы поместить таблицу программы Microsoft Word в документ программы InDesign.


Поскольку это таблица, текст находится внутри ячеек. Можно редактировать текст и выделять строки, столбцы или всю таблицу целиком.

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



Использование изображений в таблицах




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

В этом разделе вы отформатируете таблицу, чтобы ячейки имели надлежащий размер для помещения в них изображений. Затем в эти ячейки будут помещены изображения.



Изменение размера столбца посредством перетаскивания




Когда обычный текстовый фрейм содержит текстовый блок, который полностью не помещается в отведенное для него место, в выходном порту фрейма отображается знак «плюс» красного цвета (+), сообщающий о том, что текст не вмещается в данный фрейм. Эту проблему можно решить, либо увеличив размер текстового фрейма, либо поместив лишнюю часть текстового блока в новый текстовый фрейм.

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

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

1. В меню выберите команду View * Fit Page in Window (Вид * Целая страница).

2. Поместите указатель инструмента Туре (Ввод) над вертикальной линией, разделяющей столбцы 2 и 3, чтобы форма указателя мыши сменилась на двунаправленную стрелку (

). Затем, удерживая нажатой кнопку мыши, перетащите разделяющую линию вправо, чтобы изменить ширину столбца. Слова Garden и name должны располагаться на одной строке.


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


4. Выберите в меню команду View * Fit Spread in Window (Вид * Целый разворот), а затем сохраните проект.



Начало работы




В этом уроке вы будете работать над разворотом вымышленного журнала, использующим таблицы с информацией, перенесенные в мир эффективного визуального конструирования. Для создания таблиц будет использоваться палитра Table (Таблица), которая предоставляет возможности для управления свойствами таблицы.

Чтобы быть уверенным, что инструменты и палитры функционируют в точном соответствии с описанием шагов данного урока, удалите или переименуйте файлы InDesign Defaults и InDesign SavedData. За более подробной информацией обратитесь к разделу «Восстановление настроек по умолчанию» в начале этой книги.

1. Запустите программу Adobe InDesign.

2. Выберите в меню команду File * Open (Файл * Открыть) и откройте файл 08_a.indd, находящийся в папке IDCIB * Lessons * ID_08 на вашем жестком диске.

3. Выберите в меню команду File * Save As (Файл * Сохранить как), присвойте файлу имя 08_Gardens и сохраните его в папке ID_08, находящейся в папке IDCIB на вашем жестком диске.

4. Чтобы посмотреть, как выглядит окончательный документ, откройте файл 08_b.indd, находящийся в той же папке. Этот документ можно оставить открытым, чтобы во время работы использовать его в справочных целях. Когда вы будете готовы продолжить работу над документом урока, выберите в меню команду Window * 08_Gardens.indd (Окно * 08_Gardens.indd).


Обратите внимание, что на палитре Pages (Страницы) вашего документа 08_Gardens.indd страницы 1 и 2 находятся на разных разворотах. Необходимо сделать так, чтобы эти страницы находились друг напротив друга на одном развороте, присвоив им номера 2 и 3.

5. На палитре Pages (Страницы) щелкните на первой странице, чтобы выделить ее. Выберите в меню команду b Section Options (Макет * Параметры нумерации и разделов). В открывшемся диалоге Numbering & Section Options (Параметры нумерации и разделов) установите переключатель в положение Start Page Numbering At (Начать нумерацию страниц с) и введите значение 2 в поле ввода, расположенное за этим переключателем. Щелкните на кнопке ОК, чтобы закрыть диалог.


6. При необходимости выберите в меню команду Window * Pages (Окно* Страницы). В меню палитры Pages (Страницы) выберите команду Keep Spread Together (Зафиксировать страницы на развороте). Если вы добавили или удалили страницы, данная команда соединит эту пару страниц вместе.


7. Откройте палитру Layers (Слои) и выполните следующие настройки:

 (Необязательно) Щелкните на значке глаза (

) слоя Background (Фон), чтобы скрыть данный слой. В данном случае будут лучше видны направляющие и границы фреймов.  Выделите слой Tables (Таблицы).  Щелкните на прямоугольнике (
), находящемся справа от значка глаза, слоев Text (Надпись) и Trees (Деревья) для их блокировки, чтобы исключить случайное изменение слоев во время работы над первой таблицей.



Обзорные вопросы




1. В чем состоят преимущества использования таблиц вместо простого ввода текста с использованием табуляций для разделения столбцов?

2. В каких случаях могут образоваться переполненные ячейки?

3. Какой инструмент чаще всего используется при работе с таблицами?



и гораздо проще для форматирования.




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

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

3. Для выполнения любой работы с таблицей должен быть выбран инструмент Туре (Ввод). Можно использовать другие инструменты для работы с изображениями внутри ячеек таблицы, но, чтобы работать с самой таблицей, например, выделять строки или столбцы, вставлять текст или изображения, изменять размеры таблицы и так далее, необходимо использовать инструмент Туре (Ввод).


Помещение изображений в ячейки таблицы




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

1. Используя инструмент Туре (Ввод), щелкните мышью на первой ячейке второй строки (прямо под ячейкой «Detail»), чтобы установить точку вставки.

2. Выберите в меню команду File * Place (Файл * Поместить). В открывшемся диалоге Place (Поместить) найдите файл 08_d.tif в папке ID_08. Дважды щелкните на файле, чтобы открыть его. В первой ячейке появится фотографическое изображение.


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

4. Используя инструмент Selection (Выделение) (

), выделите верхнюю фотографию на монтажном столе справа от разворота. Выберите в меню команду Edit * Cut (Правка * Вырезать).


5. Переключитесь на инструмент Туре (Ввод) (

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

6. Выберите в меню команду Edit * Paste (Правка * Вставить).


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

Можно временно переключиться между инструментами Selection (Выделение) и Туре (Ввод), нажимая и удерживая нажатой клавишу Ctrl  (Windows) или Command (Mac OS).

Невозможно просто перетащить элементы в ячейки таблицы. При перетаскивании элемент будет расположен выше или ниже таблицы в стеке элементов макета, а не помещен внутрь ячейки. Чтобы поместить или вставить содержимое в ячейки таблицы, необходимо использовать инструмент Туре (Ввод).



Помещение нескольких изображений в одну ячейку




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

1. Используя инструмент Selection (Выделение) (

), выделите изображение кресла-коляски на монтажном столе.


2. Выберите в меню команду Edit * Сору (Правка * Копировать).

3. Переключитесь на инструмент Туре (Ввод) и посмотрите на первый экземпляр слова Disabled (Инвалиды) в пятом столбце. Щелкните и, удерживая кнопку мыши, перетащите указатель мыши, чтобы выделить слово целиком и запятую. Возможно, проще всего будет выделить также и пробел между данным словом и следующим.


4. Выберите в меню команду Edit * Paste (Правка * Вставить). Если вы до этого выделили пробел после запятой, нажмите на клавишу пробела, чтобы добавить пробел после изображения.


5. Найдите оставшиеся экземпляры слова Disabled в ячейках пятого столбца, выделите их и выполните команду Paste (Вставить), чтобы заменить текст изображением кресла-коляски.

6. Повторите все шаги для каждого из оставшихся слов и значков: Baby (Ребенок), Bus (Автобус), Taxi (Такси), Lockers (Запирающиеся шкафчики), Retail (Розничные магазины), Coffee (Кафе) и Dining (Столовые).


Если вы не уверены, какой значок что обозначает, выберите значок, используя инструмент Selection (Выделение), и посмотрите на палитру Links (Связи), чтобы увидеть, какой файл выделен. Файлы значков имеют описательные имена.


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



Применение стилей знака к тексту в таблице




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

1. Используя инструмент Туре (Ввод) (

), щелкните где-нибудь на словах Garden name (Название сада) в первой строке таблицы. Выберите в меню команду Table * Select * Row (Таблица * Выделить * Строка).

2. Выберите в меню команду Туре * Character Styles (Ввод * Символьные стили), чтобы отобразить палитру Character Styles (Символьные стили). На этой палитре выделите стиль знака Table Head (Заголовок таблицы), чтобы применить этот стиль к тексту в первой строке.

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

3. Во втором столбце дважды щелкните на имени Anreuten-Wynne, чтобы выделить его, а затем, удерживая нажатой кнопку мыши, перетащите указатель вниз, чтобы выделить все имена в данном столбце. Будьте внимательны, чтобы не включить в выделение текст заголовка столбца.


4. На палитре Character Styles (Символьные стили) выберите строку Table Names (Табличные имена), чтобы применить этот стиль к выделенному тексту.

5. Выделите все ячейки столбцов 3 и 4, за исключением ячеек заголовка таблицы, находящихся в первой строке, используя способ, описанный на шаге 3. Затем воспользуйтесь палитрой Character Styles (Символьные стили), чтобы применить стиль Table Details (Табличные сведения) к выделенному тексту.


6. Выделите все ячейки, кроме ячеек заголовка для каждого столбца, воспользовавшись способами, описанными в шагах 3 и 5.


7. На палитре Table (Таблицы) в поле ввода Top Cell Inset (Отступ сверху ячейки) (

) введите значение 0.08" и нажмите клавишу Enter.



Работа с таблицами внутри существующих текстовых фреймов




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

1. На палитре Layers (Слои) щелкните на пустом прямоугольнике, расположенном между значком глаза (

) и именем слоя Tables (Таблицы), чтобы заблокировать слой. Затем снимите блокировку со слоя Text, щелкнув на столбце, находящемся слева от имени слоя на палитре Layers (Слои); щелкните на имени слоя, чтобы выделить его.

2. На палитре Pages (Страницы) дважды щелкните на значке страницы 2, чтобы отцентрировать страницу в окне документа.

3. Используя инструмент Туре (Ввод) (
), щелкните прямо перед словами «As always», чтобы поместить в этом месте точку вставки (эти слова расположены где-то в двух третях от начала абзаца). Обратите внимание на расположение таблицы около нижнего края страницы.


4. Нажмите клавишу Enter, чтобы разделить текст на два абзаца. Выберите в меню команду Edit * Deselect All (Правка * Отменить все выделение). Обратите внимание, как таблица сместилась к нижнему краю страницы, чтобы подстроиться к новому промежутку.

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



Самостоятельная работа




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

1. Чтобы создать новую таблицу, прокрутите окно документа за пределы разворота, на монтажный стол. Выбрав на панели инструментов инструмент Туре (Ввод) (

), нарисуйте прямоугольник, чтобы создать новый текстовый фрейм. Затем выберите в меню команду Table * Insert Table (Таблица * Вставить таблицу). В открывшемся диалоге Insert Table (Вставка таблицы) укажите количество строк и столбцов, которое вы хотите видеть в новой таблице.

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

3. Чтобы добавить столбец, используя операцию перетаскивания, поместите указатель инструмента Туре (Ввод) над правой границей одного из столбцов таблицы, при этом форма указателя должна смениться на двунаправленную (Windows) или Option (Mac OS), перетащите указатель мыши на небольшое расстояние, примерно на полдюйма. Когда вы отпустите кнопку мыши, появится новый столбец, причем его ширина будет равна расстоянию, на которое вы перетащили указатель мыши.

4. Чтобы объединить несколько ячеек в одну, выделите все ячейки нового столбца, созданного в предыдущем задании (задание 3) раздела «Самостоятельная работа». Затем выберите в меню команду Table * Merge Cells (Таблица * Объединить ячейки). Чтобы преобразовать таблицу в текст, выберите в меню команду Table * Convert Table to Text (Таблица * Преобразовать таблицу в текст). Можно сделать так, чтобы символы табуляции разделяли то, что раньше было столбцами, а символы конца абзаца будут разделять строки. Эти параметры также можно изменить. Подобным образом можно преобразовать табулированный текст в таблицу, выделив текст и выбрав в меню команду Table * Convert Text to Table (Таблица * Преобразовать текст в таблицу).

5. Чтобы создать повернутый текст, выберите инструмент Туре (Ввод) и щелкните в любом месте объединенной ячейки, созданной в предыдущем задании (задание 4) раздела «Самостоятельная работа». Выберите в меню команду Window * Туре & Tables * Table (Окно * Текст и таблицы * Таблица), чтобы отобразить палитру Table (Таблица). Щелкните на кнопке -переключателе Rotate Text 270°  и затем введите в ячейку желаемый текст.



Удаление столбца




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

Информация, расположенная в крайнем правом столбце таблицы, устарела и уже не важна, поэтому вы сейчас удалите этот столбец целиком.

1. Используя инструмент Туре (Ввод) (

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


2. Выберите в меню команду Table * Delete * Column (Таблица * Удалить * Столбец). Весь столбец удален целиком.

Чтобы удалить только содержимое столбца, выделите столбец и нажмите клавишу Delete.

В меню Table (Таблица) и в меню палитры Table (Таблица) вы найдете дополнительные команды для добавления столбцов и строк, для удаления строк и всей таблицы, а также для выделения строк, столбцов, ячеек и всей таблицы.



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


В этом уроке... Начало работы Импортирование и форматирование таблицы Форматирование границ и чередование цветов строк Добавление границ ячеек Форматирование ячеек шапки таблицы Удаление столбца Использование изображений в таблицах Установка фиксированного размера строк и столбцов Помещение изображений в ячейки таблицы Помещение нескольких изображений в одну ячейку Форматирование текста в таблице Применение стилей знака к тексту в таблице Изменение размера столбца посредством перетаскивания Работа с таблицами внутри существующих текстовых фреймов Завершение работы Самостоятельная работа Обзорные вопросы Ответы на обзорные вопросы

Установка фиксированного размера строк и столбцов




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

1. Используя инструмент Туре (Ввод) (

), выделите первый столбец, либо удерживая кнопку мыши и перетащив указатель мыши сверху вниз, либо щелкнув на верхней границе столбца, когда указатель примет форму толстой вертикальной стрелки, направленной вниз (
). Также можно щелкнуть на любой ячейке столбца и выбрать в меню команду Table * Select * Column (Таблица * Выделить * Столбец).

2. Если палитра Table (Таблица) не видна, выберите в меню команду Window * Туре & Tables * Table (Окно * Текст и таблицы * Таблица), чтобы открыть ее. В поле ввода Column Width (Ширина столбца) (
) введите значение 1.15 in (или 1.15") и нажмите клавишу Enter. Затем щелкните на любом месте таблицы, чтобы снять выделение со столбца.

3. Используя инструмент Туре (Ввод) (
), щелкните на второй ячейке первого столбца и, удерживая кнопку мыши, перетащите указатель вниз до нижней границы таблицы. Выделите все ячейки, кроме ячейки заголовка, находящейся вверху столбца.


4. На палитре Table (Таблица) в открывающемся списке Row Height (Высота строки) выберите значение Exactly (Точно) и в поле ввода, расположенном справа от списка, введите значение 1.15 in. Нажмите клавишу Enter.



В этом уроке...




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

В этом уроке вы узнаете, как:

 Импортировать отформатированные таблицы из других приложений, как, например, Microsoft Word и Microsoft Excel;  Удалять и изменять ширину столбцов; Устанавливать точные размеры столбцов;  Форматировать таблицы, меняя,  цвета строк;  Помещать одно или несколько изображений в ячейку; Форматировать границы ячеек и самой таблицы; Форматировать текст в таблицах по столбцам и по строкам.  Применять цвета к отдельным строкам;



Завершение работы




Мы уже практически закончили работу с данным уроком.

1. Выберите в меню команду View * Fit Spread in Window (Вид * Целый разворот).

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

)).

3. На панели инструментов щелкните на кнопке Preview Mode (Режим просмотра).


4. Нажмите клавишу Enter, чтобы скрыть все палитры и просмотреть результаты работы.

Поздравляем! Вы закончили этот урок.

За более подробными сведениями по работе с таблицами обратитесь к интерактивной справке и посетите сайт компании Adobe.



Добавление концевой фигуры к открытому пути




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

1. Используя инструмент Selection (Выделение) (

), выделите полукруг.

2. Щелкните на вкладке палитры Stroke (Обводка) (или выберите в меню команду Window * Stroke (Окно * Обводка)), чтобы отобразить палитру на экране. По умолчанию палитра Stroke (Обводка) раскрывается лишь частично, поэтому виден только параметр Weight (Толщина).

3. Щелкните на двойной стрелке, расположенной на вкладке палитры, слева от слова Stroke. Палитра свернется еще больше, и будут видны только вкладки. Щелкните на двойной стрелке снова, чтобы отобразить все элементы управления палитры Stroke (Обводка).


4. На палитре Stroke (Обводка) в открывающемся списке Start (Начало) выберите значение Circle (Окружность). В результате выполненного действия в начальной точке пути добавится фигура окружности - первая точка, которая была нарисована во время создания пути.


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

Чтобы поменять местами начальную и конечную точки пути, используйте инструмент Direct Selection (Прямое выделение), чтобы выделить точку пути, а затем выберите в меню команду Object * Reverse Path (Элемент * Обратный путь).



Дублирование и масштабирование за одну операцию




Создаваемая полуокружность должна быть больше существующей окружности и иметь с ней общий центр. За одну операцию можно создать копию существующей окружности и увеличить ее размер относительно центра оригинала.

1. На палитре Layers (Слои) щелкните на значке глаза в строке слоя Head/eye, чтобы скрыть данный слой.

2. Щелкните на крайнем левом прямоугольнике в строке слоя Circles (Круги), чтобы появился значок глаза (

). Этот слой содержит фигуру круга, которую вы будете дублировать.

3. Убедитесь, что на палитре Layers (Слои) в качестве целевого выбран слой Circles. В окне документа увеличьте масштаб отображения кругов, оставив немного места для большой окружности, которую вы будете создавать.


4. Используя инструмент Selection (Выделение) (

), выделите голубую (внешнюю) окружность.

5. Щелкните на вкладке палитры Transform (Трансформация) (или выберите в меню команду Window * Transform (Окно * Трансформация)), чтобы отобразить палитру.

6. Убедитесь, что на палитре Transform (Трансформация) выбран центральный маркер в значке схематичного представления (proxy point) (
).

В соответствии с положением этого маркера следующее действие, вызываемое с помощью команды из меню палитры Transform (Трансформация), будет выполняться относительно центра выделения, а не относительно маркеров, расположенных на сторонах или в углах выделенного объекта. Удостоверьтесь, что кнопка Constrain proportions for scaling (Сохранять пропорции при масштабировании) (
), расположенная в левом нижнем углу палитры, нажата.

7. В поле ввода Scale X Percentage (Масштабирование по оси X) (
) палитры Transform (Трансформация) введите значение 120 и нажмите комбинацию клавиш  Alt+Enter (Windows) или Option+Enter (Mac OS). В результате появится дубликат окружности большего диаметра.


Чтобы масштабировать круг только по горизонтали (оси X), после ввода значения параметра необходимо нажать только клавишу Enter. В данном случае вы нажали клавишу Ctrl (Windows) или Command (Mac OS), чтобы выполнить пропорциональное масштабирование и по другой оси (оси Y); клавиша Alt  или Option была нажата для создания дубликата исходной окружности с использованием нового значения масштаба.



Использование дополнительных параметров инструмента Polygon (Многоугольник)




Инструмент Polygon (Многоугольник) содержит элементы управления, позволяющие влиять на создаваемые фигуры. Для создания звездообразных фигур можно изменить количество точек в многоугольнике и установить расстояние между точками.

1. На палитре Layers (Слои) щелкните на крайнем левом прямоугольнике в строке слоя Text (Текст), чтобы появился значок глаза (

), и убедитесь, что слой Text выбран в качестве целевого.

2. Выберите в меню команду View * Show Document Grid (Вид * Показать сетку документа), а затем команду View * Snap to Document Grid(Вид * Привязка к сетке документа).

3. В окне документа увеличьте масштаб изображения правой нижней области страницы 1 до значения 200% или больше, чтобы можно было отчетливо видеть ячейку сетки документа.

4. На панели инструментов щелкните на инструменте Rectangle (Прямоугольник) (
) и, не отпуская кнопки мыши, выберите инструмент Polygon (Многоугольник) (
) из открывшегося меню скрытых инструментов. Затем щелкните дважды на инструменте Polygon (Многоугольник), чтобы открыть диалог Polygon Settings (Параметры многоугольника).

5. В поле ввода Number of Sides (Количество сторон) выберите значение 8, а в поле ввода Star Inset (Расстояние между точками) - значение 40. Щелкните на кнопке ОК.


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


Поскольку выбрана команда Snap to Document Grid (Привязка к сетке документа), нет необходимости удерживать нажатой клавишу Shift во время перетаскивания, чтобы сохранить пропорции фигуры. У вас должна получиться симметричная фигура звезды.

7. Выберите в меню команду View * Hide Document Grid (Вид * Скрыть сетку документа), а затем команду View * Snap to Document Grid (Вид * Привязка к сетке документа), чтобы отменить данный режим.

Теперь, когда звезда уже создана, вы просто вставите ее в текст, чтобы получить внутристрочную графику.



Изменение формы существующих сегментов




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

1. На палитре Layers (Слои) щелкните на крайнем левом прямоугольнике строки слоя Template 5, чтобы появился значок глаза (

). Слой Template 5 содержит шаблон окончательной формы рта.

2. Увеличьте масштаб изображения в окне документа, чтобы одновременно были видны нос, рот и подбородок.

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

4. Нажмите клавишу Р, чтобы выбрать инструмент Реn (Перо) (
), и расположите указатель мыши над точкой 6 (но пока не щелкайте). Когда указатель будет расположен над точкой, вы увидите рядом с указателем мыши маленький знак «минус» (
).

5. Не меняя положения указателя инструмента Реn (Перо), нажмите и удерживайте клавишу Alt (Windows) или Option (Mac OS). Обратите внимание, что форма указателя мыши сменилась на значок инструмента Convert Direction Point (Преобразование направляющей точки) (
) - в данном случае выбран реальный инструмент, а не инструмент Реn (Перо) со значком вставки. Удерживая нажатой клавишу  Alt  или Option, перетащите указатель мыши из точки 6 вдоль красной линии, выходящей из данной точки. Появится направляющая линия, и угловая точка преобразуется в гладкую точку.


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

При щелчке на гладкой точке с нажатой клавишей  Alt /Option гладкая точка преобразуется в угловую точку, при этом направляющие линии удаляются.


6. Расположите указатель инструмента Реn (Перо) над верхней направляющей точкой точки 6. Затем, удерживая нажатой клавишу Alt  (Windows) или Option (Mac OS), перетащите верхнюю направляющую точку обратно в точку 6.


7. Расположите указатель инструмента Реn (Перо) над точкой 7 и, удерживая нажатой клавишу  Alt /Option, перетащите указатель мыши из точки 7 вниз до красной точки. Точка 7 была преобразована из угловой точки в гладкую точку. Растягивание направляющих линий также влияет на левую половину сегмента между точками 6 и 7; теперь сегмент совпадает с сегментом шаблона.


8. Расположите указатель инструмента Реn (Перо) над точкой 8 и, удерживая нажатой клавишу  Alt /Option, перетащите указатель мыши из точки 8 вниз до красной точки, чтобы сегмент между точками 8 и 9 стал изогнутым.


9. Расположите указатель инструмента Реn (Перо) над нижней направляющей точкой точки 8. Удерживая нажатой клавишу Alt /Option, перетащите нижнюю направляющую точку вверх, в точку 8.


10. Нажмите комбинацию клавиш Ctrl +O (Windows) или Command+O(Mac OS), чтобы отобразить в окне всю страницу целиком.

11. На палитре Layers (Слои) щелкните на значке глаза в строке слоя Template 5, чтобы скрыть этот слой.

12. Снимите выделение со всех объектов и затем сохраните файл.

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



Копирование и изменение существующего пути




Теперь вы займетесь рисованием замкнутой фигуры (closed shape), которая будет находиться под только что нарисованной открытой фигурой (open shape). Для начала необходимо включить слой Template 2, содержащий фигуру нижней части воротничка рубашки, которую вы сейчас будете рисовать.

1. На палитре Layers (Слои) щелкните на крайнем слева квадрате строки слоя Template 2, чтобы появился значок глаза (

), и щелкните на строке слоя Collar, чтобы сделать его целевым слоем. При необходимости настройте вид окна документа, чтобы можно было видеть целиком фигуру воротничка.


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

2. Щелкните инструментом Direct Selection (Прямое выделение) (

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


3. Удерживая нажатой комбинацию клавиш Shift +Аlt (Windows) или Shift+Орtion (Mac OS), перетащите путь верхней части воротничка вниз, чтобы он сравнялся с верхней границей шаблона нижней части воротничка. Отпустив кнопку мыши, вы увидите, что в действительности вы создали и перетащили копию пути, а не сам оригинал.



Перетаскивание копии верхнего пути (слева) и расположение новой копии после перетаскивания (справа)

Если вы обнаружите, что вместо всей фигуры перетаскиваете всего лишь одну точку, выберите в меню команду Edit * Undo (Правка * Отменить,) и попробуйте перетащить путь снова, предварительно убедившись, что все точки пути выделены (опорные точки должны быть залиты цветом).


При использовании инструмента Direct Selection (Прямое выделение) по сетке документа выравнивается сам путь, а не его обводка. Если бы использовался инструмент Selection (Выделение), то по сетке документа была бы выровнена внешняя граница объекта, а не сам путь.

Изменение эффекта влияния толщины обводки на ограничивающий прямоугольник и размеры пути

При изменении толщины обводки пути внешние размеры ограничивающего прямоугольника пути по умолчанию остаются прежними, что позволяет сохранить расположение внешней границы обводки, при этом размеры внутренней границы увеличиваются или уменьшаются. Расположение и размеры пути (который проходит по центру обводки) изменяются соответственно. Чтобы сохранить расположение пути и его размеры, выберите команду Weight Changes Bounding Box (Изменение ограничивающего прямоугольника с изменением обводки). В этом случае при изменении толщины обводки будет оказываться незначительное влияние на размер видимой области заливки или содержимого пути, в то время как суммарная площадь заливки и обводки будет изменяться.



Инструмент Selection (Выделение) активизирует ограничивающий прямоугольник, проходящий по внешней границе обводки (слева). Инструмент Direct Selection (Прямое выделение) отображает путь, проходящий по центру обводки (справа)



А. Исходный путь. В. Увеличена толщина обводки. С. Толщина обводки увеличена после выбора команды Weight Changes Bounding Box (Изменение ограничивающего прямоугольника с изменением обводки)


4. Выберите в меню команду Edit* Deselect All (Правка * Отменить все выделение).

5. Используя инструмент Direct Selection (Прямое выделение), очертите рамку вокруг левой нижней точки, чтобы выделить ее. Используя инструмент Direct Selection (Прямое выделение) и не снимая выделения с данной точки, нарисуйте рамку вокруг правой нижней точки, удерживая нажатой клавишу Shift.

Обе точки должны быть выделены и соответственно представляться маленькими квадратиками, залитыми цветом; невыделенные точки представляются полыми квадратиками.


6. Разместите указатель мыши на правой нижней конечной точке пути воротничка. Затем, щелкнув и удерживая кнопку мыши, перетащите указатель мыши на точку 7 шаблона, чтобы растянуть одновременно оба выделенных сегмента.



Начало работы




В этом уроке вы создадите изображения на лицевой и задней обложках почтовой рекламы (direct-mail). Для рисования некоторых векторных объектов (путей) в документе будут использоваться инструменты рисования программы InDesign. Прежде чем приступить к выполнению упражнений урока, необходимо восстановить стандартные настройки программы Adobe InDesign.

1. Чтобы быть уверенным, что инструменты и палитры функционируют в точном соответствии с описанием шагов данного урока, удалите или переименуйте файлы InDesign Defaults и InDesign SavedData. За более подробной информацией обратитесь к разделу «Восстановление настроек по умолчанию» в начале этой книги.

2. Запустите программу Adobe InDesign.

3. Выберите в меню команду File * Open (Файл * Открыть) и откройте файл 09_a.indd, находящийся в папке ID_09 папки Lessons на вашем жестком диске.


4. Выберите в меню команду File * Save As (Файл * Сохранить как), в открывшемся диалоге Save As (Сохранение как) присвойте файлу имя 09_Mailer.indd и щелкните на кнопке Save (Сохранить).

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

В процессе выполнения урока вы будете использовать палитру Layers (Слои), чтобы отображать и скрывать части документа. В конце урока вы отобразите все слои, за исключением слоев, содержащих шаблоны для вычерчивания. За более детальной информацией обратитесь к разделу «Работа со слоями» («Working with Layers») интерактивной справки Adobe InDesign CS2.

5. Чтобы посмотреть, как выглядит окончательный документ, откройте файл 09_b.indd, находящийся в той же папке. Этот документ можно оставить открытым, чтобы использовать его в справочных целях во время работы. Когда вы будете готовы продолжить работу над документом урока, выберите его имя в меню Window (Окно).


В этом уроке часто используются палитры Layers (Слои) и Swatches (Образцы). Возможно, имеет смысл увеличить размеры этих палитр, чтобы легко видеть все их элементы. Во время работы можно свободно перемещать палитры и изменять масштаб отображения документа до уровня, который вам наиболее подходит. За более детальной информацией обратитесь к разделам «Изменение масштаба отображения документа» и «Использование палитры Navigator (Навигатор)».

Настройка сетки документа




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

1. Выберите в меню команду Edit * Preferences * Grids (Правка * Настройки * Сетки) (Windows) или InDesign CS2 * Preferences * Grids (InDesign CS2 * Настройки * Сетки) (Mac OS).

2. В открывшемся диалоге Preferences (Настройки) в группе элементов управления Document Grid (Сетка документа) установите следующие значения параметров: в группе элементов управления Horizontal (Горизонталь) в поле ввода Gridline Every (Каждая линия сетки) введите значение 10р0 (10 пика, 0 пунктов), а в поле ввода Subdivisions (Малые деления) - значение 10; введите такие же значения в аналогичные поля ввода группы элементов управления Vertical (Вертикаль).

3. Выберите в меню команду View * Show Document Grid (Вид * Показать сетку документа).

4. Выберите в меню команду View * Snap to Document Grid (Вид * Привязка к сетке документа), чтобы установить соответствующий флажок.

Иногда сетки плохо заметны, потому что над ними находятся объекты макета. Можно расположить сетки поверх объектов. Для этого выберите в меню команду Edit * Preferences * Grids (Правка * Настройки* Сетки) (Windows) или InDesign CS * Preferences * Grids (InDesign CS2 * Настройки * Сетки) (Mac OS) и в открывшемся диалоге Preferences (Настройки) сбросьте флажок Grids in Back (Сетки позади).



Обзорные вопросы




1. Почему при рисовании или редактировании путей используется инструмент Direct Selection (Прямое выделение), а не инструмент Selection (Выделение)?

2. В чем основное различие между гладкими точками и угловыми точками?

3. При помощи какого инструмента можно преобразовать опорную точку из угловой точки в гладкую точку или наоборот?

4. Как убедиться, что трансформация (вращение, масштабирование и т.д.) будет производиться относительно центральной точки объекта?

Окраска пути




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

Перед тем как раскрасить фигуру воротничка, давайте выключим слой Template 1, чтобы видеть путь более отчетливо.

1. На палитре Layers (Слои) щелкните на значке глаза (

) в строке слоя Template 1, чтобы выключить данный слой.

2. Используя инструмент Selection (Выделение) (
), выделите путь.

3. Щелкните на вкладке палитры Swatches (Образцы) (или выберите в меню команду Window * Swatches (Окно * Образцы)), чтобы отобразить палитру.

4. На панели инструментов щелкните на квадрате Stroke (Обводка) (
), чтобы переместить его на передний план.

5. На палитре Swatches (Образцы) щелкните на строке с именем TRUMATCH 25-с1 (возможно, понадобится увеличить размер палитры или прокрутить ее окно).

6. На панели инструментов щелкните на квадрате Fill (Заливка) (
), чтобы переместить его на передний план, и убедитесь, что на палитре Swatches (Образцы) выбрана строка с именем [None].


7. Выберите в меню команду Edit * Deselect All (Правка * Отменить все выделение), а затем - команду File * Save (Файл * Сохранить), чтобы сохранить файл.



отображает только ограничивающий прямоугольник пути.




1. Инструмент Selection (Выделение) отображает только ограничивающий прямоугольник пути. Инструмент Direct Selection (Прямое выделение) отображает сам путь и точное положение его опорных точек.

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

3. Преобразовать гладкую точку в угловую точку или наоборот можно при помощи инструмента Convert Direction Point (Преобразование направляющей точки) (
). Инструмент Convert Direction Point (Преобразование направляющей точки) находится на панели инструментов в одной группе с инструментом Реn (Перо).

4. Выделив объект, щелкните на центральном маркере в значке схематичного представления (
) на палитре Transform (Трансформация).


Подготовка к рисованию фигуры головы




Форма головы, полученная в результате работы, будет состоять из криволинейных и прямолинейных сегментов, соединенных угловыми точками. Перед тем как начать рисование инструментом Реn (Перо), нужно показать и активизировать все необходимые элементы.

1. На палитре Layers (Слои) щелкните на значках глаза (

) в строках слоев Flower и Template 3, чтобы скрыть эти слои. Затем щелкните на крайнем левом прямоугольнике в строке слоя Template 4, чтобы сделать данный слой видимым.

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


3. На палитре Layers (Слои) щелкните на крайнем левом прямоугольнике строки слоя Head/eye (Голова/глаз), чтобы сделать данный слой видимым. В окне документа появится незаконченный путь, начинающийся в точке 1 и заканчивающийся в точке 6.


4. На палитре Layers (Слои) щелкните на строке слоя Head/eye, чтобы сделать слой целевым.


Сейчас вы воспользуетесь комбинацией клавиш, чтобы отобразить сетку и включить привязку к ней объектов.

5. Убедитесь, что на панели инструментов выбран режим Normal View Mode (Обычный режим просмотра); если режим не установлен, щелкните на кнопке, соответствующей этому режиму.


Если линии сетки документа по-прежнему не видны, нажмите комбинацию клавиш Ctrl+' (Windows) или Command+' (Mac OS), чтобы отобразить их.


6. Нажмите комбинацию клавиш Shift+Ctrl+' (Windows) или Shift+Command+ ' (Mac OS), чтобы включить привязку объектов к сетке документа. Чтобы убедиться, что флажок Snap to Document Grid (Привязка к сетке документа) установлен, выберите в меню команду View (Вид). В открывшемся меню напротив команды Snap to Document Grid (Привязка к сетке документа) должен стоять флажок.



Подготовка к рисованию инструментом Pencil (Карандаш)




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

1. На палитре Layers (Слои) щелкните на значке глаза (

) в строке слоя Collar, чтобы скрыть данный слой, а затем щелкните на этом же столбце в строках слоев Template 3 и Flower (Цветок), чтобы сделать эти слои видимыми; выберите слой Flower в качестве целевого (щелкните на строке слоя, чтобы выделить ее).


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


Или для установки требуемого масштаба изображения можно выбрать инструмент Zoom (Масштаб) (

) и очертить рамку вокруг формы цветка на шаблоне.

3. На панели инструментов щелкните дважды на инструменте Pencil (Карандаш), чтобы открыть диалог Pencil Tool Preferences (Настройки инструмента Карандаш), и установите следующие значения параметров:

 Для элемента управления Fidelity (Точность) установите значение 15, введя его с клавиатуры или перетащив соответствующим образом ползунок.  Для элемента управления Smoothness (Гладкость) установите значение 50, введя его с клавиатуры или перетащив соответствующим образом ползунок.  Убедитесь, что флажок Edit Selected Paths (Редактировать выделенные пути) установлен, а значение параметра Within (В пределах) равняется 12. Это позволит добавлять сегменты к существующему пути, щелкая инструментом Pencil (Карандаш) (

) на расстоянии, не превышающем значения параметра Within (В пределах), от конечной точки пути. Щелкните на кнопке ОК, чтобы закрыть диалог.



Помещение внутристрочной графики




1. Не снимая выделения с многоугольной звезды, выберите в меню команду Edit * Cut (Правка * Вырезать), чтобы удалить звезду и поместить ее в буфер обмена компьютера.

2. Выберите инструмент Туре (Ввод) (

) и щелкните на точке вставки (insertion point) после текста «...we have a class for you.» за точкой.


3. Выберите в меню команду Edit * Paste (Правка * Вставить), чтобы поместить графику прямо в тексте, где была установлена точка вставки. Отобразите сетку документа, чтобы проверить расположение графики, выбрав в меню команду View* Show Document Grid (Вид * Показать сетку документа).


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

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


5. Используя инструмент Туре (Ввод) (

), протащите указатель мыши через фигуру звезды, чтобы выделить ее. На палитре Character (Символ) изменяйте значение параметра Baseline Shift (Смещение базовой линии) (А.;-) до тех пор, пока графика не расположится красиво между строчками над и под ней. В файле примера используется значение -3 pt.

Можно также изменить положение графики, выделив ее при помощи инструмента Selection (Выделение) и нажав кнопку со стрелкой вниз.


6. Переключитесь на инструмент Selection (Выделение) (

) и выделите звезду.

7. На панели инструментов щелкните на квадрате Stroke (Обводка) (
), а затем на палитре Swatches (Образцы) щелкните на строке с именем ТВДМАТСН 15-с4, чтобы окрасить контур звезды.

8. Снимите выделение со всех объектов, уменьшите масштаб изображения, чтобы увидеть страницу целиком, и сохраните файл.



Разрезание пути при помощи инструмента Scissors (Ножницы)




Теперь можно просто отрезать ненужную часть окружности.

1. Выберите инструмент Direct Selection (Прямое выделение) (

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

Если после выбора инструмента Direct Selection (Прямое выделение) вокруг окружности самого большого диаметра отображается ограничивающий прямоугольник, снимите выделение и затем используйте инструмент Direct Selection (Прямое выделение), чтобы выделить окружность снова.


2. На панели инструментов выберите инструмент Scissors (Ножницы) (

).


3. Используя инструмент Scissors (Ножницы), щелкните на опорной точке с левой стороны новой окружности. Затем щелкните на опорной точке с правой стороны. Исходный путь будет разбит на два отдельных пути, и только нижняя полуокружность останется выделенной.



Щелчок на левой и правой опорных точках. (Значки увеличены, чтобы показать дополнительные данные.)


4. Переключитесь на инструмент Selection (Выделение) (

) и убедитесь, что выделена нижняя часть окружности самого большого диаметра.

5. Нажмите клавишу Delete, чтобы удалить нижнюю дугу пути.



Рисование фигуры цветка инструментом Pencil (Карандаш)




Теперь у вас все готово, чтобы начать рисование цветка.

1. Переместите указатель инструмента Pencil (Карандаш) (

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


Обратите внимание, что отображаемый путь гораздо глаже пунктирной красной линии, которая была видна в процессе рисования. Такой эффект достигается установкой большого значения для параметра Smoothness (Гладкость) инструмента Pencil (Карандаш).

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

Важно, чтобы путь был непрерывным, то есть чтобы рисуемые сегменты соединялись в один путь. До тех пор, пока в начале рисования очередного сегмента указатель инструмента Pencil (Карандаш) появляется без маленького символа X, можно быть уверенным, что рисуемый путь будет непрерывным.

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

Программа InDesign CS2 имеет множество уровней операции отмены действий, поэтому можно выполнять команду Edit * Undo (Правка * Отменить) для отмены большого количества последних действий. Точное число отмен ограничено объемом оперативной памяти (ОЗУ) вашего компьютера и может достигать нескольких сотен операций.


3. Когда вы вернетесь к начальной точке, во время рисования нажмите и удерживайте клавишу Alt (Windows) или Option (Mac OS), чтобы возле указателя инструмента Pencil (Карандаш) появился маленький значок петли (

); последний нарисованный сегмент замкнет фигуру цветка.


Если форма цветка вам не нравится, ее можно поправить при помощи инструмента Smooth (Сглаживание) (

).

Объединение двух путей, нарисованных инструментом Pencil (Карандаш)

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

1. На панели инструментов выберите инструмент Selection (Выделение) (
).

2. Выделите первый путь, а затем, удерживая нажатой клавишу Shift, выделите второй путь.

3. На панели инструментов выберите инструмент Pencil (Карандаш) (
) и поместите указатель мыши над конечной точкой пути, который вы собираетесь соединить с другим путем.


4. Начните перетаскивать указатель мыши по направлению к конечной точки второго пути, а когда приблизитесь ко второй конечной точке, нажмите и удерживайте клавишу Ctrl (Windows) или Command (Mac OS). Возле указателя инструмента Pencil (Карандаш) появится небольшая петля, которая указывает на то, что рисуемый сегмент будет объединять два пути.

5. После завершения рисования отпустите кнопку мыши, а затем отпустите клавишу Ctrl (Windows) или Command (Mac OS); выберите в меню команду Edit * Deselect All (Правка * Отменить все выделение).

При необходимости повторите шаги со 2-го по 5-й, чтобы связать объединенный путь с другими отдельными сегментами, последовательно присоединяя их к основному пути.



Рисование фигуры головы




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

1. Нажмите клавишу Р, чтобы выбрать инструмент Реn (Перо) (

). Расположите указатель мыши над точкой 6 шаблона, чтобы возле указателя появилась косая черта; щелкните на точке 6. Косая черта показывает, что добавляемая опорная точка будет принадлежать существующему пути, а не будет образовывать отдельный путь.

2. Щелкните на точках 7, 8 и 9 в указанном порядке.


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


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

3. Расположите указатель мыши над точкой 10. Щелкните на точке 10 и, удерживая кнопку мыши, перетащите указатель вдоль красной линии. Достигнув конечной точки красной линии, отпустите кнопку мыши.

4. Щелкните на точке 11. Обратите внимание, что вместо прямой линии, изображенной на шаблоне, новый сегмент пути представляет собой кривую линию; на следующих шагах вы поправите нарисованную линию.


5. Выберите в меню команду Edit * Undo (Правка * Отменить). Новый сегмент исчезнет.

6. Расположите указатель мыши над точкой 10 (возле указателя мыши должен появиться маленький значок вставки) и щелкните на точке 10.

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


7. Щелкните на точке 11, а затем расположите указатель мыши над точкой 1. Щелкните на точке 1, когда возле указателя мыши появится маленький значок петли, показывающий, что при щелчке на точке 1 путь замкнется и этим завершится рисование головы.


8. На палитре Layers (Слои) щелкните на значке глаза (

) в строке слоя Template 4, чтобы скрыть данный слой, а затем выберите в меню команду File * Save (Файл * Сохранить).

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



Рисование глаза




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

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

1. Нажмите комбинацию клавиш  Ctrl +' (Windows) или Command+' (Mac os), чтобы спрятать сетку документа.

2. Нажмите комбинацию клавиш Shift+Ctrl+' (Windows') или Shift+Command+' (Mac OS), чтобы отменить режим Snap to Document Grid (Привязка к сетке документа).

3. На палитре Layers (Слои) щелкните на крайнем левом прямоугольнике строки слоя Template 6, чтобы появился значок глаза (

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

4. Убедитесь, что на палитре Layers (Слои) выбран слой Head/eye.


5. Используя инструмент Реn (Перо), расположите указатель мыши над точкой 1 шаблона и щелкните один раз.


6. Расположите указатель мыши над точкой 2 шаблона, щелкните и, не отпуская кнопку мыши и удерживая нажатой клавишу  Shift. перетащите указатель вправо до серой точки.


7. Расположите указатель мыши над правой направляющей точкой (над серой точкой) точки 2. Удерживая нажатой клавишу Alt  (Windows) или Option (Mac OS), перетащите направляющую точку вниз к красной точке. Обратите внимание, что положение левой направляющей линии точки 2 не изменилось.


8. Расположите указатель мыши над точкой 3 шаблона, щелкните и, не отпуская кнопку мыши и удерживая нажатой клавишу Shift, перетащите указатель вверх до серой точки.


9. Удерживая нажатой клавишу Alt /Option, перетащите верхнюю направляющую линию точки 3 вниз и вправо к красной точке. Эта направляющая линия будет определять форму левой половины следующего сегмента.


10. Щелкните на точке 4, используя инструмент Реn (Перо).

11. Расположите указатель мыши над точкой 5 шаблона, щелкните и, не отпуская кнопку мыши и удерживая нажатой клавишу Shift. перетащите указатель до красной точки.

Удерживание клавиши  Shift  при перетаскивании направляющих линий позволяет располагать их строго горизонтально.

Если у вас возникли проблемы с последним шагом, выберите в меню команду Edit * Undo (Правка * Отменить) и не забудьте, что клавишу Shift необходимо нажать после начала перетаскивания.


12. Щелкните на точке 1, чтобы замкнуть путь, а затем нажмите комбинацию клавиш Shft+Ctrl+A (Windows) или Shift+Command+A(Mac OS), чтобы снять с пути выделение, если это не было сделано раньше.


13. На палитре Layers (Слои) щелкните на значке глаза в строке слоя Template 6, чтобы скрыть данный слой; после этого сохраните файл.

Обратите внимание, что при создании новых сегментов инструментом Реn (Перо) сохраняются все существующие угловые точки и гладкие точки, и при нажатии клавиш  Alt /Option модифицируется стандартное поведение инструмента Реn (Перо).



Рисование комбинаций криволинейных и прямолинейных сегментов




При рисовании кривых для предыдущей фигуры, вокруг каждой опорной точки вращались две направляющие линии. Такие опорные точки называются гладкими точками (smooth points), потому что они объединяют сегменты в плавную кривую. Инструмент Реn (Перо) можно использовать вместе с модифицирующей клавишей, чтобы расположить каждую из направляющих линий под разными углами для преобразования гладкой точки в угловую точку (corner point) с двумя направляющими линиями, которые перемещаются независимо друг от друга. Единственное различие между угловыми точками, которые были созданы в начале урока (при рисовании воротничка), и угловыми точками, которые будут созданы в данном упражнении, заключается в том, что создаваемые угловые точки будут иметь направляющие линии.



А. Гладкая точка. В. Угловая точка с направляющей линией. С. Угловая точка без направляющих линий



Рисование криволинейных сегментов инструментом Реn (Перо)




В этой части урока вы узнаете, как рисовать гладкие кривые линии при помощи инструмента Реn (Перо). Как и в случае с прямолинейными сегментами, которые вы рисовали в процессе создания воротничка, рисование кривых линий при помощи инструмента Реn (Перо) состоит из размещения опорных точек пути. Однако, вместо того чтобы просто щелкать мышью при выбранном инструменте Реn (Перо), вы будете перетаскивать указатель для управления двумя направляющими линиями (direction line), которые точно воздействуют на направление кривой. При отпускании кнопки мыши создается начальная точка кривой с направляющими линиями. Затем вы перетащите указатель мыши, чтобы завершить создание кривой и установить начальную точку и направление следующего фрагмента кривой.

1. Выберите в меню команду View * Snap to Document Grid (Вид * Привязка к сетке документа), чтобы сбросить соответствующий флажок.

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



Рисование открытого пути, состоящего из прямолинейных сегментов




Вы начнете рисование с простого открытого пути, повторив рисунок шаблона, находящегося в левом нижнем углу страницы 1. На данном шаблоне изображена верхняя часть воротничка рубашки на слое Template 1 (Шаблон 1). Вы нарисуете воротничок на слое Collar (Воротничок).

1. Щелкните на вкладке палитры Layers (Слои) (или выберите в меню команду Window * Layers (Окно * Слои)), чтобы отобразить палитру, и прокрутите список элементов палитры вниз, чтобы найти слои Collar и Template 1, расположенные внизу списка.


Значок глаза (

) указывает на то, что слои в данный момент отображаются, а значок с перечеркнутым карандашом (
) в слое Template 1 показывает, что данный слой заблокирован. Все слои, содержащие шаблоны, заблокированы - это предотвратит случайное рисование на этих слоях.

2. На палитре Layers (Слои) выберите слой Collar. В строке слоя Collar, справа от его имени, появится значок пера (
), показывающий, что все добавляемое к странице документа будет сохраняться на данном слое.

3. На панели инструментов выберите инструмент Zoom (Масштаб) (
), а затем щелкните один или несколько раз на шаблоне воротничка рубашки для увеличения масштаба изображения, чтобы можно было легко прочитать числа на шаблоне.


4. Нажмите комбинацию клавиш Shift+Control+A (Windows) или Shift+Command+А (Mac OS), чтобы снять выделение со всех объектов, если таковые имеются.

5. Выберите в меню команду Window * Stroke (Окно * Обводка), чтобы отобразить палитру Stroke (Обводка). Убедитесь, что значение параметра Weight (Толщина) равно 1pt. После этого переместите или закройте палитру Stroke (Обводка) по вашему усмотрению, чтобы она не затрудняла просмотр шаблона.

При изменении значений параметров, когда не выбраны какие-либо объекты, изменяются значения, используемые по умолчанию. В этом уроке требуется, чтобы значение толщины линии по умолчанию равнялось одному пункту; это необходимо для того, чтобы рисуемые пути не скрывали линии слоя с шаблоном.


6. На панели инструментов выберите инструмент Реn (Перо) (

) и поместите указатель мыши над точкой 1 шаблона - нижним краем воротничка рубашки.

Форма указателя мыши включает в себя полую стрелку (
), означающую, что выбрана команда Snap to Document Grid (Привязка к сетке документа). Если щелкнуть, указатель мыши привяжется к ближайшей направляющей или пересечению линий сетки, и первая опорная точка будет установлена в этом месте.

7. Щелкните наточке 1.

8. Переместите указатель мыши на точку 2 шаблона и щелкните снова.


Даже если команда Snap To Document Grid (Привязка к сетке документа) не выбрана, можно располагать точки под углом 45 ° друг относительно друга, удерживая нажатой клавишу Shift во время щелчка.


9. Щелкните на всех оставшихся пронумерованных точках (3, 4, 5, 6 и 7) в порядке их нумерации. Поскольку вы щелкаете в местах, которые располагаются на сетке документа, фигура будет точно соответствовать шаблону.


10. Чтобы закончить путь, выполните любое из следующих действий:

 Выберите в меню команду Edit* Deselect All (Правка * Отменить все выделение).  Щелкните на инструменте Реn (Перо) на панели инструментов.  Нажмите клавишу Ctrl  (Windows) или Command (Mac OS), чтобы временно активизировать использовавшийся ранее инструмент Selection (Выделение), и щелкните на пустой области, чтобы снять выделение с пути. Если вы используете данный способ, убедитесь, что никакие объекты белого цвета не выбраны.


Рисуя пути при помощи инструмента Реn (Перо), вы увидите множество визуальных подсказок во время работы. Эти подсказки содержат полезную информацию. К этому моменту вы уже можете заметить следующее:

 Между первой и второй опорными точками любого нарисованного сегмента появляется третья точка. Эта точка является центральной точкой (center point) сегмента, которая автоматически появляется на любом пути, имеющем, по крайней мере, две точки. Центральная точка облегчает процесс выделения и выравнивания объектов. Во время выполнения урока наблюдайте за тем, как при изменении формы пути центральная точка будет автоматически отслеживать центр пути.  После щелчка на второй точке возле указателя мыши появится знак вставки (caret) (^), который будет присутствовать до тех пор, пока указатель инструмента Реп (Перо) будет находиться над новой опорной точкой. Знак вставки указывает на возможность рисования криволинейного сегмента из данной опорной точки. Вы будете создавать криволинейные сегменты позднее в этом уроке.  Нарисованный путь и опорные точки отображаются в бледно-лиловом цвете. Это происходит потому, что бледно-лиловый цвет является цветом слоя Collar; цвет слоя (layer color) отображается в квадрате, расположенном слева от имени слоя Collar на палитре Layers (Слои). Цвет слоя идентифицирует слои, содержащие выделенные в настоящее время объекты.


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



Рисование при помощи инструмента Pencil (Карандаш)




В этой части урока вы нарисуете фигуру цветка произвольной формы. Поскольку форма цветка произвольная, вы будете использовать инструмент Pencil (Карандаш) для рисования эскиза фигуры, не отрывая руки. Во время работы вы воспользуетесь преимуществами новых элементов управления Fidelity (Точность) и Smoothness (Гладкость) инструментов Pencil (Карандаш) и Smooth (Сглаживание) , чтобы упростить процесс создания гладкой формы цветка.



Рисование прямолинейных сегментов




Чтобы нарисовать прямую линию, используя инструмент Реn (Перо), необходимо щелкнуть в двух опорных точках, определяющих сегмент. Для создания вертикальных, горизонтальных или диагональных (расположенных под углом 45°) прямых линий с помощью инструмента Реn (Перо) во время щелчка мышью удерживайте нажатой клавишу Shift. Это называется ограничением (constraining) линии.

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



Самостоятельная работа




В этом уроке вы использовали инструмент Pencil (Карандаш) для рисования фигуры цветка. Чтобы нарисовать данную фигуру, можно также воспользоваться инструментом Реn (Перо). В качестве эксперимента можете попытаться создать фигуру цветка при помощи инструмента Реn (Перо), чтобы в дальнейшем можно было сравнить два метода.

1. Убедитесь, что режим Snap to Document Grid (Привязка к сетке документа) не выбран в меню View (Вид).

2. На палитре Layers (Слои) спрячьте все слои (щелкнув на значках глаза (

). Затем щелкните на крайнем левом прямоугольнике в строке слоя Template 3 и на прямоугольнике в строке слоя Practice (Практика), чтобы появились значки глаза; в этом случае будут видны только два данных слоя. Щелкните на строке слоя Practice, чтобы сделать его целевым слоем.


3. При необходимости прокрутите в окне документа изображение или измените масштаб отображения, чтобы отчетливо видеть все числа и разноцветные направляющие линии шаблона цветка.


4. Выберите инструмент Реn (Перо) (

). Щелкните инструментом на всех точках, начиная с точки 1 и заканчивая точкой 12, чтобы задать опорные точки, каждый раз выравнивая направляющие линии точки с красными линиями и точками слоя-шаблона (для этого после щелчка мыши, не отпуская кнопку мыши, нужно перетащить указатель вдоль красной линии до точки).

5. После того как все точки, включая точку 12, будут нарисованы, щелкните на точке 1, предварительно убедившись, что возле указателя мыши появилась маленькая петля. Петля указывает на то, что при щелчке на точке фигура замкнется. После щелчка на точке 1, не отпуская кнопку мыши, перетащите указатель мыши вдоль голубой (а не красной) линии шаблона до точки.

6. Создайте две отдельных линии и объедините их, нарисовав линию между ними при помощи инструмента Pencil (Карандаш) - во время рисования линии между двумя путями удерживайте нажатой клавишу  Ctrl (Windows) или Command (Mac OS). При рисовании создайте небольшое перекрытие с существующими линиями.

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

8. Нарисуйте два прямоугольника, которые слегка перекрываются в углах, и поэкспериментируйте с различными параметрами палитры Pathfinder (Обработка путей), которая позволяет объединять отдельные объекты различными способами. Выберите в меню команду Window * Pathfinder (Окно * Обработка путей), чтобы открыть палитру Pathfinder (Обработка путей).



Сглаживание нарисованного пути




Инструмент Smooth (Сглаживание) позволяет ликвидировать небольшие изгибы и неровности в путях, нарисованных при помощи инструмента Pencil (Карандаш). Как и инструмент Pencil (Карандаш), инструмент Smooth (Сглаживание) содержит элементы управления Fidelity (Точность) и Smoothness (Гладкость).

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

1. Используя инструмент Direct Selection (Прямое выделение) (

), выделите путь.

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


3. Дважды щелкните на инструменте Smooth (Сглаживание) на панели инструментов, чтобы открыть диалог Smooth Tool Preferences (Настройки инструмента Сглаживание), и установите значение параметра Fidelity (Точность) равным 15, а значение параметра Smoothness (Гладкость) - 50. Щелкните на кнопке ОК.

4. Удерживая нажатой кнопку мыши, перетаскивайте указатель инструмента Smooth (Сглаживание) над частями пути, образующими цветок, которые вы желаете сгладить.



Использование инструмента Smooth (Сглаживание) (слева), после сглаживания сегмента (по центру), сглаживание завершено (справа)


5. Повторяйте шаг 4 до тех пор, пока не будете удовлетворены формой пути. Если сегмент был сглажен слишком сильно, выберите в меню команду Edit * Undo (Правка * Отменить), чтобы отменить действия по сглаживанию.

Создание и добавление внутристрочной графики




Между любыми символами или пробелами текста можно вставить изображение; при добавлении или удалении текста это изображение будет двигаться вместе с ним. Такой тип изображений называется внутристрочной графикой (inline graphic). В качестве внутристрочной графики можно использовать как декоративный шрифт, например шрифт dingbat, так и свои собственные изображения.



Создание составного пути




Сейчас вы объедините пути глаза и головы, чтобы получить составной путь (compound path). При создании составного пути пересекающиеся области путей становятся дырами (holes). На следующем рисунке фигура глаза станет дырой в фигуре головы; через эту дыру будет виден фон, расположенный позади головы.

Составной путь отличается по своим свойствам от группы (group). В группе различные объекты сохраняют свои собственные атрибуты. Все части составного пути должны быть путями и у всех у них один и тот же набор атрибутов, например цвет и толщина обводки.

1. Если необходимо, прокрутите в окне документа изображение или измените масштаб его отображения, чтобы вся голова была видна целиком.


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

2. Используя инструмент Selection (Выделение) (

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

3. Убедитесь, что на панели инструментов выбран квадрат Fill (Заливка) (
). На палитре Swatches (Образцы) выберите любой цвет, за исключением значений White (Белый) или None (Бесцветный).


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

5. Выберите в меню команду Object * Compound Paths * Make (Элемент * Составные пути * Создать).


Пути, образующие голову и глаз, теперь являются двумя подпутями (subpath) одного и того же составного пути. Путь, образующий глаз, в составном пути формирует дыру.

6. Убедитесь, что на панели инструментов выбран квадрат Fill (Заливка), и щелкните на кнопке Apply None (Применить нулевое значение), чтобы удалить временную заливку цветом. После этого снимите выделение со всех объектов и сохраните файл.

Когда для выделения составного пути используется инструмент Selection (Выделение), выделяется весь составной путь целиком. Чтобы выделить подпуть, выберите инструмент Direct Selection (Прямое выделение) и щелкните на подпути, удерживая нажатой клавишу Alt  (Windows) или Option (Mac OS).



Создание текстурного эффекта при помощи цветного изображения




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

1. На палитре Layers (Слои) щелкните на крайнем левом прямоугольнике в строке слоя Head/eye, чтобы появился значок глаза (

), и убедитесь, что слой Head/eye является целевым слоем (выделен на палитре Layers (Слои)).

2. Используя инструмент Selection (Выделение) (
), выделите форму головы. Применение инструмента Selection (Выделение) позволяет выбрать весь составной путь, созданный ранее в этом уроке из путей, образующих голову и глаз.

Теперь вы воспользуетесь комбинацией клавиш для помещения файла.

3. Нажмите комбинацию клавиш Ctrl +D (Windows) или Command+D (Mac OS). В открывшемся диалоге Place (Помещение) щелкните дважды на файле 09_c.psd, находящемся в папке ID_09.


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

Теперь вы используете средства программы InDesign для раскрашивания изображения. Это можно сделать, поскольку изображение было сохранено как однобитовое, или полутоновое (grayscale).

4. На панели инструментов выберите квадрат Stroke (Линия) и нажмите клавишу / (косая черта), чтобы применить значение None (Бесцветный) к цвету обводки. Затем нажмите комбинацию клавиш Ctrl+Shift+A (Windows) или Command+Shift+A (Mac OS), чтобы снять выделение со всех объектов.

5. Используя инструмент Direct Selection (Прямое выделение) (

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

6. Выберите квадрат Fill (Заливка) на панели инструментов, а затем на палитре Swatches (Образцы) щелкните на строке с именем TRUMATCH 50-b4. Черные области изображения текстуры будут заменены темно-коричневым цветом.

7. Снимите выделение с изображения, переключитесь на инструмент Selection (Выделение) (
) и выделите снова форму головы.

8. На палитре Swatches (Образцы) щелкните на строке с именем TRUMATCH 50-b4 90%. Белые области изображения будут заменены светло-коричневым цветом и изображение текстуры станет более нежным, без белых и черных областей.


9. Снимите выделение со всех объектов и сохраните файл.



Создание точного полукруга




В завершенном документе присутствует полукруг, расположенный снаружи другого круга; оба они находятся внутри фигуры головы. И хотя полукруг можно нарисовать при помощи инструмента Реn (Перо), проще вырезать дугу из окружности.

Создание зеркальной копии объектов




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

1. На палитре Layers (Слои) сделайте видимыми слои Hair, Circles, Head/eye, Squares, Flower и Collar, а остальные слои скройте, включая видимые в текущий момент слои Template. Убедитесь также, что все видимые слои разблокированы; это значит, что на палитре Layers (Слои) в соответствующей строке слоя не должно быть значка перечеркнутого карандаша (

).

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


2. В окне документа уменьшите масштаб изображения, чтобы увидеть обе страницы документа.

3. Выберите в меню команду Edit * Select All (Правка * Выделить все).

4. Удерживая нажатой клавишу  Alt  (Windows) или Option (Mac OS), перетащите все выделенные объекты вниз, на страницу 2, расположив их с такими же отступами, как и на странице 1.



Все объекты выделены на первом развороте (слева) и копии объектов перемещены на второй разворот (справа)

Если вы допустили ошибку, выберите в меню команду Edit * Undo (Правка * Отменить). Перед тем как повторно выбрать команду Select All (Выделить все), убедитесь, что в текущий момент разворот страницы 1 активен (щелкните на первом развороте в окне документа, а не на палитре Pages (Страницы)). В противном случае при выполнении команды Select All (Выделить все) будут выделены объекты на странице 2 - последней странице, с которой вы работали.


5. Убедитесь, что все объекты на странице 2 выделены. На палитре Transform (Трансформация) щелкните на центральном маркере в значке схематичногс представления (proxy) (

), а затем в меню палитры выберите команду Flip Horizontal (Перевернуть по горизонтали).

6. Снимите выделение со всего и сохраните файл.


7. На палитре Layers (Слои) сделайте видимыми слои Headline и Text. Теперь можно увидеть документ, который вы создали, целиком.


Поздравляем! Вы только что закончили проект, в котором использовали широкий диапазон нарисованных фигур, импортированную графику и эффекты макета.



Создание векторных изображений


В этом уроке... Начало работы Настройка сетки документа Рисование прямолинейных сегментов Рисование открытого пути, состоящего из прямолинейных сегментов Окраска пути Копирование и изменение существующего пути Закрытие и окраска нарисованного объекта Рисование при помощи инструмента Pencil (Карандаш) Подготовка к рисованию инструментом Pencil (Карандаш) Рисование фигуры цветка инструментом Pencil (Карандаш) Сглаживание нарисованного пути Завершение рисования цветка Рисование криволинейных сегментов инструментом Реn (Перо) Выделение точки на кривой Рисование комбинаций криволинейных и прямолинейных сегментов Подготовка к рисованию фигуры головы Рисование фигуры головы Изменение формы существующих сегментов Рисование глаза Создание составного пути Создание точного полукруга Дублирование и масштабирование за одну операцию Разрезание пути при помощи инструмента Scissors (Ножницы) Добавление концевой фигуры к открытому пути Создание текстурного эффекта при помощи цветного изображения Создание и добавление внутристрочной графики Использование дополнительных параметров инструмента Polygon (Многоугольник) Помещение внутристрочной графики Создание зеркальной копии объектов Самостоятельная работа Обзорные вопросы Ответы на обзорные вопросы

В этом уроке...




Чтобы с высокой точностью рисовать прямые линии и гладкие, плавные кривые, можно использовать инструмент Реn (Перо). Инструмент Реп (Перо) будет вам знаком, если вы работали с инструментами группы Реn (Перо) в программах Adobe Illustrator и Photoshop. Фигуры, нарисованные с помощью инструмента Реn (Перо), в комбинации с текстом и импортированными изображениями позволяют улучшить дизайн страниц. Исходные файлы и окончательные варианты примеров находятся в папке ID_09 внутри папки Lessons.

В этом уроке вы узнаете, как:

 Рисовать с помощью инструмента Реn (Перо) прямолинейные и криволинейные сегменты пути, а также открытые (open) и замкнутые пути;  Вставлять изображение внутрь  нарисованного пути;  Масштабировать,  создавать зеркальные копии и дублировать (closed) объекты;  Создавать дыру в залитой цветом фигуре, объединяя пути в составной путь (compound path);  Добавлять изображение, чтобы оно  становилось частью текстового блока и передвигалось вместе с ним;  Применять фигуру (как, например, стрелку) к концу пути;  Разделять пути на более мелкие части;



Выделение точки на кривой




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

1. На палитре Layers (Слои) щелкните на крайнем левом прямоугольнике в строке слоя Hair (Волосы), чтобы появился значок глаза (

). Этот слой содержит волнообразные линии, которые будут использоваться в данной части урока.

2. Используя инструмент Zoom (Масштаб), увеличьте изображение набора волнообразных линий.


Нажатие на клавишу Z приведет к выбору инструмента Zoom (Масштаб) на панели инструментов.

3. Нажмите клавишу А, чтобы переключиться на инструмент Direct Selection (Прямое выделение) (

), а затем щелкните на любой из волнообразных линий. На палитре Layers (Слои) выделится слой Hair, а путь и его опорные точки окрасятся в пурпурный цвет - цвет слоя Hair.

4. Используя инструмент Direct Selection (Прямое выделение), выделите на любой из волнообразных линий вторую опорную точку слева. Выделенная опорная точка окрашивается сплошным цветом, и из точки выходят две направляющие линии.


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

Как следует из их названия, опорные точки являются опорой для криволинейных сегментов, а направляющие линии управляют направлением кривых. Чтобы изменить форму кривой, можно перетаскивать как сами направляющие линии, так и их конечные точки, называемые направляющими точками (direction points).



А. Центральная точка. В. Опорная точка. С. Направляющая линия. D. Направляющая точка. Е. Сегмент пути


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

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



Закрытие и окраска нарисованного объекта




Чтобы залить воротничок сплошным цветом, необходимо сначала замкнуть (close) фигуру воротничка. Вы будете продолжать работу со слоем Collar (выделенным на палитре Layers (Слои)) и видимым слоем Template 2.

1. Нажмите клавишу Р, чтобы выбрать инструмент Реn (Перо), и поместите указатель мыши прямо над точкой 1, чтобы возле указателя инструмента появилась косая черта (

). Косая черта указывает на то, что вместо создания нового пути будет продолжено рисование пути из конечной точки.


Запомнив горячие клавиши, используемые при рисовании (как, например, горячая клавиша выбора инструмента Реn (Перо), которую вы только что использовали), вам не надо будет часто обращаться к панели инструментов. Это позволит работать быстрее и методичнее. Многие пользователи находят удобным управлять одной рукой мышью, а вторую держать на клавиатуре, чтобы нажимать комбинации клавиш и клавиши-модификаторы (modifier).


2. Щелкните на конечной точке 1. Обратите внимание, что косая черта возле указателя инструмента моментально сменилась на знак вставки (

).


3. Переместите указатель мыши на точку 7 и обратите внимание, что возле указателя инструмента появился значок петли (

), указывающий на то, что при щелчке мыши путь замкнется. Щелкните на точке 7, чтобы замкнуть фигуру воротничка.


4. На палитре Layers (Слои) щелкните на значке глаза (

) в строке слоя Template 2, чтобы скрыть данный слой. Не снимайте выделения с пути.

5. На панели инструментов щелкните на квадрате Fill (Заливка) (
), а затем на палитре Swatches (Образцы) щелкните на строке с именем TRUMATCH 25-с1 50% (второй образец данного цвета).


6. Нажмите клавишу X, чтобы на панели инструментов переместить квадрат Stroke (Обводка) на передний план.

7. Щелкните на кнопке Apply None (Применить нулевое значение) (

) (кнопка расположена под квадратами Fill/Stroke (Заливка/Обводка)), чтобы удалить цвет обводки.

8. Чтобы снять выделение со всех объектов, нажмите комбинацию клавиш Shift+Ctrl+A (Windows) или Shift+Command+A (Mac OS), либо выберите в меню команду Edit * Deselect All (Правка * Отменить все выделение).


9. Выберите в меню команду View * Fit Page in Window (Вид * Целая страница) и сохраните файл.



Завершение рисования цветка




Сейчас вы закончите рисование фигуры цветка.

1. На панели инструментов щелкните на квадрате Fill (Заливка) (

), а затем на палитре Swatches (Образцы) щелкните на строке с именем TRU MATCH 25-c1.

2. Нажмите клавишу X, чтобы на панели инструментов выделить квадрат Stroke (Обводка) (
), а затем на панели инструментов щелкните на кнопке Apply None (Применить нулевое значение), чтобы удалить обводку цветка.

3. Выберите в меню команду Edit * Deselect All (Правка * Отменить все выделение), нажмите комбинацию клавиш Ctrl+D (Windows) или Command+ D (Mac OS), чтобы отобразить в окне всю страницу, и сохраните файл.

Если комбинация клавиш для команды Fit Page in Window (Целая страница) не работает, убедитесь, что вы нажали именно клавишу с цифрой ноль, расположенную над буквенными клавишами, а не клавишу буквы О или клавишу с цифрой ноль на числовой клавиатуре.


Рисование в оставшейся части урока вы будете выполнять при помощи инструмента Реn (Перо); инструмент Реn (Перо) идеально подходит для создания точных фигур и кривых.

Позднее, когда вы будете свободно владеть инструментом Реn (Перо), можете попробовать создать точную копию фигуры цветка шаблона при помощи инструмента Реn (Перо). Эта процедура описана в разделе «Самостоятельная работа» в конце данного урока.