Чтобы наш урок не был чисто теоретическим, перейдем к созданию графических примитивов, чтобы воспользоваться полученной информацией и сделать первые шаги.
Формирование графических примитивов
Рисование таких простейших фигур, как прямоугольники (Rectangle), закругленные прямоугольники (Rounded Rectangle), эллипсы (Ellipse), многоугольники (Polygon), звезды (Star) и блики (Flare), осуществляется в программе обычным образом — с помощью соответствующих инструментов из палитры. Нажатие клавиши Shift в процессе рисования приводит к формированию вместо прямоугольника квадрата, а вместо эллипса — круга. Кроме того, параметры геометрической фигуры можно корректировать из меню, для чего нужно щелкнуть мышью на листе и изменить параметры (делается это до формирования объекта). И если в случае, например, прямоугольника можно менять только его ширину (Width) и высоту (Height), то для многоугольников можно изменить радиус (Radius) и число углов (Sides), а для звезд — число вершин (Points), внешний и внутренний радиусы.
Цвет заливки геометрической фигуры, равно как и цвет обводки, может быть определен как предварительно, так и после ее изображения — в том случае, если фигура выделена.
Давайте создадим, например, изображение звезды. С этой целью дважды щелкните в палитре на квадратике Fill и установите нужный цвет для заливки фигуры. Затем активизируйте квадратик Stroke и определите цвет границы. Выберите из палитры инструмент Star (по умолчанию он скрывается под инструментом Rectangle, и его можно найти, удерживая клавишу Alt) и сформируйте звезду нужного размера (рис. 16).
Рис. 16. Внешний вид звезды
Активизируйте палитру Stroke, увеличьте ширину границы (например, до 30 пикселов) и установите средние значения параметров Cap и Join — вершины звезды примут округлую форму (рис. 17).
Рис. 17. Звезда после корректировки границы в палитре Stroke
После этого откройте палитру Swatches и закрасьте звезду подходящим градиентом или узором, например как на рис. 18.
Рис. 18. Внешний вид звезды после закраски градиентом из палитры Swatches
Вполне возможно, что ассортимент имеющихся в палитре Swatches градиентов вас не устроит, можно его слегка скорректировать. В этом случае командой Window=>Gradient (Окно=>Градиент) откройте палитру Gradient и перетащите маркеры градиента (они помещены в виде квадратиков под полосой изменения цветов градиента) нужным образом (рис. 19). Представленный вариант настройки градиента получился столь легко и просто только потому, что изначально в палитре Swatches был удачно подобран градиент. Полная же настройка градиента — занятие более долгое.
Рис. 19. Результат настройки градиента
Попробуйте теперь в новом документе создать звезду с большим количеством вершин и закрасить ее вручную подобранным градиентом. Установите вариант None как для цвета заливки, так и для цвета границы. Выберите инструмент Star и щелкните на листе — появится меню настройки параметров звезды, в котором нужно определить желаемые установки, например как на рис. 20. Получится пока не закрашенная звезда (рис. 21).
Рис. 20. Настройка параметров звезды
Рис. 21. Начальный вид звезды
Командой Window=>Gradient (Окно=>Градиент) откройте палитру градиента. По умолчанию здесь настроен линейный черно-белый градиент, который нетрудно заменить на радиальный (рис. 22). После этого щелкните на белом квадратике в левом нижнем углу палитры Gradient (рис. 23), затем дважды щелкните на квадратике Fill в палитре инструментов и установите нужный цвет. Затем щелкните на черном квадратике в правом нижнем углу палитры Gradient и точно так же установите второй цвет. Результат будет примерно такой, как на рис. 24.
Рис. 22. Замена линейного градиента на радиальный
Рис. 23. Щелчок на нижней границе цвета в палитре Gradient
Рис. 24. Внешний вид звезды после настройки градиента и соответствующая заливке палитра Gradient
Следует иметь в виду, что существуют очень удобные способы управления процессом рисования графических примитивов. Например, создавая многоугольник, звезду или блик, можно воспользоваться клавишами-стрелками, которые позволят увеличивать или уменьшать число вершин многоугольника и звезды и количество витков спирали прямо в ходе рисования. Нажатая клавиша Shift при рисовании позволит выравнивать создаваемый объект по горизонтали и вертикали. Нажав клавишу Пробел при рисовании, можно сразу переместить объект на нужное место, а клавиша Ctrl позволяет изменять степень заостренности лучей звезды.
Простейшие действия над объектами
Обратите внимание, что любое действие производится только в отношении одного или нескольких выделенных объектов, причем целые группы объектов можно одновременно перемещать, изменять размеры, одновременно перекрашивать, накладывать на них различные фильтры. К примеру, перекраска будут осуществлена мгновенно в отношении всех выделенных объектов при смене цвета заливки Fill (рис. 25).
Рис. 25. Одновременная перекраска двух выделенных объектов
Трансформация объекта инструментом Direct Selection
Нарисуйте прямоугольник и сделайте рядом его вторую копию (для образца) обычным образом через буфер обмена (команды Edit=>Copy — Редактирование=>Копирование и Edit=>Paste — Редактирование=>Вставка), затем снимите с полученной копии выделение командой Select=>Deselect (Выделение=>Ничего не выделено) или просто щелкнув на свободном месте рабочей области. Выберите инструмент Direct Selection, подведите его к одному из углов прямоугольника и потяните, превратив его в трапецию (рис. 26).
Рис. 26. Трансформация прямоугольника инструментом Direct Selection
Масштабирование и повороты
В отличие от Photoshop, инструменты масштабирования и поворотов вынесены в программе Illustrator непосредственно на панель инструментов, так что работать с ними легко и просто. Например, сделаем копию звездочки, изображенной на рис. 27, командами Edit=>Copy (Редактирование=>Копировать) и Edit=>Paste (Редактирование=>Вставить), уменьшим ее в размерах и переместим в центр большой звезды. Для уменьшения размера (учитывая, что скопированная звезда выделена) выберем на панели инструментов инструмент Scale (Масштаб), дважды щелкнув по инструменту, — откроется окно масштабирования. Включим в окне Scale флажок Preview (Предварительный просмотр), чтобы сразу видеть все изменения на рисунке, и настроим значение масштаба подходящим образом (рис. 28). Затем выделим уменьшенную копию звездочки инструментом Direct Selection и перетащим ее в центр большой звезды. Идеально расположить объекты относительно друг друга довольно сложно (хотя на практике подобные операции приходится выполнять сплошь и рядом), поэтому нужно выделить обе звездочки. Откроем палитру Windows=>Align (Окно=>Выравнивание; рис. 29) и центрировать их относительно друга, последовательно щелкнув на кнопках Horizontal Align Center (Горизонтальное выравнивание относительно центра) и Vertical Align Center (Вертикальное выравнивание относительно центра). Результат представлен на рис. 30.
Рис. 27. Исходное изображение
Рис. 28. Изменение масштаба выделенного объекта
Рис. 29. Палитра Align
Рис. 30. Результат центрирования звезд
Затем, не снимая выделения с объектов, дважды щелкните на инструменте Rotate (Поворот), после чего откроется окно настройки поворота. Включите флажок Preview (Предварительный просмотр) и начните понемногу поворачивать звезды, постепенно доведя их до желаемого положения (рис. 31). Можно поворачивать объекты и по-другому, выбрав инструмент Rotate одним щелчком (никакого окна настроек в этом случае открываться не будет, но на рисунке будет обозначен центр поворота) и начав поворачивать объект мышью (рис. 32).
Рис. 31. Поворот объектов путем определения настроек в окне Rotate
Рис. 32. Поворот объектов мышью
Масштабирование можно выполнить и другими способами: либо просто одинарным щелчком выбрав инструмент Scale и переместив одну из вершин объекта, либо поместить объект в габаритный прямоугольник, выделив его инструментом Selection и переместив маркеры габаритного прямоугольника. При этом перемещение боковых маркеров обеспечивает масштабирование только по горизонтали или по вертикали, а перемещение угловых маркеров — одновременно по горизонтали и по вертикали (рис. 33). Для масштабирования с сохранением пропорций следует удерживать клавишу Shift; клавиша Alt позволяет осуществить масштабирование из центра объекта.
Рис. 33. Масштабирование группы объектов на основе габаритного прямоугольника
Свободная трансформация
Существует еще одна возможность масштабирования и поворота, реализуемая всего одной кнопкой палитры инструментов, — Free Transform (Свободная трансформация). При выборе данного инструмента выделенные объекты автоматически заключаются в габаритный контейнер, который можно и масштабировать, и поворачивать. Руководствоваться при этом следует внешним видом маркера: если он представляет собой изогнутую стрелку, то при движении мыши будет осуществляться поворот объектов, а если маркер выглядит как прямая стрелка, то будет происходить изменение размеров фигуры.
Использование фильтров для формирования более сложных объектов
Исходное число графических примитивов, увы, невелико, и невозможно обойтись только ими при создании нужного изображения. Однако Illustrator предоставляет массу возможностей для изменения исходных фигур, при этом получающиеся изображения будут куда как далеки от обычных прямоугольников, многоугольников и звезд. Так, фильтр Pucker & Bloat (Сморщивать и раздувать) формирует на основе исходного изображения выпуклые или вогнутые кривые, что очень подходит для рисования цветков, геральдических знаков и пр. Фильтр Twist (Изгиб) закручивает объект в центре сильнее, чем по краям, создавая эффектные вихри из обычных многоугольников, и т.п.
Воспользуемся созданной в предыдущем примере звездой (рис. 34). Выделим ее инструментом Direct Selection, а потом применим к ней один из многочисленных вариантов деформации командой Effect=>Distort & Transform=>Pucker & Bloat (Эффект=>Искажение и трансформация=>Сморщивать и раздувать). В зависимости от настроек деформации можно получить самые разные фигуры — начиная от солнышка (рис. 35) и кончая ромашкой (рис. 36). Обратите внимание, что флажок Preview (Предварительный просмотр) должен быть обязательно включен, иначе вы не сможете наблюдать за преобразованием изображения по мере изменения параметра.
Рис. 34. Исходное изображение
Рис. 35. Солнышко (указаны настройки Pucker & Bloat)
Рис. 36. Ромашка (указаны настройки Pucker & Bloat)
Не менее оригинальные эффекты можно получить, если взять за основу другие графические примитивы. В частности, из восьмиугольника можно получить эффектные варианты цветов (рис. 37, 38), а из окружности — интересный символ, который может быть задействован, например, при создании логотипа (рис. 39).
Рис. 37. Первый вариант цветка (указаны настройки Pucker & Bloat)
Рис. 38. Второй вариант цветка (указаны настройки Pucker & Bloat)
Рис. 39. Возможный фрагмент логотипа (указаны настройки Pucker & Bloat)
Не менее интересные эффекты получаются при наложении на геометрические примитивы других фильтров из группы Distort & Transform (Искажение и трансформация). Исходное изображение выглядит в соответствии с рис. 40, а результат применения команды Effect=>Distort & Transform=>Twist (Эффект=>Искажение и трансформация=>Изгиб) может напоминать эффектный завиток (рис. 41).
Рис. 40. Исходное изображение
Рис. 41. Завиток (указаны настройки фильтра Twist)
Перекрасьте исходную звездочку голубоватым градиентом, более подходящим для снежинок, и попробуйте воспользоваться фильтром ZigZag, вызываемым командой Effect=>Distort & Transform=>ZigZag (Эффект=>Искажение и трансформация=>Зигзаг). При этом может быть получено невероятное множество разнообразных снежинок (рис. 42).
Рис. 42. Снежинки (указаны настройки фильтра ZigZag)
А теперь в новом документе нарисуйте серию кружков, как показано на рис. 43, выделите их инструментом Direct Selection и превратите в замысловатые чернильные кляксы командой Effect=>Distort & Transform=>Roughen (Эффект=>Искажение и трансформация=>Шипы; рис. 44, 45).
Рис. 43. Исходное изображение
Рис. 44. Настройка фильтра Roughen
Рис. 45. Чернильные кляксы
Создание сложных объектов посредством вырезания составных частей графических примитивов
Рассмотрим один из простейших примеров разрезания объектов для формирования довольно эффектного узора. Создайте многоугольник и лежащую на нем звезду, залитые градиентом, — примерно так, как на рис. 46. Разместите их симметрично, щелкнув на кнопках Horizontal Align Center (Горизонтальное выравнивание относительно центра) и Vertical Align Center (Вертикальное выравнивание относительно центра) в палитре Align (Выравнивание), открыв последнюю командой Windows=>Align (Окно=>Выравнивание). Выделите оба объекта инструментом Direct Selection при нажатой клавише Shift. Откройте палитру Pathfinder (Следопыт) командой Window=>Pathfinder (Окно=>Следопыт) и щелкните на кнопке Divide (Разрезать; рис. 47) — в итоге будут произведены разрезы в местах пересечения наложенных друг на друга фигур. Откажитесь от выделения командой Select=>Deselect (Выделение=>Ничего не выделено) и выделите только те фрагменты изображения, которые показаны на рис. 48.
Рис. 46. Исходное изображение
Рис. 47. Разрезание исходного изображения
Рис. 48. Выделение вырезанных частей изображения для первого масштабирования
Щелкните дважды на инструменте Scale и настройте параметры масштабирования (рис. 49) — результат может напоминать изображение на рис. 50. После этого выделите фрагменты (рис. 51) и осуществите тот же вариант масштабирования (рис. 52).
Рис. 49. Настройка параметров масштабирования
Рис. 50. Внешний вид изображения после первого масштабирования
Рис. 51. Выделение вырезанных частей изображения для второго масштабирования
Рис. 52. Внешний вид изображения после второго масштабирования
В качестве завершающего штриха выделите все фрагменты изображения и примените фильтр Twist, воспользовавшись командой Effect=>Distort & Transform=>Twist (Эффект=>Искажение и трансформация=>Изгиб) при угле поворота равном 150. Полученное изображение будет напоминать рис. 53.
Рис. 53. Окончательный вид изображени