Векторные редакторы, как и следует из их названия, предназначены в первую очередь для работы с векторной графикой. И не только с векторными объектами (о растровых возможностях векторной графики сейчас упоминать не будем - это отдельный разговор), поскольку существуют еще так называемые сеточные объекты, созданные градиентной сеткой Gradient Mesh . Отличительной их чертой является то, что цвета, примененные для окраски сеточных объектов, могут плавно перетекать друг в друга в любых направлениях, в то время как обычная градиентная заливка в Adobe Illustrator ограничена линейным и радиальным вариантами. Создав очень мелкую сетку и вручную настраивая цветовые оттенки в ее отдельных областях, можно добиться потрясающих результатов. Однако процесс этот очень длительный и требующий упорства и определенных навыков. Для примера оцените рис. 1, 2, 3 (http://www.laverock.ru/1me/8-tracing/index.html) и рис. 4 из дистрибутива Adobe Illustrator.

Рис. 1, 2, 3, 4. Примеры рисунков, сделанных с наложением градиентной сетки

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

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

Создание сеточных объектов

Теоретически существует три способа создания сеточных объектов: при помощи инструмента Mesh , путем создания градиентной сетки и путем превращения градиента в градиентную сетку. Мы кратко рассмотрим каждый из них, но сначала уточним один момент - если у исходного векторного объекта был контур (Stroke ) и/или присутствовала заливка градиентом либо текстурой, то они автоматически исчезнут при создании сеточного объекта, так как он не имеет контуров и не может быть залит ни текстурой, ни обычным градиентом. Исключение составляет способ, основанный на преобразовании объекта с градиентной заливкой в сеточный.

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

При помощи инструмента Mesh

Создайте произвольный векторный объект (рис. 6), выберите инструмент Mesh (Сетка) и щелкните им, например, в левом верхнем углу объекта. Результат может напоминать рис. 7 - векторный объект превратился в сеточный с одной основной узловой точкой и двумя контрольными линиями. Последующие щелчки по объекту инструментом Mesh будут добавлять новые узловые точки и контрольные линии.

Путем создания градиентной сетки

Создайте произвольный векторный объект (рис. 8) и, не снимая выделения, откройте из меню Object (Объект) команду Create Gradient Mesh (Создать градиентную сетку). В открывшемся окне установите флажок Preview (Просмотр), чтобы сразу видеть возможный результат. Введите нужное количество строк (Rows ) и столбцов (Columns ), а в поле со списком Appearance (Вид) оставьте вариант Flat (Плоская). В итоге объект преобразуется в сеточный с заданным количеством строк и столбцов и с равномерной структурой сетки и будет похож на тот, что представлен на рис. 9. Это наиболее удобный и часто используемый способ создания сеточных объектов.

Рис. 9. Результат превращения векторного объекта в сеточный путем создания градиентной сетки

Имейте в виду, что чем больше столбцов и строк вы указали при создании объекта-сетки, тем дольше программа будет их прорисовывать. Поэтому, с одной стороны, не стоит создавать слишком сложные градиентные сетки с больших количеством ячеек, а с другой - увеличение количества строк и столбцов позволяет получить более плавные цветовые переходы. Выход один: искать разумный компромисс и по возможности создавать вместо одного сложного сеточного объекта несколько простых. Как правило, в этом случае результат оказывается лучше.

Путем превращения градиента в градиентную сетку

Создайте произвольный векторный объект с градиентной заливкой (рис. 10) и воспользуйтесь командой Object=>Expand (Объект=>Преобразовать), установив в разделе Expand Gradient To (Преобразовать градиент в) вариант Gradient Mesh (Градиентная сетка) (рис. 11). Получившийся сеточный объект будет напоминать рис. 12.

Рис. 12. Результат превращения векторного объекта с градиентной заливкой в сеточный объект

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

Выделение и простейшая обработка сеточных объектов

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

Инструмент Group Selection предназначен для выделения группы сеточных объектов без помещения их в габаритный контейнер (рис. 14). Выделенные таким образом объекты могут быть перемещены и/или трансформированы. Для трансформации нажмите правую кнопку мыши и из контекстного меню выберите команду Transform (Трансформация) (рис. 15). Кроме того, на группу сеточных объектов можно наложить тень командой Filter=>Stylize=>Drop Shadow (Фильтр=>Стилизация=>Тень) - практически все остальные фильтры окажутся недоступным (рис. 16).

Рис. 14. Выделение группы сеточных объектов инструментом Group Selection

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

Рис. 17. Результат щелчка инструментом Direct Selection внутри ячейки

Рис. 18. Результат щелчка инструментом Direct Selection на контрольной линии

Если необходимо выделить только одну основную узловую точку, то ее нужно обвести инструментом Direct Select Lasso (Лассо частичного выделения) (рис. 19) или воспользоваться специальным инструментом для сеточных объектов Mesh (Сетка). Естественно, лассо может быть использовано и для выделения произвольного количества основных узловых точек.

Рис. 19. Результат выделения одной основной узловой точки инструментом Direct Select Lasso

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

Рис. 20. Искривление градиентной сетки в результате перемещения основной узловой точки инструментом Direct Selection

Рис. 21. Результат удаления серии узловых точек: на левой копии сеточного объекта есть все узловые точки, на правой - центральные узловые точки удалены

Раскрашивание сеточных объектов

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

Сразу обратим ваше внимание на то, что на глазок удачно выбирать оттенки из палитры очень сложно. Удается это лишь тем, кто великолепно чувствует их малейшие переходы, - намного проще корректировать оттенок в той или иной зоне сетки, основываясь на исходном оттенке и слегка смещаясь в одном из цветовых направлений. Однако при выборе зоны в окне Fill (Заливка) оттенок отображается лишь в том случае, если вы выбрали зону с одним оттенком. Чаще всего вместо конкретного цвета в окне появляется знак вопроса, свидетельствующий о том, что на выбранном вами участке присутствуют различные оттенки цвета. В итоге, пытаясь изменить оттенок в окне Color Picker (Библиотека цветов), вы не видите исходного оттенка и только ухудшаете результат.

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

Чтобы ознакомиться с простейшим вариантом раскраски сеточных объектов, создайте векторный объект в виде закрашенной окружности и преобразуйте его в сеточный командой Object=>Create Gradient Mesh (Объект=>Создать градиентную сетку), указав четыре строки и четыре столбца, а в списке Appearance (Вид) выбрав вариант Flat (Плоская). Получившийся сеточный объект будет примерно таким, как на рис. 22.

Теперь приступим к раскраске. Выберем инструмент Direct Selection , щелкнем на свободной части листа, чтобы снять выделение с объекта, а затем в его центральной части выделится одна ячейка. Далее, удерживая клавишу Shift , выделим все внутренние ячейки, как на рис. 23. После этого изменим цвет для выделенных ячеек сетки, например установив другой цвет в окне Fill (Заливка). В итоге изображение примет вид, представленный на рис. 24.

Рис. 24. Внешний вид сеточного объекта после изменения цвета центральных ячеек сетки

А можно опробовать и другой вариант. Отменим последнее действие, вследствие чего сеточный объект вновь станет однотонным, снимем выделение с объекта командой Select=>Deselect и щелкнем в левом верхнем углу круга, чтобы выделилась та же ячейка, что и на рис. 25. И точно так же изменим цвет ячейки - результат может напоминать изображения рис. 26 и 27.

Рис. 26. Внешний вид сеточного объекта после изменения цвета левой верхней ячейки при отображении сетки

А теперь рассмотрим более сложный пример. Создайте инструментом Pen (Перо) контур в виде листа (рис. 28) и превратите его в сеточный объект командой Object=>Create Gradient Mesh (Объект=>Создать градиентную сетку), указав четыре строки и три столбца, а в списке Appearance (Вид) выбрав вариант Flat (Плоская). Получившийся сеточный объект представлен на рис. 29. Перетащите инструментом Direct Selection все центральные узлы объекта, как показано на рис. 30. Затем выделите все внутренние узловые точки сетки и измените в них оттенок зеленого цвета на более светлый (рис. 31).

Рис. 31. Внешний вид изображения после изменения цвета внутренних ячеек сетки

На следующем этапе попробуем немного осветлить центральную часть листа. Для этого щелкните инструментом Mesh в той части листа, где необходимо создать новую узловую точку - она автоматически соединится с уже имеющимися; в итоге появятся новые контрольные линии (рис. 32). Затем измените оттенок цвета на более светлый (рис. 33).

Рис. 32. Внешний вид сетки после создания дополнительной узловой точки

Имитация трехмерности сеточных объектов

Придать объекту трехмерность можно двумя способами. Во-первых, за счет подсвечивания его центра или краев при создании сетки командой Object=>Create Gradient Mesh (Объект=>Создать градиентную сетку). Для этого в окне Create Gradient Mesh выбирают варианты To Edge (К краю) или To Center (К центру) с установкой значения параметра Highlight (Подсветка) меньше 100%: первый вариант обеспечивает подсветку краев объекта, а второй создает подсветку в его центре. А во-вторых, эффект трехмерности может быть достигнут с помощью удачного подбора оттенков для различных областей градиентной сетки. Рассмотрим оба варианта на примерах.

3D-эффект как результат настройки параметров градиентной сетки при ее создании

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

Создайте произвольное векторное изображение, состоящее из нескольких векторных объектов, - в данном примере мы ограничились парой желудей (рис. 34). Выделите веточку у первого желудя и наложите градиентную сетку командой Object=>Create Gradient Mesh (Объект=>Создать градиентную сетку) при параметрах, показанных на рис. 35. Точно такую же градиентную сетку наложите на веточку второго желудя. После этого последовательно на шляпки желудей наложите градиентную сетку при тех же значениях параметров, за исключением того, что значение подсветки (Highlight ) уменьшите до 40%. Получится примерно такой же результат, как представлен на рис. 36. Естественно, дальнейшая последовательная корректировка оттенков и искажение градиентной сетки могут дать куда более интересные эффекты, но, увы, эти операции требуют очень много времени.

Рис. 36. Внешний вид изображения после наложения градиентной сетки на все объекты

А теперь попробуем добиться эффекта трехмерности на примере создания круглой выпуклой кнопки. Создайте закрашенный произвольным цветом векторный объект в виде окружности и преобразуйте его в сеточный командой Object=>Create Gradient Mesh (Объект=>Создать градиентную сетку), указав четыре строки и четыре столбца, а в списке Appearance (Вид) выбрав вариант To Center (К центру) и установив значение Highlight (Подсветка) равным 60. Получившийся сеточный объект будет напоминать рис. 37.

Рис. 37. Исходный сеточный объект в виде окружности с подсветкой в центре

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

Возьмите инструмент Ellipse (Эллипс), установите маркер мыши в центр созданной перед этим окружности и, удерживая нажатыми клавиши Alt и Shift , растяните новую окружность поверх старой так, чтобы она оказалась больше старой на два пиксела со всех сторон. Сделайте у нее черную границу (Stroke ) шириной 2 пиксела и залейте радиальным градиентом в направлении от красного к белому (рис. 40). Перетащите созданный векторный объект на один-два пиксела вправо и вниз; не снимая выделения, кликните на нем правой кнопкой мыши и из контекстного меню выберите команду Arrange=>Send To Back (Упорядочить=>Отправить назад). В итоге получите кнопку (рис. 41).

Интересных эффектов можно добиться, создавая сеточные объекты на основе фотографий. Для примера откройте исходное растровое изображение (рис. 42), при помощи инструмента Pen обведите контур цветка (рис. 43) и скопируйте его в буфер командой Edit=>Copy (Редактирование=>Копировать). Затем создайте новое изображение и скопируйте туда контур цветка из буфера командой Edit=>Paste (Редактирование=>Вставить) (рис. 44). Залейте цветок подходящим цветом (рис. 45).

Рис. 43. Формирование контура цветка

Рис. 44. Результат вставки контура цветка в новый рисунок

Преобразуйте контур в сеточный объект командой Object=>Create Gradient Mesh (Объект=>Создать градиентную сетку) примерно с такими параметрами, как на рис. 46. Обратите внимание, что выбран вариант To Edge (К краю), так как необходима подсветка краев сеточного контура. Поэкспериментируйте со значением параметра Highlight (Подсветка), поскольку в зависимости от выбранного исходного цвета заливки контура и от значения подсветки результаты могут быть разными. Возможно, что в итоге вы получите сеточный объект, напоминающий тот, что представлен на рис. 47.

Для придания полученному изображению большего эффекта, выделите сеточный объект инструментом Selection и наложите на него фильтры Effect=>Stylize=>Inner Glow (Эффект=>Стилизация=>Свечение изнутри) с параметрами, показанными на рис. 48, и Effect=>Stylize=>Drop Shadow (Эффект=>Стилизация=>Тень) с такими параметрами, как на рис. 49. Примерный результат дан на рис. 50.

Рис. 50. Окончательный внешний вид сеточного объекта, сделанного на основе фотографии

Еще более интересным вариант будет в том случае, если взятый с фотографии контур разбить на несколько сеточных объектов. Возьмем тот же контур, что и в предыдущем случае, скопируем его в новый документ и закрасим цветом. Затем выделим инструментом Pen не весь цветок, а только один его лепесток (рис. 51) и наложим на него градиентную сетку (рис. 52). Результат будет выглядеть примерно так, как рис. 53. Аналогичную операцию проделаем с каждым лепестком и в итоге получим цветок, у которого каждый лепесток будет отдельным сеточным объектом (рис. 54). В дальнейшем полученный таким образом объект можно использовать при подготовке другого изображения, например представленного на рис. 55.

3D-эффект как итог манипуляции с цветами и оттенками градиентной сетки

Попробуем нарисовать жемчужину, а потом на ее основе - фрагмент жемчужных бус. Возьмите инструмент Ellipse , нарисуйте окружность и залейте ее серым цветом (рис. 56). После этого инструментом Mesh создайте узловые точки так, как показано на рис. 57. Выделите узловые точки в левой части объекта и перекрасьте их в темно-серый цвет (рис. 58). Затем выделите группу узловых точек в левом верхнем углу и измените цвет в соответствующей зоне сетки на серо-голубой (рис. 59). Выделите ячейку в правом верхнем углу и установите там белый цвет (рис. 60). Выделите зону в нижней части объекта и придайте ей бронзовый оттенок (рис. 61). Затем исказите линии сетки примерно так, как показано на рис. 62, перетащив соответствующие узлы нужным образом - в итоге будет получена заготовка.

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

Рис. 59. Результат заливки левой верхней зоны сетки серо-голубоым цветом

Под конец, используя заготовку, нарисуем жемчужные бусы. Для этого, выделив жемчужину, перетащите ее в палитру Symbols (рис. 64). Затем при нажатой клавише Shift перетащите новый символ из палитры на рабочий лист (рис. 65). Инструментом Scale (Масштаб) уменьшите образ жемчужины до приемлемого (рис. 66) и при нажатии клавиши Alt многократно продублируйте ее, создав из одной жемчужины нитку бус (рис. 67).

Рис. 64. Окно палитры Symbols

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

Adobe Illustrator имеет только два вида градиентных заливок. Это линейный и радиальный градиент. Радиальный градиент может быть трансформирован в эллиптический. Такая разновидность градиента стала доступна, начиная с релиза CS4.

Хочу заметить, что другие векторные редакторы могут иметь дополнительные виды градиентов. Так, например, CorelDraw имеет еще конический и квадратный градиенты.

Для управления градиентными заливками в Adobe Illustrator служат панель Gradient (Window > Gradient) и инструмент Gradient Tool (G), который вы сможете найти на панеле инструментов.

Вы также можете управлять градиентом при помощи Gradient Annotator.

Эта функция, также как и эллиптический градиент, появилась только в Adobe Illustrator CS4. Gradient Annotator становится активным только после выбора Gradient Tool (G). По разным причинам Gradient Annotator может пропадать в процессе работы, что служит причиной появления тысяч одинаковых вопросов на . Для включения Gradient Annotator переходим View > Show > Gradient Annotator или используем комбинацию горячих клавиш Option / Alt + Command / Ctrl + G.

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

По умолчанию это заливка черно-белым линейным градиентом.

Вы также можете использовать градиенты из панели Swatches или из ее многочисленных библиотек.

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

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

Если вы работаете в Adobe Illustrator CS4 - CS6, то двойной клик по ползунку открывает панель Colors или Swatches прямо в панеле Gradient. Теперь вы можете смешивать цвета или выбирать цвет из имеющихся образцов.

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

Для изменения цвета ползунка вы можете также использовать Eyedropper Tool (I). Выделяем один из ползунков, берем Eyedropper Tool (I) и, удерживая Shift, берем цвет с другого объекта, который имеет сплошную или градиентную заливку. Таким способом вы также можете брать цвета с растровых изображений или градиентных сеток.

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

Вы можете дублировать ползунки, для этого потащите его в сторону, удерживая Option / Alt key.

Для удаления ползунка потяните его вниз или нажмите иконку Delete Stop.

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

В панеле Gradient вы можете выбрать вид градиента...

установить его угол...

установить соотношение сторон для радиального градиента, что превратит его в эллиптический....

уменьшить непрозрачность для ползунка (доступно для пользователей Adobe Illustrator CS5 - CS6)

и точно установить положение для выделенного ползунка.

Если взять Gradient Tool (G), то вы сможете управлять градиентом непосредственно на объекте при помощи Gradient Annotator. Вы можете перемещать его, изменять угол и двигать ползунки.

При помощи Gradient Tool (G) вы можете задавать угол, направление и длину градиента, используя метод: нажимаем и тащим.

Если после создания радиального градиента кликнуть на каком-нибудь месте при помощи Gradient Tool (G), то центр градиента будет перемещен в это место, при этом мы получим эксцентричный радиальный градиент, как это показано на рисунке ниже.

Конечно, в статье про градиентные заливки мне следует сказать, что в Adobe Illustrator CS6 мы имеем возможность применять градиент к обводке. Такая заливка имеет три вида: gradient within stroke, gradient along stroke, gradient across stroke.

И я уже применял новую функцию несколько раз на практике.

Вот, пожалуй, и все, что я знаю про управление градиентными заливками. Но это еще не все, что я хочу рассказать вам сегодня. Меня часто спрашивают: "В каких случаях, какой вид градиентной заливки применять? ". Это зависит от нескольких факторов:

1. Форма и расположение источника света;

2. Форма освещаемого объекта;

3. Наличие рефлексов;

4. Материал освещаемого объекта (хотя этот фактор не влияет на вид градиента, а только на контрастность его цветов и положение регулирующих ползунков, то есть на плавность переходов между цветами).

Это кажется вам сложным? Давайте рассмотрим вышесказанное на практике.

1. Объект - пластиковая сфера, которая освещена точечным источником света. Объект находится на цветном фоне.

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

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

Сегодня Натали Ульрих поделится с нами несколькими очень интересными «фишками». В этой статье мы поговорим о работе с цветом, градиентными заливками и особенностях работы с инструментом Пипетка (Eyedropper Tool). Также мы снова поговорим о выравнивании объектов и узнаем, как выровнять объекты с обводкой. Лично я нашла в этой статье много новой и полезной информации.

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

Если хотите поменять их местами, нажмите клавишу X. Используйте клавишу каждый раз, когда нужно переключиться с одной на другую.

Быстрая отмена заливки или обводки

Если хотите отменить Заливку или Обводку, нажмите кнопку с косой чертой /.

Чтобы поменять местами цвет заливки и обводки, нажмите сочетание клавиш Shift + X.

Выбираем Пипеткой только цвет

По умолчанию инструмент Пипетка (Eyedropper Tool) копирует внешний вид объекта, а именно: цвет заливки и обводки, настройки обводки и прозрачности и т. д. Эти настройки можно задать в окне, которое откроется, если дважды щелкнуть по кнопке инструмента (см. рисунок).

Но можно скопировать только цвет, не снимая галочек с других настроек инструмента в диалоговом окне. Для этого, когда выбираете цвет Пипеткой, удерживайте клавишу Shift. Обратите внимание, что у вас в активном режиме — заливка или обводка, так как цвет применяется только к активному элементу. И цвет для заливки одного объекта можно скопировать с обводки другого объекта.

Трансформация узора отдельно от объекта

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

Используем Глобальный цвет

Глобальный цвет позволяет создать документ, в котором легко поменять цвета всех объектов. Создайте новый образец цвета в палитре Каталог (Swatches panel). Дважды щелкните созданный образец и в открывшемся окне Параметры образцов (Swatch Options) поставьте галочку возле Глобальные.

Используйте этот образец для всех объектов, цвет которых вы хотите изменить. Если есть возможность, примените Глобальный цвет просто двойным щелчком по его образцу в палитре. Или перетащите в палитре на Глобальный цвет другой образец, удерживая клавишу Option/Alt. На рисунке (см. ниже) было создано два Глобальных цвета. Один для фона, другой для объектов. И можно легко изменить цвет всех объектов, не выделяя их как группу.

Образец цвета из любой точки экрана

Скопировать цвет можно из любой точки экрана. Даже за пределами Adobe Illustrator. Выберите инструмент Пипетка и щелкните в любом свободном месте. Удерживая кнопку мышки, перетащите инструмент на любой видимый цвет, даже в любой другой программе или просто на рабочем столе. При перемещении курсора цвет меняется автоматически. Можно выбрать любой цвет, кроме цвета кнопки «Start» в операционной системе Windows Vista.

Применяем выбранные цвета

После того как вы выбрали цвет инструментом Пипетка, его можно применить к невыделенному объекту, если удерживать клавишу Option/Alt. При этом кончик инструмента становится черным.

Выбираем цвет градиента

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

Копируем цвет на Шкале градиента

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

Меняем местами цвета на Шкале градиента

Чтобы поменять местами цвета на Шкале градиента, перетащите один прямоугольничек на другой, удерживая клавишу Option/Alt.

Используем для градиента образцы из Каталога цветов

Если выбрать прямоугольничек на градиентной шкале в палитре Градиент (Gradient panel), а затем щелкнуть образец в палитре Каталог цветов (Swatches panel), изменится цвет объекта, а не градиента. Чтобы изменить цвет прямоугольничка на градиентной шкале, выберите необходимый прямоугольничек, нажмите клавишу Option/Alt и щелкните образец в палитре Каталог цветов. Также можно перетащить образец из палитры Каталог цветов (Swatches panel) на градиентную шкалу в палитре Градиент (Gradient panel), чтобы изменить цвет прямоугольничка или создать новый.

Меняем цвет обводки

Цвет обводки можно легко и быстро изменить, даже не выделяя. Перетащите образец цвета из палитры Каталог или Цвет на обводку. Если в палитре инструментов обводка не активна, перетаскивая образец, удерживайте клавишу Shift.

Меняем цветовую модель в палитре Цвет

Чтобы изменить цветовую модель в палитре Цвет (Color panel), например RGB или HSB, щелкайте Спектр палитры (Color Spectrum Bar), удерживая клавишу Shift. И выберите нужную вам цветовую модель из тех, что есть.

Если вам нужен серый цвет, получить его можно двумя способами. Можно использовать цветовой режим Серая шкала (Grayscale) и менять насыщенность цвета от белого (0%) до черного (100%). Но при этом объект всегда будет оставаться серым, и вы не сможете сделать его цветным, пока не измените цветовой режим. Чтобы этого избежать, выберите в палитре Цвет (Color panel) цветовую модель CMYK и задайте в поле значение для K. Для остальных установите — 0%.

При выравнивании объектов или изменении их размеров в Adobe Illustrator учитываются контуры объекта, а толщина обводки по умолчанию игнорируется. Чтобы учитывалась толщина обводки, поставьте галочку возле команды Использовать границы просмотра (Use Preview Bounds) в окне Установки (меню Редактирование, Установки, Основные). Чтобы открыть окно, используйте сочетание клавиш Cmd/Ctrl + K. Теперь все изменения и расчеты будут производиться с учетом толщины обводки (см. рисунок ниже).

Единственный недостаток этого совета в том, что выбранная опция будет влиять на все дальнейшие действия и изменения. Но при использовании палитры Выравнивание (Align panel), эту опцию можно включать/выключать в меню палитры.

У вас остались вопросы или есть что добавить по теме статьи?

Узнайте, как создавать градиенты различных типов в Illustrator.

Градиент - это градуированный переход между двумя или более цветами или двумя оттенками одного цвета. Градиенты можно использовать для создания наложения цветов, добавления объема к векторным объектам, а также для добавления света и тени к иллюстрациям. В Illustrator можно создавать, применять и изменять градиент с помощью панели «Градиент», инструмента «Градиент» или панели управления.

Типы градиентов

В Illustrator можно использовать следующие три типа градиентов:

• Линейный
  Этот градиент можно использовать для перехода цветов от одной точки до другой по прямой линии.

• Радиальный
  Этот градиент можно использовать для перехода цветов от одной точки до другой в виде кругового узора.

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

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

Примеры линейных, радиальных и свободных градиентов с использованием трех различных вариантов перехода цветов

Примечание.

Линейные и радиальные градиенты можно применять на заливке и обводке объекта. Произвольный градиент можно применять только для заливки объекта.

Инструмент «Градиент» и панель «Градиент»

Для создания и изменения градиента используется инструмент «Градиент» или панель «Градиент». Используйте инструмент «Градиент», если необходимо создать или изменить градиенты непосредственно на иллюстрации и просмотреть изменения в реальном времени.

Чтобы открыть инструмент «Градиент», нажмите инструмент «Градиент» на панели инструментов.

Для открытия панели «Градиент» выполните одно из следующих действий:

• Выберите Окно > Градиент .
• На панели управления дважды щелкните инструмент «Градиент».

Панель «Градиент» откроется на холсте.

Опции для линейного и радиального градиента (A-R) | Опции для произвольного градиента (R-V)

Инструмент «Градиент» и панель «Градиент» имеют множество одинаковых параметров. Однако некоторые задачи можно выполнить только с помощью инструмента или панели. С помощью инструмента «Градиент» и панели можно задать несколько точек цвета, их расположение и распределение. Можно также указать угол, под которым отображаются цвета, пропорции эллиптического градиента и непрозрачность каждого цвета.

Аннотатор градиента

Для линейных и радиальных градиентов при нажатии инструмента «Градиент» на панели инструментов на объекте отображается аннотатор градиента. Аннотатор градиента - это шкала, на который отображаются начальная точка, конечная точка, средняя точка, а также две точки цвета для начальной и конечной точек.

Аннотатор градиента для радиального градиента

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

Чтобы скрыть или отобразить аннотатор градиента, выберите Просмотр > Спрятать градиентный аннотатор или Просмотр > Показать градиентный аннотатор.

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

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

Применение предварительно заданного градиента

При первом применении инструмента «Градиент» по умолчанию используется Черно-белый градиент. Если градиент применялся ранее, по умолчанию применяется последний использованный градиент.

Кроме того, Illustrator содержит предварительно заданный набор градиентов, которые можно применить с помощью панели «Градиент» или «Образцы». Можно также создать градиент и сохранить его на панели «Образцы» для дальнейшего использования. Чтобы применить предварительно заданный или сохраненный градиент с панели «Градиент», выполните следующие действия:

• Выберите объект на холсте и нажмите раскрывающийся список Градиент на панели «Градиент».

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

• Чтобы открыть панель «Образцы», выберите Окно > Образцы .
• На панели «Образцы» нажмите раскрывающийся список в правом верхнем углу. В списке выберите Открыть библиотеку образцов > Градиенты , затем выберите градиент, который требуется применить.
• Чтобы на панели «Образцы» отображались только образцы градиентов, нажмите раскрывающийся список Показать виды образцов и выберите Показать образцы градиентов .

Выбор предварительно заданного градиента из библиотеки образцов

Создание и применение линейных, радиальных и произвольных градиентов

Применение различных типов градиентов

Создание и применение линейного градиента

Для создания линейного градиента выполните одно из следующих действий:

• Линейный градиент , чтобы применить линейный градиент к объекту.
• На панели «Градиент» нажмите Линейный градиент .
• На панели «Свойства» нажмите Линейный градиент в разделе Градиент .

Создание и применение радиального градиента

Для создания или применения радиального градиента выполните одно из следующих действий:

• Выберите инструмент «Градиент», затем нажмите объект на холсте. На панели управления или панели «Свойства» отображаются кнопки «Тип градиента». Выберите объект, затем нажмите Радиальный градиент , чтобы применить радиальный градиент к объекту.
• На панели «Градиент» нажмите Радиальный градиент .
• На панели «Свойства» нажмите Радиальный градиент в разделе Градиент .

Создание и применение произвольного градиента

Для создания или применения произвольного градиента выполните одно из следующих действий:

• Выберите инструмент «Градиент», затем нажмите объект на холсте. На панели управления или панели «Свойства» отображаются кнопки «Тип градиента». Выберите объект, затем нажмите Произвольный градиент , чтобы применить произвольный градиент к объекту.
• На панели «Градиент» нажмите Произвольный градиент .
• На панели «Свойства» нажмите Произвольный градиент в разделе Градиент .

После нажатия «Произвольный градиент» будут доступны следующие два параметра:

• Точки . Выберите этот параметр, чтобы создать точки цвета в виде независимых точек на объекте.
• Линии . Выберите этот параметр, чтобы создать точки цвета на отрезке линии на объекте.

Примечание.

Чтобы скопировать произвольный градиент с одного объекта на другой, используйте палитру цветов на панели инструментов.

Создание произвольного градиента в режиме точек

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

• Чтобы добавить одну или несколько точек цвета, щелкните в любом месте внутри объекта.
• Чтобы изменить расположение точек цвета, перетащите их в нужное место.
• Чтобы удалить точку цвета, перетащите ее за пределы объекта или нажмите Удалить на панели «Градиент» или нажмите клавишу Delete.

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

Распределение произвольного градиента в режиме точек

Можно задать распределение точки цвета для произвольного градиента в виде точки. Распределение - это круговая область вокруг точки цвета, к которой применяется градиент. Чтобы задать распределение точки цвета, выберите точку цвета и выполните одно из следующих действий:

• На панели «Градиент» выберите или введите значение в раскрывающемся списке Распределение .
• Введите значение в раскрывающемся списке Распределение на панели управления, панели «Свойства» или панели «Градиент». Можно также использовать шкалу, которая отображается при нажатии Распределение .

По умолчанию для распределения точки цвета установлено значение 0% .

Изменение распределения произвольного градиента для линии

Примечание.

Распределение поддерживается только в режиме точки.

Создание произвольного градиента в режиме линий

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

• Щелкните в любом месте внутри объекта, чтобы создать первую точку цвета, которая является начальной точкой для отрезка линии.
• Нажмите для создания следующей точки цвета. Будет создана прямая линия от первой до второй точки цвета.
• Нажмите еще раз, чтобы создать дополнительные точки цвета. Прямая линия станет кривой.

Можно создать несколько отдельных отрезков линии в объекте. Чтобы создать новый отрезок линии, выполните следующие действия:

• Перетащите курсор за пределы объекта и переместите его обратно внутрь объекта, затем щелкните в любом месте, чтобы создать первую точку цвета для отрезка линии.

Примечание . Можно также перетаскивать отрезки линии и объединять их при необходимости.

Удаление выбранных точек цвета:

• Перетащите их за пределы объекта или нажмите Удалить на панели «Градиент».

Изменение расположения точек цвета:

• Перетащите точку цвета в нужное место. Отрезок линии удлиняется или сокращается при изменении расположения точек цвета. Расположение других точек цвета остается неизменным.

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

Примечание.

При применении градиента к выбранному объекту применяются настройки по умолчанию. Чтобы отключить эту функцию, снимите флажок Установить настройки подгонки с учетом содержимого по умолчанию в меню Редактирование > Установки > Основные (Windows ) или Illustrator > Установки > Основные (Mac OS ). Этот параметр отключен для компьютеров с 32-разрядной ОС Windows.

Изменение градиентов

Можно изменить цвет, центральную точку, непрозрачность, расположение и угол градиента с помощью инструмента «Градиент», панели «Градиент», панели управления или панели «Свойства».

Чтобы войти в режим изменения градиента напрямую, на панели «Градиент» выберите объект и нажмите кнопку Изменить градиент . Затем можно изменить такие параметры, как точки цвета, цвет, угол, непрозрачность, расположение, пропорции и т. д.

Пример изменения линейного градиента

Пример изменения радиального градиента

Добавление и изменение точек цвета

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

Добавление точек цвета

• Поместите курсор на аннотатор градиента и при появлении значка «+» под курсором нажмите аннотатор градиента.

В месте нажатия будет добавлена точка цвета.

Чтобы удалить точку цвета, выберите точку цвета и выполните одно из следующих действий:

• Нажмите клавишу Delete .
• Нажмите кнопку Удалить на панели «Градиент».

Чтобы выбрать несколько точек цвета, удерживайте клавишу Shift и выберите точки цвета.

Для отмены выбора всех точек цвета нажмите клавишу Escape .

Примечание . При выборе точки цвета для градиента на панели управления и панели инструментов отображаются параметры для изменения точек цвета. Кроме того, параметры цвета отображаются на вкладке «Цвет» справа.

Изменение цвета

Чтобы изменить цвет точки цвета, выполните одно из следующих действий:

• Дважды нажмите точку цвета.
  Откроется панель «Цвет», на которой можно выбрать цвет для применения. Выбранный цвет будет применен от текущей выделенной точки цвета до следующей точки цвета.

• Нажмите кнопку Образцы на панели «Цвет», чтобы выбрать цвет из доступных образцов.
• Нажмите кнопку Палитра цветов на панели «Цвет», чтобы выбрать и применить любой цвет с холста в другом месте. Нажмите клавишу Escape или Enter , чтобы выйти с палитры цветов. Палитру цветов можно открыть на панели «Цвет», «Градиент» и «Свойства».
• Откройте панель «Образцы», нажав Окна > Образцы . Нажмите заливку объекта на панели «Образцы». Выбранный цвет будет применен к выделенной точке цвета.

Изменение цвета с использованием панели «Цвет»

Изменение центральной точки, изменение размера и поворот аннотатора градиента

Начальная точка аннотатора градиента называется центральной точкой.

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

Примечание . Размер аннотатора градиента не может быть изменен с помощью начальной точки (центральной точки).

Изменение центральной точки для линейных и радиальных градиентов

Изменение размера аннотатора для линейных и радиальных градиентов

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

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

И еще одна подборка полезных и нужных в работе приемов в Adobe Illustrator

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

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

Быстрая отмена заливки и обводки в Adobe Illustrator

Для присвоения заливке или обводке значение None (Нет), нажмите клавишу .

Цвет наоборот

Если вы хотите поменять цвет заливки и цвет обводки местами в Adobe Illustrator , нажмите сочетание клавиш .

Eyedropper (Пипетка) может выбрать только цвет

Инструмент Eyedropper (Пипетка) по умолчанию копирует все атрибуты объекта, то есть цвет заливки и обводки, свойства обводки и прозрачность. Эти параметры устанавливаются двойным щелчком на кнопке этого инструмента (см. рис).

Но можно, не прибегая к выбору атрибутов через Свойства инструмента, скопировать только цвет. Для этого при взятии пробы инструментом Eyedropper удерживайте клавишу . Обращайте внимание, какой элемент у вас активен: обводка или заливка, так как цвет присваивается только для активного элемента. Таким образом вы можете спокойно скопировать цвет для заливки одного объекта с цвета обводки другого.

Выборочная трансформация узора

Трансформировать можно не только объект, но и сам узор, оставляя при этом объект нетронутым. При использовании любого инструмента трансформации (Rotate (Поворот), Scale (Масштаб), Shear (Сдвиг) и т.д.) удерживайте нажатой клавишу <~>(тильда). Не отпускайте клавишу до окончания трансформации, иначе будет трансформироваться сам объект.

Использование глобального цвета в Adobe Illustrator

Глобальный цвет (Global) позволяет создавать документ, в котором легко можно изменять цвет всех объектов. Создайте новый образец цвета в палитре Swatches, щелкните на образце два раза и установите флажок Global (Глобальный).

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

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

Цвет со всего экрана

Получить образец цвета можно в любом месте экрана , даже выходя за пределы окна программы Adobe Illustrator. Выберите инструмент Eyedropper (Пипетка) и щелкните им на свободном месте. Удерживая кнопку мыши, перетащите инструмент на любой видимый цвет, даже в других приложениях или на рабочем столе. При передвижении курсора цвет автоматически будет меняться. Вы можете выбрать любой цвет, кроме, пожалуй, цвета с кнопки «Пуск» в Windows:).

