Adobe InDesign_CS2_Официальный курс

УРОК 9. Создание векторных изображений

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

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

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

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

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

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

281

Официальный учебный курс Adobe InDesign CS2

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 (Вид).

282

УРОК 9. Создание векторных изображений

В открывшемся меню напротив команды Snap to Document Grid (Привязка к сетке документа) должен стоять флажок.

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

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

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

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

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

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

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

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

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

283

Официальный учебный курс Adobe InDesign CS2

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

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

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

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

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

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

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

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

284

УРОК 9. Создание векторных изображений

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 была

285

Официальный учебный курс Adobe InDesign CS2

преобразована из угловой точки в гладкую точку. Растягивание направляющих линий также влияет на левую половину сегмента между точками 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.Снимите выделение со всех объектов и затем сохраните файл.

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

286

УРОК 9. Создание векторных изображений

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

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

Обычно направляющие линии, управляющие кривыми, выходящими из опорной точки, являются зеркальным отображением друг друга, то есть они имеют одинаковую длину и расположены под углом 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), перетащите направляю-

287

Официальный учебный курс Adobe InDesign CS2

щую точку вниз к красной точке. Обратите внимание, что положение левой направляющей линии точки 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), чтобы снять с пути выделение, если это не было сделано раньше.

288

УРОК 9. Создание векторных изображений

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

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

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

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

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

увсех у них один и тот же набор атрибутов, например цвет и толщина обводки.

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

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

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

289

Официальный учебный курс Adobe InDesign CS2

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).

290