Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

Chapter04

.pdf
Скачиваний:
10
Добавлен:
17.05.2015
Размер:
7.33 Mб
Скачать

4Работа с фреймами

Работа с фреймами

Рис. 4.44. Объекты слоя Окружности находятся над объектами слоя Прямоугольники

Рис. 4.45. Группа окружностей голубого цвета находится под другими объектами

слоя Окружности

Рис. 4.46. Результат выполнения приведенной выше последовательности действий

выше группой, поскольку слой, на котором они находятся, расположен в палитре Layers непосредственно под слоем

Окружности.

6.Перетащите слой Прямоугольники на кнопку

Create new layer (Создать слой) — она находится в нижнем правом углу палитры Layers.

1, Созданная таким образом копия слоя под именем Прямоугольники copy появится в палитре Layers непосредственно над слоем-оригиналом.

7.Для того чтобы выделить все объекты слоя Прямоугольники copy, щелкните на его имени в палитре Layers, удерживая нажатой клавишу <Alt> (<Options> для

Mac).

8.Активизируйте в палитре Transform (Преобразования) центральную контрольную точку значка Proxy (Центр преобразований). Затем в текстовом поле Rotation Angle (Угол поворота) этой же палитры введите 90 и нажмите клавишу

<Enter> (<Return> для Mac).

9.Снимите выделение с объектов. С помощью инструмента Selection (Выделение) выделите красный квадрат. В главном меню программы выберите коман-

ду ObjectArrangeBring to Front (ОбъектПорядок размещенияНа передний план). Снимите выделение и нажмите клавишу <W>, чтобы активизировать режим предварительного просмотра страницы. Созданная вами страница должна выглядеть так, как показано на рис. 4.46.

10.Сохраните внесенные изменения (FileSave), а затем закройте текущий документ (FileClose).

Работа с графическими фреймами

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

Вставка рисунков

Термин «графика» достаточно часто употребляется в речи дизайнеров. В большинстве случаев графикой называют не тексто-

154

Adobe InDesign, Photoshop и Illustrator

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

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

Поместить графическое изображение в документ программы InDesign можно двумя способами — с предварительным созданием графического фрейма и без него. Первый способ заключается в следующем. Для начала необходимо создать графический фрейм с помощью одного из трех инструментов — Rectangle Frame (Прямоугольный графический фрейм), Ellipse Frame (Эллиптический графический фрейм) или Polygon Frame (Многоугольный графический фрейм) (рис. 4.47). Не снимая выделения с графического фрейма, в главном меню программы выберите команду FilePlace (ФайлПоместить). В появившемся диалоговом окне Place укажите файл с графическим изображением и щелкните мышью на кнопке Open (Открыть). В результате выбранное вами изображение появится внутри ранее выделенного графического фрейма.

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

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

Различие между графическим изображением и графическим фреймом

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

ляет, а только скрывает за границами графического фрейма).

155

4Работа с фреймами

Работа с фреймами

Различие между инструментами «Selection»

и «Direct Selection»

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

На рис. 4.48 показан графический фрейм со вставленным графическим изображением. Обратите внимание на то, что данный фрейм выделен с помощью инструмента Selection, поэтому в палитре Transform (Преобразования) отображены координаты самого графического фрейма (поля X и Y), а также его размеры (поля W (Ширина) и H (Высота)).

Этот же объект, выделенный с помощью инструмента Direct Selection, показан на рис. 4.49. В данном случае

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

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

Кнопка инструмента Selection

Кнопка инструмента Direct Selection

 

Выделенный графический фрейм

 

 

Рамка выделения изображения

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Параметры выделенного фрейма

Рис. 4.47. Три инстру-

Рис. 4.48. Графический фрейм, выделен-

мента программы Adobe

ный с помощью инструмента Selection

InDesign, которые пред-

 

назначены для создания

 

графических фреймов

 

Координаты рисунка

Рис. 4.49. Вставленное во фрейм графическое изображение выделено с помощью инструмента Direct Selection

156

Adobe InDesign, Photoshop и Illustrator

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

мента Direct Selection.

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

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

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

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

НА ЗАМЕТКУ

Если графическое изображение выделено с помощью инструмента Direct Selection (Частичное выделение), в палитре Transform (Преобразования) вместо параметров X (Координата по оси Х) и Y (Координата по оси Y) появляются параметры X+ и Y+ (см. рис. 4.49).

Указатель мыши

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

Указатель мыши

Полупрозрачный фрагмент изображения

Рис. 4.51. Так выглядит изображение в режиме динамического просмотра

157

4Работа с фреймами

Работа с фреймами

Уменьшенное изображение

Поле Scale X Percentage Поле Scale Y Percentage

Рис. 4.52. Изменение масштаба изображения с помощью палитры Transform

СОВЕТ

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

виш <Ctrl+Shift> (<+Shift> для Mac).

СОВЕТ

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

