УРОК 9 Создание векторных изображений
В этом уроке...Начало работыНастройка сетки документаРисование прямолинейных сегментовРисование открытого пути, состоящего из прямолинейных сегментовОкраска путиКопирование и изменение существующе...
В этом уроке ...
Чтобы с высокой точностью рисовать прямые линии и гладкие, плавные кривые, можно использовать инструмент Реn (Перо). Инструмент Реп (Перо) будет вам знаком, если вы работали с инструментами группы...
Начало работы
В этом уроке вы создадите изображения на лицевой и задней обложках почтовой рекламы (direct-mail). Для рисования некоторых векторных объектов (путей) в документе будут использоваться инструменты р...
Урок 1
4. Выберите в меню команду File * Save As (Файл * Сохранить как), в открывшемся диалоге Save As (Сохранение как) присвойте файлу имя 09_Mailer.indd и щелкните на кнопке Save (Сохранить). Страниц...
Урок 2
В этом уроке часто используются палитры Layers (Слои) и Swatches (Образцы). Возможно, имеет смысл увеличить размеры этих палитр, чтобы легко видеть все их элементы. Во время работы можно свободно...
Настройка сетки документа
При создании большинства путей в этом уроке вы будете рисовать прямые линии, точные углы и симметричные кривые. Пути такого рода проще рисовать, когда подходящим образом настроена сетка документа....
Рисование прямолинейных сегментов
Чтобы нарисовать прямую линию, используя инструмент Реn (Перо), необходимо щелкнуть в двух опорных точках, определяющих сегмент. Для создания вертикальных, горизонтальных или диагональных (располо...
Рисование открытого пути состоящего из прямолинейных сегментов
Вы начнете рисование с простого открытого пути, повторив рисунок шаблона, находящегося в левом нижнем углу страницы 1. На данном шаблоне изображена верхняя часть воротничка рубашки на слое Templat...
Урок 3
Значок глаза () указывает на то, что слои в данный момент отображаются, а значок с перечеркнутым карандашом () в слое Template 1 показывает, что данный слой заблокирован. Все слои, содержащие шабл...
Урок 4
4. Нажмите комбинацию клавиш Shift+Control+A (Windows) или Shift+Command+А (Mac OS), чтобы снять выделение со всех объектов, если таковые имеются. 5. Выберите в меню команду Window * Stroke (О...
Урок 5
Даже если команда Snap To Document Grid (Привязка к сетке документа) не выбрана, можно располагать точки под углом 45 ° друг относительно друга, удерживая нажатой клавишу Shift во время щелчка...
Урок 6
10. Чтобы закончить путь, выполните любое из следующих действий: Выберите в меню команду Edit* Deselect All (Правка * Отменить все выделение). Щелкните на инструменте Реn (Перо) на...
Окраска пути
Путь, который вы только что нарисовали, отображается цветом, используемым по умолчанию для линий, поэтому сейчас вы раскрасите путь соответствующими цветами. Цвета для данной иллюстрации хранятся...
Урок 7
7. Выберите в меню команду Edit * Deselect All (Правка * Отменить все выделение), а затем - команду File * Save (Файл * Сохранить), чтобы сохранить файл.
...
Копирование и изменение существующего пути
Теперь вы займетесь рисованием замкнутой фигуры (closed shape), которая будет находиться под только что нарисованной открытой фигурой (open shape). Для начала необходимо включить слой Template 2,...
Урок 8
Обратите внимание, что верхняя граница шаблона, который вы только что отобразили, точно такая же, как и у нарисованной верхней части воротничка. Вы можете сэкономить время, скопировав верхнюю част...
Урок 9
3. Удерживая нажатой комбинацию клавиш Shift +Аlt (Windows) или Shift+Орtion (Mac OS), перетащите путь верхней части воротничка вниз, чтобы он сравнялся с верхней границей шаблона нижней части вор...
Урок 10
Перетаскивание копии верхнего пути (слева) и расположение новой копии после перетаскивания (справа) Если вы обнаружите, что вместо всей фигуры перетаскиваете всего лишь одну точку, выберите в меню...
Урок 11
Инструмент Selection (Выделение) активизирует ограничивающий прямоугольник, проходящий по внешней границе обводки (слева). Инструмент Direct Selection (Прямое выделение) отображает путь, проходящи...
Урок 12
А. Исходный путь. В. Увеличена толщина обводки. С. Толщина обводки увеличена после выбора команды Weight Changes Bounding Box (Изменение ограничивающего прямоугольника с изменением обводки) 4. В...
Урок 13
6. Разместите указатель мыши на правой нижней конечной точке пути воротничка. Затем, щелкнув и удерживая кнопку мыши, перетащите указатель мыши на точку 7 шаблона, чтобы растянуть одновременно оба...
Урок 14
...
Закрытие и окраска нарисованного объекта
Чтобы залить воротничок сплошным цветом, необходимо сначала замкнуть (close) фигуру воротничка. Вы будете продолжать работу со слоем Collar (выделенным на палитре Layers (Слои)) и видимым слоем Te...
Урок 15
Запомнив горячие клавиши, используемые при рисовании (как, например, горячая клавиша выбора инструмента Реn (Перо), которую вы только что использовали), вам не надо будет часто обращаться к панели...
Урок 16
3. Переместите указатель мыши на точку 7 и обратите внимание, что возле указателя инструмента появился значок петли (), указывающий на то, что при щелчке мыши путь замкнется. Щелкните на точке 7,...
Урок 17
4. На палитре Layers (Слои) щелкните на значке глаза () в строке слоя Template 2, чтобы скрыть данный слой. Не снимайте выделения с пути. 5. На панели инструментов щелкните на квадрате Fill (З...
Урок 18
6. Нажмите клавишу X, чтобы на панели инструментов переместить квадрат Stroke (Обводка) на передний план. 7. Щелкните на кнопке Apply None (Применить нулевое значение) () (кнопка расположена п...
Урок 19
9. Выберите в меню команду View * Fit Page in Window (Вид * Целая страница) и сохраните файл. ...
Рисование при помощи инструмента Pencil (Карандаш)
В этой части урока вы нарисуете фигуру цветка произвольной формы. Поскольку форма цветка произвольная, вы будете использовать инструмент Pencil (Карандаш) для рисования эскиза фигуры, не отрывая р...
Подготовка к рисованию инструментом Pencil (Карандаш)
Перед началом рисования вы настроите документ таким образом, чтобы рисование производилось на соответствующем слое с использованием линии с правильными значениями параметров. 1. На палитре Layers...
Урок 20
2. В открывающемся списке коэффициентов масштаба, расположенном в левом нижнем углу окна документа, выберите значение 600% (или большее) и прокрутите окно документа, чтобы можно было беспрепятстве...
Урок 21
Или для установки требуемого масштаба изображения можно выбрать инструмент Zoom (Масштаб) () и очертить рамку вокруг формы цветка на шаблоне. 3. На панели инструментов щелкните дважды на инструмен...
Урок 22
...
Рисование фигуры цветка инструментом Pencil (Карандаш)
Теперь у вас все готово, чтобы начать рисование цветка. 1. Переместите указатель инструмента Pencil (Карандаш) () к серой фигуре цветка и начните вычерчивать путь. Красная пунктирная линия обознач...
Урок 23
Обратите внимание, что отображаемый путь гораздо глаже пунктирной красной линии, которая была видна в процессе рисования. Такой эффект достигается установкой большого значения для параметра Smooth...
Урок 24
Если форма цветка вам не нравится, ее можно поправить при помощи инструмента Smooth (Сглаживание) (). Объединение двух путей, нарисованных инструментом Pencil (Карандаш) Если вы случайно создали с...
Урок 25
4. Начните перетаскивать указатель мыши по направлению к конечной точки второго пути, а когда приблизитесь ко второй конечной точке, нажмите и удерживайте клавишу Ctrl (Windows) или Command (Mac O...
Сглаживание нарисованного пути
Инструмент Smooth (Сглаживание) позволяет ликвидировать небольшие изгибы и неровности в путях, нарисованных при помощи инструмента Pencil (Карандаш). Как и инструмент Pencil (Карандаш), инструмент...
Урок 26
3. Дважды щелкните на инструменте Smooth (Сглаживание) на панели инструментов, чтобы открыть диалог Smooth Tool Preferences (Настройки инструмента Сглаживание), и установите значение параметра F...
Урок 27
Использование инструмента Smooth (Сглаживание) (слева), после сглаживания сегмента (по центру), сглаживание завершено (справа) 5. Повторяйте шаг 4 до тех пор, пока не будете удовлетворены формой п...
Завершение рисования цветка
Сейчас вы закончите рисование фигуры цветка. 1. На панели инструментов щелкните на квадрате Fill (Заливка) (), а затем на палитре Swatches (Образцы) щелкните на строке с именем TRU MATCH 25-c1....
Рисование криволинейных сегментов инструментом Реn (Перо)
В этой части урока вы узнаете, как рисовать гладкие кривые линии при помощи инструмента Реn (Перо). Как и в случае с прямолинейными сегментами, которые вы рисовали в процессе создания воротничка,...
Урок 28
...
Выделение точки на кривой
Если выделить точку, являющуюся частью криволинейного сегмента, появятся дополнительные элементы управления, позволяющие точно настроить кривую. Перед тем как начать рисование кривых, полезно буде...
Урок 29
Нажатие на клавишу Z приведет к выбору инструмента Zoom (Масштаб) на панели инструментов. 3. Нажмите клавишу А, чтобы переключиться на инструмент Direct Selection (Прямое выделение) (), а затем...
Урок 30
С помощью направляющих линий обеспечивается соединение в опорной точке двух смежных сегментов пути в непрерывную кривую, форма которой и определяется направляющими линиями. Угловатый путь воротнич...
Урок 31
А. Центральная точка. В. Опорная точка. С. Направляющая линия. D. Направляющая точка. Е. Сегмент пути Опорные точки, направляющие точки и направляющие линии помогают рисовать требуемые кривые. Опо...
Рисование комбинаций криволинейных и прямолинейных сегментов
При рисовании кривых для предыдущей фигуры, вокруг каждой опорной точки вращались две направляющие линии. Такие опорные точки называются гладкими точками (smooth points), потому что они объединяют...
Урок 32
А. Гладкая точка. В. Угловая точка с направляющей линией. С. Угловая точка без направляющих линий
...
Подготовка к рисованию фигуры головы
Форма головы, полученная в результате работы, будет состоять из криволинейных и прямолинейных сегментов, соединенных угловыми точками. Перед тем как начать рисование инструментом Реn (Перо), нужно...
Урок 33
3. На палитре Layers (Слои) щелкните на крайнем левом прямоугольнике строки слоя Head/eye (Голова/глаз), чтобы сделать данный слой видимым. В окне документа появится незаконченный путь, начинающий...
Урок 34
4. На палитре Layers (Слои) щелкните на строке слоя Head/eye, чтобы сделать слой целевым....
Урок 35
Сейчас вы воспользуетесь комбинацией клавиш, чтобы отобразить сетку и включить привязку к ней объектов. 5. Убедитесь, что на панели инструментов выбран режим Normal View Mode (Обычный режим просмо...
Урок 36
Если линии сетки документа по-прежнему не видны, нажмите комбинацию клавиш Ctrl+' (Windows) или Command+' (Mac OS), чтобы отобразить их. 6. Нажмите комбинацию клавиш Shift+Ctrl+' (Windows) или Shi...
Рисование фигуры головы
Теперь, когда все подготовлено для работы с фигурой головы, можно начинать рисование. В этой части урока вы объедините прямые линии с кривыми, а также оставите несколько прямолинейных сегментов, ч...
Урок 37
Чтобы изменить положение опорной точки во время рисования, нажмите и удерживайте клавишу пробела при перетаскивании опорной точки. Теперь вы изобразите подбородок, нарисовав криволинейный сегмент...
Урок 38
5. Выберите в меню команду Edit * Undo (Правка * Отменить). Новый сегмент исчезнет. 6. Расположите указатель мыши над точкой 10 (возле указателя мыши должен появиться маленький значок вставки)...
Урок 39
7. Щелкните на точке 11, а затем расположите указатель мыши над точкой 1. Щелкните на точке 1, когда возле указателя мыши появится маленький значок петли, показывающий, что при щелчке на точке 1 п...
Урок 40
8. На палитре Layers (Слои) щелкните на значке глаза () в строке слоя Template 4, чтобы скрыть данный слой, а затем выберите в меню команду File * Save (Файл * Сохранить). Позднее вы настроите зал...
Изменение формы существующих сегментов
Теперь вы сделаете форму рта более выразительной, заменив несколько прямолинейных сегментов криволинейными. Изменить форму существующих сегментов очень просто. 1. На палитре Layers (Слои) щелкни...
Урок 41
Не беспокойтесь о том, что сегменты между точками 5, 6 и 7 не совпадают с сегментами шаблона. Эти сегменты будут настроены на следующих шагах. Сначала вы отведете назад верхнюю направляющую линию,...
Урок 42
7. Расположите указатель инструмента Реn (Перо) над точкой 7 и, удерживая нажатой клавишу Alt /Option, перетащите указатель мыши из точки 7 вниз до красной точки. Точка 7 была преобразована...
Урок 43
8. Расположите указатель инструмента Реn (Перо) над точкой 8 и, удерживая нажатой клавишу Alt /Option, перетащите указатель мыши из точки 8 вниз до красной точки, чтобы сегмент между точками 8 и...
Урок 44
9. Расположите указатель инструмента Реn (Перо) над нижней направляющей точкой точки 8. Удерживая нажатой клавишу Alt /Option, перетащите нижнюю направляющую точку вверх, в точку 8....
Урок 45
10. Нажмите комбинацию клавиш Ctrl +O (Windows) или Command+O(Mac OS), чтобы отобразить в окне всю страницу целиком. 11. На палитре Layers (Слои) щелкните на значке глаза в строке слоя Template...
Рисование глаза
Во время рисования глаза для головы вы попрактикуетесь с другими методами интерактивного управления величиной угла между линиями, выходящими из точки, и кривизной линии в процессе рисования. Для н...
Урок 46
5. Используя инструмент Реn (Перо), расположите указатель мыши над точкой 1 шаблона и щелкните один раз....
Урок 47
6. Расположите указатель мыши над точкой 2 шаблона, щелкните и, не отпуская кнопку мыши и удерживая нажатой клавишу Shift. перетащите указатель вправо до серой точки....
Урок 48
7. Расположите указатель мыши над правой направляющей точкой (над серой точкой) точки 2. Удерживая нажатой клавишу Alt (Windows) или Option (Mac OS), перетащите направляющую точку вниз к к...
Урок 49
8. Расположите указатель мыши над точкой 3 шаблона, щелкните и, не отпуская кнопку мыши и удерживая нажатой клавишу Shift, перетащите указатель вверх до серой точки....
Урок 50
9. Удерживая нажатой клавишу Alt /Option, перетащите верхнюю направляющую линию точки 3 вниз и вправо к красной точке. Эта направляющая линия будет определять форму левой половины следующего сегме...
Урок 51
10. Щелкните на точке 4, используя инструмент Реn (Перо). 11. Расположите указатель мыши над точкой 5 шаблона, щелкните и, не отпуская кнопку мыши и удерживая нажатой клавишу Shift. перетащите у...
Урок 52
13. На палитре Layers (Слои) щелкните на значке глаза в строке слоя Template 6, чтобы скрыть данный слой; после этого сохраните файл. Обратите внимание, что при создании новых сегментов инструмен...
Создание составного пути
Сейчас вы объедините пути глаза и головы, чтобы получить составной путь (compound path). При создании составного пути пересекающиеся области путей становятся дырами (holes). На следующем рисунке ф...
Урок 53
Чтобы было проще наблюдать за эффектом создания составного пути, вы временно зальете изображение цветом. 2. Используя инструмент Selection (Выделение) (), щелкните на пути, образующем голову, чт...
Урок 54
4. Не снимая выделения с пути, образующего голову, нажмите клавишу Shift и, не отпуская ее, щелкните на пути, образующем глаз, чтобы выделить оба пути. 5. Выберите в меню команду Object * Compou...
Урок 55
Пути, образующие голову и глаз, теперь являются двумя подпутями (subpath) одного и того же составного пути. Путь, образующий глаз, в составном пути формирует дыру. 6. Убедитесь, что на панели инст...
Создание точного полукруга
В завершенном документе присутствует полукруг, расположенный снаружи другого круга; оба они находятся внутри фигуры головы. И хотя полукруг можно нарисовать при помощи инструмента Реn (Перо), прощ...
Дублирование и масштабирование за одну операцию
Создаваемая полуокружность должна быть больше существующей окружности и иметь с ней общий центр. За одну операцию можно создать копию существующей окружности и увеличить ее размер относительно цен...
Урок 56
4. Используя инструмент Selection (Выделение) (), выделите голубую (внешнюю) окружность. 5. Щелкните на вкладке палитры Transform (Трансформация) (или выберите в меню команду Window * Transfor...
Урок 57
Чтобы масштабировать круг только по горизонтали (оси X), после ввода значения параметра необходимо нажать только клавишу Enter. В данном случае вы нажали клавишу Ctrl (Windows) или Command (Mac OS...
Разрезание пути при помощи инструмента Scissors (Ножницы)
Теперь можно просто отрезать ненужную часть окружности. 1. Выберите инструмент Direct Selection (Прямое выделение) () и убедитесь, что окружность самого большого диаметра выделена, видны ее опор...
Урок 58
3. Используя инструмент Scissors (Ножницы), щелкните на опорной точке с левой стороны новой окружности. Затем щелкните на опорной точке с правой стороны. Исходный путь будет разбит на два отдельны...
Урок 59
Щелчок на левой и правой опорных точках. (Значки увеличены, чтобы показать дополнительные данные.) 4. Переключитесь на инструмент Selection (Выделение) () и убедитесь, что выделена нижняя часть...
Урок 60
...
Добавление концевой фигуры к открытому пути
Можно мгновенно добавить концевую фигуру, как например стрелку, к любому концу пути, используя палитру Stroke (Обводка). В этой части урока вы добавите кружок к концу только что созданного полукру...
Урок 61
4. На палитре Stroke (Обводка) в открывающемся списке Start (Начало) выберите значение Circle (Окружность). В результате выполненного действия в начальной точке пути добавится фигура окружности -...
Урок 62
5. Снимите выделение со всех объектов, уменьшите масштаб изображения, чтобы увидеть страницу полностью, и затем сохраните файл. Чтобы поменять местами начальную и конечную точки пути, используйте...
Создание текстурного эффекта при помощи цветного изображения
В завершенной версии файла форма головы была заполнена текстурой, которая в действительности является изображением, помещенным прямо внутрь составного пути, которое будет раскрашено для создания д...
Урок 63
Изображение будет автоматически помещено внутрь головы, поскольку в момент помещения файла была выделена именно голова. Обратите внимание, что глаз по-прежнему образует дыру. Теперь вы используете...
Урок 64
9. Снимите выделение со всех объектов и сохраните файл.
...
Создание и добавление внутристрочной графики
Между любыми символами или пробелами текста можно вставить изображение; при добавлении или удалении текста это изображение будет двигаться вместе с ним. Такой тип изображений называется внутристро...
Использование дополнительных параметров инструмента Polygon (Многоугольник)
Инструмент Polygon (Многоугольник) содержит элементы управления, позволяющие влиять на создаваемые фигуры. Для создания звездообразных фигур можно изменить количество точек в многоугольнике и уста...
Урок 65
6. Перетащите указатель мыши по диагонали из одного угла ячейки сетки документа в другой угол, чтобы создать фигуру маленькой звезды....
Урок 66
Поскольку выбрана команда Snap to Document Grid (Привязка к сетке документа), нет необходимости удерживать нажатой клавишу Shift во время перетаскивания, чтобы сохранить пропорции фигуры. У вас до...
Помещение внутристрочной графики
1. Не снимая выделения с многоугольной звезды, выберите в меню команду Edit * Cut (Правка * Вырезать), чтобы удалить звезду и поместить ее в буфер обмена компьютера. 2. Выберите инструмент Тур...
Урок 67
3. Выберите в меню команду Edit * Paste (Правка * Вставить), чтобы поместить графику прямо в тексте, где была установлена точка вставки. Отобразите сетку документа, чтобы проверить расположение гр...
Урок 68
В зависимости от того, где находилась точка вставки во время помещения внутристрочной графики, изображение может располагаться на уровне символов текста, а может располагаться немного выше. Можно...
Урок 69
5. Используя инструмент Туре (Ввод) (), протащите указатель мыши через фигуру звезды, чтобы выделить ее. На палитре Character (Символ) изменяйте значение параметра Baseline Shift (Смещение базовой...
Урок 70
6. Переключитесь на инструмент Selection (Выделение) () и выделите звезду. 7. На панели инструментов щелкните на квадрате Stroke (Обводка) (), а затем на палитре Swatches (Образцы) щелкните на...
Создание зеркальной копии объектов
На обратной стороне приглашения (страница 2) будут использоваться копии объектов с лицевой стороны. Копии объектов будут зеркально отображены, чтобы создать изображение, совпадающее с видом оригин...
Урок 71
2. В окне документа уменьшите масштаб изображения, чтобы увидеть обе страницы документа. 3. Выберите в меню команду Edit * Select All (Правка * Выделить все). 4. Удерживая нажатой клавишу Alt&...
Урок 72
Все объекты выделены на первом развороте (слева) и копии объектов перемещены на второй разворот (справа) Если вы допустили ошибку, выберите в меню команду Edit * Undo (Правка * Отменить). Перед те...
Урок 73
7. На палитре Layers (Слои) сделайте видимыми слои Headline и Text. Теперь можно увидеть документ, который вы создали, целиком....
Урок 74
Поздравляем! Вы только что закончили проект, в котором использовали широкий диапазон нарисованных фигур, импортированную графику и эффекты макета. ...
Самостоятельная работа
В этом уроке вы использовали инструмент Pencil (Карандаш) для рисования фигуры цветка. Чтобы нарисовать данную фигуру, можно также воспользоваться инструментом Реn (Перо). В качестве эксперимента...
Урок 75
3. При необходимости прокрутите в окне документа изображение или измените масштаб отображения, чтобы отчетливо видеть все числа и разноцветные направляющие линии шаблона цветка....
Урок 76
4. Выберите инструмент Реn (Перо) (). Щелкните инструментом на всех точках, начиная с точки 1 и заканчивая точкой 12, чтобы задать опорные точки, каждый раз выравнивая направляющие линии точки с...
Обзорные вопросы
1. Почему при рисовании или редактировании путей используется инструмент Direct Selection (Прямое выделение), а не инструмент Selection (Выделение)? 2. В чем основное различие между гладкими т...
Ответы на обзорные вопросы
1. Инструмент Selection (Выделение) отображает только ограничивающий прямоугольник пути. Инструмент Direct Selection (Прямое выделение) отображает сам путь и точное положение его опорных точек. 2....