Применение выбранных цветов в Adobe Illustrator

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

Выбор цвета для градиента в Adobe Illustrator

С помощью Eyedropper (Пипетка) вы еще можете выбирать цвет для градиента. Щелкните на палитре с растяжкой градиента на цветовом ползунке, цвет которого вы хотите изменить, и выберите инструмент Eyedropper (Пипетка). Удерживая клавишу , щелкните инструментом на объекте, чтобы назначить цвет его заливки цветом ползунка градиента.

Дублирование цветового ползунка

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

Замена цветового ползунка

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

Использование образцов цвета в для градиента

Если выделить в палитре Gradient цветовой ползунок, а затем щелкнуть на образец цвета в палитре Swatches, то вместо изменения градиента весь объект будет заполнен указанным цветом. А чтобы применить цвет образца к ползунку, выделите нужный ползунок, нажмите клавишу и щелкните на образце цвета в палитре Swatches. Также можно перетащить образец из палитры Swatches в палитру Gradient и опустить его на растяжку градиента, чтобы создать новый ползунок выбранного цвета.

Быстрое изменение обводки

Цвет обводки, можно быстро изменить, даже если она не является выделенной. Нужно перетащить цветовой образец из палитры Swatches или Color на невыделенный контур. Если при этом палитра цвета обводки является неактивной, в процессе перетаскивания нажмите и удерживайте клавишу .

Изменение цветовых моделей в палитре Color Adobe Illustrator

Чтобы сменить цветовую панель в палитре Color (Цвет), например, с RGB на HSL, щелкните на цветовой рампе, удерживая клавишу . Таким образом вы можете пролистать все доступные цветовые модели.

Использование границ в режиме просмотра

По умолчанию при выравнивании или измерениях Illustrator отталкивается от контура объекта, игнорируя ширину обводки. Независимо от толщины обводки, размеры объекта указываются по его контуру. Чтобы учитывать ширину (и положение) обводки, нажмите сочетание клавиш и установите в появившемся окне Preferences (Предпочтения) флажок Use Preview Bounds (Использовать границы просмотра). Отныне все изменения и расчеты будут проводиться с учетом ширины и положения обводки, как показано на рисунке.

Единственный недостаток предыдущего совета состоит в том, что заданные установки влияют на все операции и изменения. Но при использовании палитры Align (Выравнивание) имеется более быстрый способ применения этой установки.