мента Selection (Выделение), а затем ввести необходимые значения в полях W (Ширина) и H (Высота) палитры Transform (Преобразования).

158

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

Изменение размеров графического изображения

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

Самый простой способ изменения масштаба выделенного изображения (т.е. его размеров) заключается в использовании параметров палитры Transform (Преобразования). Для этого достаточно ввести необходимые значения в текстовые поля Scale X Percentage (Масштаб по горизонтали) и Scale Y Percentage (Масштаб по вертикали) указанной выше палитры (рис. 4.52).

Помимо палитры Transform, масштаб выделенного в данный момент изображения можно изменить с помощью следующей команды главного меню: ObjectTransformScale (ОбъектПреобразованияМасштаб). В результате ее выполнения на экране появится диалоговое окно Scale. Введите необходимое значение в одноименном текстовом поле и щелкните мышью на кнопке OK.

Изменение размеров изображения с помощью команд меню

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

Scale X Percentage (Масштаб по горизонтали) и Scale Y Percentage

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

Adobe InDesign, Photoshop и Illustrator

Для изменения размеров выделенного изображения в полуавтоматическом режиме достаточно выбрать одну из следующих команд, которые «скрываются» в подменю ObjectFitting

(ОбъектВместить): Fit Content to Frame (Вместить изображение во фрейме), Fit Frame to Content (Изменить размеры фрейма в соответствии с размерами изображения) или Center Content (Центр изображения в центре фрейма).

Помните о том, что выполнение команды ObjectFitting

Fit Content to Frame в большинстве случаев приводит к искажениям графического изображения. Предположим, что квадратное изображение вставлено в прямоугольный фрейм. В результате выполнения данной команды программа автоматически преобразует квадратное изображение в прямоугольное, чтобы разместить его в прямоугольном графическом фрейме (рис. 4.53).

Для того чтобы избежать подобных искажений, выберите в подменю ObjectFitting (ОбъектВместить) команду

Fit Content Proportionally (Вместить во фрейме с соблюдением пропорций).

Обрамление текстом и секущий контур

Способы обрамления текстом графических объектов подробно описаны в главе 3, «Создание документа и основных его объектов». Как вы помните, для того чтобы текст документа обрамлял периметр графического фрейма, достаточно выделить последний, а затем щелкнуть на кнопке Wrap around bounding box (Обрамление по периметру фрейма) палитры Text Wrap (Обрамление текстом).

Кроме этого, в Adobe InDesign можно создать обрамление текстом границ объекта внутри графического фрейма (рис. 4.54). Подобные обрамления создаются с помощью параметров палитры Text Wrap несколькими способами. В данной главе подробно рассматривается только один из них. Описываемый метод предусматривает использование файлов программы Photoshop, в которых вместе с изображением сохранен так называемый секущий контур (clipping path). На рис. 4.55 показано одно из таких изображений. Обратите внимание на то, что в данном примере секущий контур проходит по периметру сфотографированной девочки. Секущим называют созданный в программе Photoshop контур, который проходит по границе определенного фрагмента изображения. Сразу после создания секущему контуру присваивают имя, а затем сохраняют этот контур в файле

Рис. 4.53. Как правило, выполнение команды Fit Content to Frame приводит к искажениям графического изображения

НА ЗАМЕТКУ

В подменю ObjectFitting

(ОбъектВместить) программы Adobe InDesign CS2 появилась новая команда —

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

Рис. 4.54. Пример обрамления текстом по контуру изображения

159

4Работа с фреймами

Работа с фреймами

Секущий контур

Рис. 4.55. Изображение с секущим контуром в окне программы Photoshop

Кнопка

Wrap around object shape

Поле Top Offset

Параметры контура

Рис. 4.56. Для того чтобы использовать секущий контур в качестве границ обрамления текстом, щелкните на кнопке Wrap around object shape палитры Text Wrap

Контур программы InDesign

Оригинал секущего контура

Рис. 4.57. Результат редактирования границ текстового обрамления

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

ром. Оставшиеся фрагменты изображения (расположенные за пределами секущего контура) программа InDesign «отсекает» (т.е. игнорирует).

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

Wrap around object shape (Обрамление по контуру объекта) палитры Text Wrap (рис. 4.56). Из раскрывающегося списка Type (Тип) группы параметров Contour Options (Параметры контура) этой же палитры выберите элемент Photoshop Path (Контур программы Photoshop). Далее из раскрывающегося списка Path (Имя контура) этой же группы параметров выберите имя интересующего вас секущего контура (в графических файлах можно создать несколько секущих контуров). В данном случае с помощью параметра Top Offset (Отступ сверху) палитры Text Wrap указывают величину отступа текстового обрамления на протяжении всего секущего контура. Самое замечательное заключается в том, что в документе программы Adobe InDesign можно редактировать форму секущего контура, а также границы текстового обрамления. Для этого с помощью уже знакомого вам инструмента Direct Selection (Частичное выделение) необходимо перетащить в нужном направлении любую опорную точку секущего контура или границы обрамления (рис. 4.57). Более того, с помощью инструментов Add Anchor Point (Создать опорную точку) и Delete Anchor Point (Удалить опорную точку) создаются новые и удаляются уже существующие опорные точки контура. Для того чтобы создать новую опорную точку, активи-

