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

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

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

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

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

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

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

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

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

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

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

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

10. Чтобы закончить путь, выполните любое из следующих действий:  Выберите в меню команду Edit* Deselect All (Правка * Отменить все выделение).  Щелкните на инструменте Реn (Перо) на...

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

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

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

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

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

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

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

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

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

 ...

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

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

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

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

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

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

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

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

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

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

 ...

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

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

Если форма цветка вам не нравится, ее можно поправить при помощи инструмента Smooth (Сглаживание) (). Объединение двух путей, нарисованных инструментом Pencil (Карандаш) Если вы случайно создали с...

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

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

3. Дважды щелкните на инструменте Smooth (Сглаживание) на панели инструментов, чтобы открыть диалог Smooth Tool Preferences (Настройки инструмента Сглаживание), и установите значение параметра F...

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

Сейчас вы закончите рисование фигуры цветка. 1. На панели инструментов щелкните на квадрате Fill (Заливка) (), а затем на палитре Swatches (Образцы) щелкните на строке с именем TRU MATCH 25-c1....

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

 ...

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

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

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

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

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

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

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

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

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

Сейчас вы воспользуетесь комбинацией клавиш, чтобы отобразить сетку и включить привязку к ней объектов. 5. Убедитесь, что на панели инструментов выбран режим Normal View Mode (Обычный режим просмо...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4. Используя инструмент Selection (Выделение) (), выделите голубую (внешнюю) окружность. 5. Щелкните на вкладке палитры Transform (Трансформация) (или выберите в меню команду Window * Transfor...

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

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

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

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

 ...

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

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

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

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

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

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

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

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

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

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

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

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

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

5. Используя инструмент Туре (Ввод) (), протащите указатель мыши через фигуру звезды, чтобы выделить ее. На палитре Character (Символ) изменяйте значение параметра Baseline Shift (Смещение базовой...

6. Переключитесь на инструмент Selection (Выделение) () и выделите звезду. 7. На панели инструментов щелкните на квадрате Stroke (Обводка) (), а затем на палитре Swatches (Образцы) щелкните на...

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

2. В окне документа уменьшите масштаб изображения, чтобы увидеть обе страницы документа. 3. Выберите в меню команду Edit * Select All (Правка * Выделить все). 4. Удерживая нажатой клавишу Alt&...

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

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

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

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

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

4. Выберите инструмент Реn (Перо) (). Щелкните инструментом на всех точках, начиная с точки 1 и заканчивая точкой 12, чтобы задать опорные точки, каждый раз выравнивая направляющие линии точки с...

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

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