160

Adobe InDesign, Photoshop и Illustrator

зируйте инструмент Add Anchor Point (см. рис. 4.57), а затем щелкните мышью в нужной части контура. Для удаления уже существующей опорной точки следует щелкнуть на ней мышью, предварительно активизировав инструмент Delete Anchor Point. Добавляя и удаляя опорные точки, можно управлять формой секущего контура и границей текстового обрамления.

Практика. Вставка графического изображения

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

1.Откройте в программе Adobe InDesign файл ID 4-5.indd, который находится на прилагаемом к этой книге компакт-диске. В появившемся диалоговом окне с предупреждением о потере связей со вспомогательными файлами документа щелкните на кнопке Fix Links Automatically (Автоматическое восстановление связей). В следующем диалоговом окне просто щелкните на кнопке No (Нет). После этого сохраните открытый документ под именем Flowers.indd.

2.Заблокируйте слой Текст. Для этого щелкните мышью на сером квадрате, который в палитре Layers (Слои) находится слева от имени указанного выше слоя (рис. 4.58).

3.Щелкните в палитре Layers на слое Фон, чтобы его активизировать. После этого щелкните на кнопке Rectangle Frame (Прямоугольный графический

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

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

4.В главном меню программы выберите команду FilePlace (ФайлПоместить). В появившемся диалоговом окне Place щелкните на имени файла Windmills Ghost.psd (находится на прилагаемом к этой книге компакт-диске), а затем — на кнопке Open (Открыть).

12В результате выбранное вами изображение появится внутри только что созданного графического фрейма (рис. 4.60).

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

Значок блокирования

Рис. 4.58. Слой Текст

заблокирован в палитре

Layers

НА ЗАМЕТКУ

Содержимое заблокированного слоя нельзя редактировать. Таким образом можно предупредить появление оши-

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

СОВЕТ

Для того чтобы быстро открыть диалоговое окно Place, нажмите комбинацию клавиш <Ctrl+D> (<+D> для Mac).

161

4Работа с фреймами

Работа с фреймами

 

Вставленный рисунок

Рис. 4.59. Создайте такой же фрейм на первой странице

Рис. 4.60. Графическое изображение вставлено в графиче-

текущего документа

ский фрейм

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

6.В главном меню программы выберите команду FilePlace (ФайлПоместить). В появившемся диалоговом окне Place щелкните на имени файла Windmills Color.psd (находится на прилагаемом к этой книге компакт-диске), а затем — на кнопке Open (Открыть).

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

8.Щелкните мышью на символе «F» слова «Flowers» (в заголовке статьи).

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

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

Выполните приведенную ниже последовательность действий, чтобы переместить изображение в пределах фрейма с помощью инструмента Direct Selection (Частичное выделение), а также параметров X+ и Y+ палитры Transform (Преобразование).

1.С помощью палитры Layers (Слои) скройте слой Рисунки, а затем отобразите содержимое слоя Фон. Активизируйте инструмент Selection (Выделение) и с его помощью выделите графический фрейм, в котором хранится рисунок Windmills Ghost.psd.

2.В палитре Transform (Преобразования) щелкните на верхней слева контрольной точке значка Proxy (Центр преобразований).

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

162

Adobe InDesign, Photoshop и Illustrator

Верхний левый угол графического фрейма

Указатель мыши

 

Динамическая картина

Рис. 4.61. Графическое изображение, вставленное в новый

Рис. 4.62. Так выглядит изображение во время его перемещения в

графический фрейм

пределах графического фрейма

2Обратите внимание на то, что в результате ваших действий в палитре Transform вместо параметров X (Координата по оси Х) и Y (Координата по оси Y) появились параметры X+ и Y+. Это первый признак того, что в настоящий момент выделено изображение, а не графический фрейм, в котором данное изображение хранится. Поместите указатель мыши над изображением и убедитесь в том, что он (указатель) принял вид кисти руки.

4.Убедитесь в том, что размеры изображения (значения параметров W (Ширина) и H (Высота) палитры Transform) значительно превышают размеры фрейма, в котором данное изображение хранится. По этой причине большая часть данного изображения не видна на экране монитора.

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

В заключение отпустите кнопку мыши.

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

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

2В результате на экране появится оранжевая рамка графического фрейма, а синяя рамка вставленного в этот фрейм изображения исчезнет. Помните о том, что теперь в палитре Transform отображены значения параметров именно фрейма, а не вставленного в этот фрейм графического изображения.

163

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]