Где в иллюстраторе заливка: Раскрашивание с помощью заливки и обводки в Illustrator

Содержание

Adobe Illustrator за 30 дней. День 25. Применяем инструмент «Быстрая заливка» (Live Paint) ~ Записки микростокового иллюстратора

Предыдущий урок: Преобразования с использованием эффектов деформации (Warp Effects)

Всем добрый день:) Сегодняшний урок посвящен инструменту «Быстрая заливка» (Live Paint). Инструмент, кстати, очень даже интересный — он позволяет быстро раскрасить Ваш объект, заливая контуры разными цветами.

Изучив урок на Marovaki Design blog, Вы научитесь пользоваться инструментом «Быстрая заливка», а еще – рисовать объемную звезду. (по многочисленным просьбам читателей копия перевода урока также опубликована на этом блоге)

С «Быстрой заливкой» (Live Paint), Вы можете легко раскрасить свои работы. По принципу она схожа с детскими раскрасками, когда у вас есть контуры и вы начинаете заполнять их разными цветами. В этом уроке Вы научитесь разбивать звезду на отдельные сегменты, используя инструмент “Быстрая заливка” (Live Paint).

Если у кого-то с самостоятельным обучением возникают какие-либо затруднения, то вы можете взять онлайн консультацию по Adobe Illustrator через Skype.

Создаем объемную звезду инструмент “Быстрая заливка” (Live Paint)

Давайте рассмотрим пример использования «Быстрой заливки» (Live Paint ) для того, чтобы научиться рисовать объемную звезду. Включите «Быстрые» направляющие (Smart Guides), чтобы точнее позиционировать точки. Они включаются в меню Просмотр > «Быстрые» направляющие (View > Smart Guides).

Нарисуйте звезду на рабочей поверхности. Выберите инструмент «Отрезок линии» ( Line Tool) и наведите курсор на опорную точку в луче звезды, появится надпись «опорная точка» (anchor). Кликните один раз.
Кликните на второй точке снизу от опорной, чтобы создать первую линию.
Продолжайте делать то же самое для противостоящих точек.

Вот финальный контурный набросок.
Выделите все фигуры с помощью инструмента «Выделения» ( Selection Tool.) Затем выберите Живую Краску (Live Paint) и заполните первую область светло-серым цветом.

Продолжайте заполнять отдельные сегменты разными оттенками серого.
Как вы можете увидеть, у рисунка все еще есть черная обводка. Выделите звезду и нажмите свойство обводки «Без цвета» (None).
После того как вы довольны полученным результатом пришло время разбить рисунок на отдельные элементы с помощью команды «Разобрать» (Еxpand).
Вот финальная объемная звезда.
Заключение

Представьте себе отрисовку этой звезды с использованием инструмента «Перо». Вам бы пришлось нарисовать 10 треугольных сегментов, что заняло бы больше времени. У Вас возникли бы проблемы с точным позиционирование точек фигур. Как видите с инструментом “Быстрая заливка” все намного проще!

Анна Волкова

Следующий урок: Создаем обтравочную маску и непрозрачную маску (Clipping Path /Opacity Mask)

Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Предлагаю ознакомиться с аналогичными статьями:

Adobe Illustrator CC. Руководство пользователя

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

нажмите клавишу «Стрелка влево» или «Стрелка вправо».

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

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

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

Чтобы переключиться на инструмент «Пипетка» и выбрать образцы заливки или обводки, щелкните
нужную заливку или обводку, удерживая нажатой клавишу «Alt» (Windows) или клавишу «Option» (Mac OS).

Чтобы раскрасить ребро, дважды щелкните инструмент «Быстрая заливка» и выберите «Закрашивать обводки» или

временно переключитесь в режим «Закрашивать обводки», нажав клавишу «Shift», и выполните любое из следующих

действий:

Щелкните край, чтобы применить к нему обводку. (При наведении на край курсор принимает вид кисти с краской

, а край подсвечивается.)
Перетащите курсор по нескольким краям, чтобы раскрасить их одновременно.
Дважды щелкните край, чтобы применить обводку ко всем соединенным краям того же цвета (полная обводка).
Трижды щелкните край, чтобы применить обводку ко всем краям с одинаковой обводкой.
Примечание. Нажимая клавишу «Shift», можно быстро переключаться между режимами применения только

обводок или только заливок. Можно также задать эти изменения в диалоговом окне «Параметры инструмента

«Быстрая заливка». Если выбраны одновременно параметры «Закрашивать сплошные области» и «Закрашивать

обводки», нажатием клавиши «Shift» выполняется переключение в режим закрашивания только заливок. (Это

может оказаться полезным при попытке применить заливку к маленькому фрагменту, окруженному краями с

обводкой.)

Параметры инструмента «Быстрая заливка»

С помощью параметров инструмента «Быстрая заливка» можно определить особенности использования этого инструмента, указав,

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

на них курсора. Можно просмотреть эти параметры, дважды щелкнув инструмент «Быстрая заливка».
Закрашивать сплошные области Раскрашиваются фрагменты в группах с быстрой заливкой.
Закрашивать обводки Раскрашиваются края в группах с быстрой заливкой.
Просмотр образца курсора Отображает образцы цветов, выбранные в палитре «Образцы». Курсор инструмента «Быстрая заливка»

принимает вид трех цветных квадратов: выбранный цвет заливки или обводки и два смежных с ним цвета в палитре «Образцы».
Подсветка Подсвечивается фрагмент или край, над которым находится курсор. Фрагменты подсвечиваются толстой линией, а края –

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

Замыкание зазоров в группах с быстрой заливкой

Зазоры – это небольшие участки между контурами. Если заливка «вытекает» и заполняет фрагменты, которые не должны быть

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

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

Можно избежать появления зазоров в иллюстрации, для которой используется быстрая заливка, рисуя контуры «с избытком» (то

есть продлевая их за пределы других контуров). Можно затем выделить и удалить эти лишние участки или применить к ним
обводку «Нет».

Подсвечивание зазоров в группе с быстрой заливкой

Выберите команду «Просмотр» > «Показать зазоры быстрых заливок»

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

параметрами зазоров для этой группы.

Задание параметров зазоров для группы с быстрой заливкой

Выберите команду «Объект» > «Быстрая заливка» > «Параметры зазоров» и задайте любой из следующих параметров.

Обнаружение зазоров При выборе этого параметра Illustrator распознает зазоры между контурами группы с быстрой заливкой и

предотвращает «вытекание» заливки через них. Обратите внимание на то, что быстродействие Illustrator может быть снижено при работе

273

Объемный текстовый эффект в стиле «гранж» в Adobe Illustrator

В этом уроке мы будем создавать текстовый эффект в стиле гранж в Adobe Illustrator. Мы создадим плоский фон и добавим текст. Затем при помощи нескольких заливок и палитры Appearance/Оформление создадим эффект объема. Текст при этом останется редактируемым. И в завершении мы добавим гранж-текстуру, используя радиальный градиент и эффект зернистой пленки.

Результат

Шаг 1

Нажмите Control + N чтобы создать новый документ. Настройте параметры как показано ниже и нажмите OK.

Активируйте Grid/Сетку (View > Show Grid/Просмотр>Показать сетку) и опцию Snap to Grid/Привязка к сетке (View > Snap to Grid/Просмотр>Привязка к сетке). Вам понадобится сетка через каждые 10 px. Настроить это можно, выбрав в меню Edit > Preferences > Guides & Grid/Редактировать>Установки>Направляющие и сетка, и введите параметры как показано ниже.

Также откройте палитру Info/Информация (Window > Info/Окно>Информация), чтобы видеть предпросмотр всего документа. Не забудьте указать в качестве единиц измерения пиксели через меню Edit > Preferences > Units > General/Редактировать>Установки>Единицы измерения>Основные. Все эти действия — хорошая привычка, которая сделает вашу работу быстрее.

Шаг 2

Возьмите инструмент Rectangle/Прямоугольник (M) и обратите внимание на палитру с инструментами. Укажите обводке отсутствие цвета и выберите в качестве цвета для заливки R=245 G=245 B=242.
Нарисуйте прямоугольник размером 820 x 620 px и поместите его так, чтобы он перекрывал всю вашу рабочую поверхность.

Шаг 3

Возьмите инструмент Type/Текст (T) и откройте палитру Character/Символы. Используйте шрифт Arista font размером в 120 px. Просто кликните внутри рабочей области и введите ваш текст. Пусть на этом этапе он будет черным.

Шаг 4

Убедитесь, что ваш текст все еще выделен. Зайдите в палитру Swatches/Образцы и кликните по иконке отсутствия цвета, чтобы убрать цвет для заливки.

Откройте палитру Appearance/Оформление и кликните по иконке Add New Fill/Добавить заливку. Выделите ее и укажите ей цвет R=23 G=37 B=134.

Шаг 5

Убедитесь, что ваш текст по прежнему выделен и в палитре Appearance/Оформление добавьте еще одну заливку.
Выберите ее, укажите ей цвет R=232 G=44 B=37 и перетащите под синюю заливку. Затем выберите в меню Effect > Path > Offset Path/Эффект>Контур>Создать параллельный контур. Укажите отступ в 10 px и нажмите OK.

Шаг 6

Все время что мы работаем в палитре Appearance/Оформление ваш текст должен быть выделен. Убедитесь что это так, и добавьте третью заливку.
Укажите этой заливке цвет R=245 G=245 B=242 и поместите между предыдущими двумя. В меню выберите Effect > Path > Offset Path/Эффект>Контур>Создать параллельный контур. Укажите отступ в 5 px.

Шаг 7

Добавьте четвертую заливку и укажите ей цвет R=23 G=37 B=134. Поместите ее в самый низ — под всеми предыдущими заливками. Создайте параллельный контур с отступом в 20 px.

Шаг 8

Добавляем пятую заливку цвета R=232 G=44 B=37. Снова помещаем ее в самый низ, указываем отступ для параллельного контура в 25 px.

Шаг 9

Добавьте шестую заливку, укажите ей цвет R=23 G=37 B=134 и поместите в самый низ. Укажите заливке параллельный контур с отступом в 25 px. Затем в меню выберите Effect > Distort & Transform > Transform/Эффект>Искажение и трансформация>Трансформировать. Введите параметры как показано ниже и нажмите OK.

Шаг 10

Снова в палитре Appearance/Оформление добавляем заливку — седьмую. Укажите ей цвет R=23 G=37 B=134 и снизьте Opacity/Непрозрачность до 10%. Поместите эту заливку в самый низ и укажите ей параллельный контур с отступом в 25 px. Затем укажите ей эффект Transform/Трансформировать с параметрами указанными ниже.

Шаг 11

Добавляем последнюю заливку в палитре Appearance/Оформление. Укажите ей цвет R=23 G=37 B=134 и Opacity/Непрозрачность в 30%. Поместите ее в самый низ, укажите параллельный контур с отступом в 25 px и эффект трансформирования как показано ниже. Затем в меню выберите Effect > Blur > Gaussian Blur/Эффект>Размытие>Размытие по Гауссу. Укажите радиус размытия в 20 px.

Шаг 12

Выделите фоновый прямоугольник и дублируйте его (Control + C > Control + F). Выделите копию и поместите ее на передний план (Shift + Control + ]).

Укажите прямоугольнику радиальный градиент как показано ниже. Чтобы настроить его используйте инструмент Gradint/Градиент (G).

Шаг 13

Убедитесь что прямоугольник с градиентом все еще выделен, и зайдите в палитру Appearance/Оформление. Выделите заливку этого прямоугольника и выберите Effect > Artistic > Film Grain/Эффект>Имитация>Зернистость фотопленки. Введите параметры показанные ниже.

Шаг 14

В палитре Appearance/Оформление укажите заливке с зернистым градиентом Opacity/Непрозрачность в 25% и Blending Mode/Режим наложения -Soft Light/Мягкий свет.

Шаг 15

Дублируйте заливку с зернистым градиентом, кликнув в палитре Appearance/Оформление по иконке Duplicate Selected Item/Дублировать выделенный объект. Укажите копии заливки режим наложения Color Burn/Затемнение основы.

Результат

Автор урока Andrei Marius

Перевод — Дежурка

Смотрите также:

Создание градиентной заливки в Illustrator

Чтобы создать простую градиентную заливку в Illustrator, выполните следующие действия (в приведенном примере я создавал переход от 100%-ного черного цвета до белого).

Убедитесь, что палитры Gradient Color и Swatches отображены в окне программы.
В палитре Gradient в меню Туре выберите тип градиентной заливки (линейная или градиентная).
Чтобы определить первый цвет градиентной заливки, щелкните на ползунке начального цвета (расположенном в левой нижней части палитры Gradient). Выберите необходимый цвет в палитре Swatches или введите соответствующее значение в палитре Colors. В нашем примере это черный цвет.
Чтобы определить второй цвет, щелкните на ползунке конечного цвета (расположенном в правой нижней части палитры Gradient).
Перетащите миниатюру, расположенную в правом верхнем углу палитры Gradient, на палитру Swatches. В этом случае вы сможете быстро воспользоваться этим типом заливки в будущем. Чтобы назвать заливку, дважды щелкните на ней и введите имя в диалоговом окне Swatch Options.

1 — Первый цвет, 2 — второй цвет ** При задании градиентной заливки в Illustrator задайте начальный и конечный цвет, щелкнув на соответствующих ползунках и выбрав значения в палитре Swatches

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

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

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

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

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

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

illustrator | Учусь летать | Страница 3

Палитра Обводка.

Находиться в меню Окно. Позволяет редактировать обводку объекта.

Толщина обводки задается в пунтках (В странах СНГ 1 пункт = 0,3759 мм.)

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

Изменение концов и стыков линии.

Срезанные концы Создаются контур с обводкой с квадратными концами.

Скругленные концы Создаются контур с обводкой с полукруглыми концами.Выступающие концы Создаются контур с обводкой с квадратными концами, выступающими на половину ширины линии за крайнюю точку линии. Этот параметр обеспечивает одинаковую толщину обводки во всех направлениях относительно линии.Угловые стыки Создаются контур с обводкой с острыми углами.
Скругленные стыки Создаются контур с обводкой со скругленными углами.Скошенные стыки Создаются контур с обводкой с квадратными углами.
Срез — это переключение между срезанным (остроугольным) стыком и скошенным (квадратным) стыком. Изменяется от 1 до 500. По умолчанию 4, при этом программа переключается со срезанного стыка на скошенный стык, когда длина точки в четыре раза превышает толщину обводки. Значение 1 для предела среза соответствует скошенному стыку.

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

Домашнее задание 1 Солнышко:

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

Для того что бы потом можно было редактировать все это прямым выделением, например, нажимаем меню Объект — разобрать.

Домашнее задание 2.

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

Горячие клавиши к уроку:

A — инструмент прямое выделение
G — инструмент градиент
Shift — выделение нескольких объектов

Команды:

Объект — Разобрать Позволяет разбирать сложные объекты на более простые ( в нашем случае это кисти).
Объект — Контур — Вычистить Удаляет незамкнутые линии, точки, пустые текстовые объекты

Работать с одним объектом из группы можно:

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

Итоги недели

ВОПРОС:

Когда я нажимаю копировать (когда угол выставляем), то у меня появляется одна семечка, а не несколько.

Для того что бы повторять последнюю трансформацию (поворот, например) есть команда меню Объект — трансформация — повторить трансформацию (ctrl+D), что я и делаю на видео.

Инструмент заливка в иллюстраторе. Adobe illustrator

Подробности Категория: Adobe решение проблем, советы Просмотров: 687

Читай больше по темам:

При рисовании объектов в Adobe Illustrator команда Fill добавляет цвет в область внутри объекта. В дополнение к диапазону цветов, доступных для использования в качестве заливки, вы можете добавлять градиенты и образцы образцов к объекту. Заполнения включаются с помощью панели «Инструменты» или с помощью сочетания клавиш, связанного с инструментом. Illustrator также позволяет удалить заливку с объекта.

Щелкните на значке «Инструмент выбора» или «Инструмент прямого выбора», который представляет собой черные или белые стрелки на панели «Инструменты», а затем щелкните объект, который вы хотите заполнить. В качестве альтернативы нажмите «V» на клавиатуре, чтобы использовать инструмент «Выделение», или нажмите «A», чтобы использовать инструмент «Прямой выбор».
Нажмите значок «Заполнить» на панели «Инструменты» или нажмите «X», чтобы активировать инструмент «Заливка». Значок инструмента «Заливка» представляет собой сплошной квадрат двух перекрывающихся квадратов на панели «Инструменты». Другой квадрат, который имеет черный ящик посередине, предназначен для внешнего края объекта, известного как штрих.
Выберите цвет, который вы хотите использовать для заполнения панели «Цвет», которая открывается при активации инструмента «Заливка». Вы также можете открыть панель «Образцы» или «Градиент» и выбрать цвет из этих библиотек. Один из последних вариантов — дважды щелкнуть инструмент «Заполнить», выбрать цвет в окне «Выбор цвета» и нажать «ОК».

Наконечник

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

Предупреждение

Информация в этой статье относится к Adobe Illustrator CS6. Он может немного отличаться или значительно отличаться от других версий или продуктов.

Сегодня Натали Ульрих поделится с нами несколькими очень интересными «фишками». В этой статье мы поговорим о работе с цветом, градиентными заливками и особенностях работы с инструментом Пипетка (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), эту опцию можно включать/выключать в меню палитры.

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

А сегодня мы с Вами будем учиться раскрашивать наши объекты:)

Заливка цветом с помощью палитры «Образцы» (Swatches)

Чтобы закрасить объект, откройте свою палитру «Образцы» (Swatches Palette). Выделите свой объект и нажмите на нужный цвет в палитре.

Заливка цветом с помощью палитры цветов (Color Picker)

Еще один способ закрасить объект — кликнуть два раза по значку «Заливка» (Fill) в Вашей панели инструментов. Выскочит окошко «Палитра цветов» (Color Picker), и Вы сможете выбрать нужный Вам цвет.

Изменяем заливку и обводку, используя управляющую палитру (Сontrol Palette)

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

Концы обводки

От того, какой тип конца обводки Вы выберете, будет зависеть вид ее начальной и конечной точек. Этот инструмент применяется только к открытым контурам. Вы можете выбрать между срезанным (Butt), скругленным (Round) и выступающим (Projecting) концами.

Срезание (Milter Limit)

Срезание (Milter Limit) применяется к стыкам в фигурах. Обратите внимание, как выглядят стыки звезды после применения разных настроек срезания.

Применение градиента к объектам

Чтобы применить градиент к Вашему объекту, на панели инструментов выставьте градиентную заливку (Gradient Fill).

Затем откройте палитры «Градиент» (Gradient) и «Цвет» (Color). По умолчанию у нас стоит режим цвета «Градации серого» (Grayscale). Нажмите на иконку настроек в углу и выберите режим RGB.

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

Проделаем то же самое для начальной точки в градиентной шкале (сейчас она белая). Выставьте режим RGB и выберите голубой цвет.

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

Лично я обычно поступаю немного по-другому. Если в палитре «Образцы» (Swatches) есть нужный мне цвет, то я просто перетаскиваю его мышкой на градиентную шкалу в нужное мне место.

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

Если Вы хотите изменить направление градиента, выберите инструмент «Градиент» (Gradient Tool) на панели инструментов (Tool Palette). Кликните на объект и, удерживая левую кнопку мышки, задайте градиенту нужное направление.

Радиальный градиент

Чтобы изменить тип градиента на радиальный, выберите «Радиальный» (Radial) вместо «Линейного» (Linear).

Текстурная заливка

Чтобы создать бесшовную текстурную заливку, выберите заливку «Узор» (Pattern swatches) из палитры «Образцы» (Swatches).

Заключение

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

Кстати, насчет этих самых колокольчиков:) Они тоже не лежат просто так в портфолио Tony, а активно приносят ему деньги, продаваясь на Istockphoto:)

Не пропустите следующий урок:

А сегодня мы с Вами будем учиться раскрашивать наши объекты:)

Если у кого-то с самостоятельным обучением возникают какие-либо затруднения, то вы можете взять через Skype.

Заливка цветом с помощью палитры «Образцы» (Swatches)

Заливка цветом с помощью палитры цветов (Color Picker)

Изменяем заливку и обводку, используя управляющую палитру (Сontrol Palette)

Концы обводки

Срезание (Milter Limit)

Применение градиента к объектам

Чтобы применить градиент к Вашему объекту, на панели инструментов выставьте градиентную заливку (Gradient Fill).

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

Радиальный градиент

Чтобы изменить тип градиента на радиальный, выберите «Радиальный» (Radial) вместо «Линейного» (Linear).

Текстурная заливка

Чтобы создать бесшовную текстурную заливку, выберите заливку «Узор» (Pattern swatches) из палитры «Образцы» (Swatches).

Заключение

Не пропустите следующий урок:

Заливка Цветом Из Образцов

Чтобы залить фигуру цветом, откройте панель Swatches (Образцы). Выделите вашу фигуру и выберите любой цвет из предложенных.

Заливка Цветом При Помощи Цветовой Палитры

Еще один способ заливки цветом это двойной клик по Fill (Заливка) на панели инструментов. Появится окно цветовой палитры, и вы сможете выбрать ваш цвет.

Меняем Заливку и Границы При Помощи Панели Управления

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

Сгибы Границы

Сгибы границы определяют начальные и конечные точки линий. Это применимо только к открытым путям. Вы можете выбрать Butt, Round, и Projecting сгибы.

Пределы Сглаживания

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

Применение Градиента к Фигурам

Чтобы применить градиент к вашей фигуре, на панели инструментов нажмите на пункт меню Gradient Fill.

Откройте панель Gradient and Color (Градиент и цвет). По умолчанию градиент стоит на шкале серого. Кликните по иконке Options в углу и поменяйте значение на режим RGB.

После того как мы перешли в режим RGB появится цветовой чарт с бегунком. Выберите темно-синий цвет.

Проделайте то же самое для начальной точки, перейдите в режим RGB и поставьте темно-синий цвет.

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

Чтобы поменять направление градиента, выберите инструмент из панели инструментов. Кликните и протяните в том направлении, в котором вы хотите поставить градиент.

Радиальный Градиент

Чтобы поставить радиальный градиент, поставьте вид градиента на Radial вместо of Linear

Заливка Узором

Чтобы сделать сплошную заливку узором, можно выбрать узор из меню Swatches (Образцы)

Заключение

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

Adobe Illustrator Draw — качественная рисовалка (не) для смартфона [Free]

Если обработка фото на смартфоне является довольно востребованной уже давно, то задумываться о том, что на телефоне можно еще и рисовать, начали недавно. К примеру, в «Заметки» теперь можно вставить скетч с нарисованной от руки графикой. Adobe предлагает более профессиональное решение — приложение Illustrator Draw с инструментами, привычными художнику, тут и карандаши, и кисти, и маркеры, поддержка работы со слоями… Но всё ли так радужно? Начну с того, что Apple добавила в «Заметки» возможность рисования, когда актуальными считались iPhone 6s и iPhone 6s Plus с диагоналями 4.7″ и 5.5″ соответственно. Пожалуй, на таких довольно больших экранах рисовать действительно можно с каким-никаким комфортом. Но не на меньших дисплеях — как, например, у моего 5s. Конечно же, касается это не только «Заметок», но и Illustrator Draw, но все же попробуем развернуться на маленьком экранчике. Сначала предлагается выбрать формат — по сути, размер холста. Уже по доступным вариантам понятно, что

основное предназначение Illustrator Draw — рисование на iPad, а не на iPhone.

Открываем и видим наше рабочее пространство, где работать не очень-то хочется: панель с инструментами не скрывается и занимает треть экрана. Панель со слоями можно скрыть, нажав на соответствующую иконку. В разделе Shapes есть большое количество готовых объектов. Если Вы не умеете рисовать, но нужно что-то срочно изобразить, это Вам определенно поможет. Кроме того, не нужно тратить время, пытаясь сделать круг идеальным. Доступен импорт из Adobe Capture.Попробуем порисовать. Сначала я вручную закрасила весь холст, чтобы посмотреть, как хорошо кисть откликается на движения пальцем. На скриншоте видно, что так себе: левый нижний угол в итоге так и не прокрасился, есть несколько непрокрашенных участков и в других местах. Если Вам нужно сделать ровную заливку, то просто выберите нужный цвет, коснитесь участка, который нужно закрасить, и удерживайте палец — закрасится всё до границы с другим цветом.

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

Экспортировать можно в десктопные приложения (Ilustrator, Photoshop) для доработки, отправить в Behance, сохранить .psd или PDF в Creative Cloud или просто как изображение в Фотопленку. В целом, Illustrator Draw — редактор с отличным функционалом, но все же не самое лучшее приложение для iPhone, особенно младше 6 поколения. Оно так и просит, чтобы его установили на iPad и пользовались при рисовании стилусом. С его помощью определенно можно создавать превосходные изображения — нужен лишь экран побольше.

Как использовать узорную заливку в Illustrator

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

Доступ к заливке узором осуществляется на панели «Образцы», «Окно »> «Образцы ». Когда вы впервые открываете Illustrator, на панели «Образцы» есть только один узор, но пусть это вас не вводит в заблуждение. Меню «Библиотеки образцов» находится в нижней части панели «Образцы». Он содержит множество предустановленных цветовых образцов, включая коммерческие палитры, такие как Trumatch и Pantone, а также цветовые палитры, отражающие природу, детские вещи, праздники и многое другое. В этом меню вы также найдете предустановленные градиенты и узоры.

Для успешного использования шаблонов вам понадобится Illustrator версии CS3 или выше.

Выбор библиотеки шаблонов

Выберите «Узоры» в меню «Библиотеки образцов», выбрав любой объект на монтажной доске. Вы можете выбрать одну из трех категорий:

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

Щелкните библиотеку в меню, чтобы открыть ее.Открытые образцы появятся на собственной плавающей панели в вашем рабочем пространстве. Они не добавляются на панель «Образцы» до тех пор, пока не будут использованы на объекте на иллюстрации.

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

Применение заливки узором

Сара Фрёлих

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

Масштабирование заливки узором без изменения размера объекта

Сара Фрёлих

Узоры не всегда будут масштабироваться до размера объекта, к которому вы их применяете, но их можно масштабировать.Выберите инструмент «Масштаб» на панели инструментов и дважды щелкните по нему, чтобы открыть его параметры. Установите желаемый масштаб в процентах и убедитесь, что установлен флажок «Узоры», а «Обводки и эффекты масштабирования» и «Объекты» не отмечены. Это позволит масштабировать узор заливки, но оставит объект в исходном размере. Убедитесь, что установлен флажок «Предварительный просмотр», если вы хотите предварительно просмотреть эффект на свой объект. Щелкните OK, чтобы установить преобразование.

Изменение положения заливки узором в объекте

Щелкните стрелку «Выделение» на панели инструментов, чтобы изменить положение заливки узором внутри объекта.Затем, удерживая клавишу тильды (~ под клавишей Escape в верхнем левом углу клавиатуры), перетащите узор на объект.

Вращение узора внутри объекта

Дважды щелкните инструмент поворота на панели инструментов, чтобы открыть его параметры и повернуть узорную заливку в объекте без поворота самого объекта. Установите желаемый угол поворота. Установите флажок «Шаблоны» в разделе «Параметры» и убедитесь, что флажок «Объекты» не установлен. Установите флажок предварительного просмотра, если вы хотите увидеть эффект поворота на узор.

Использование узорной заливки обводкой

Чтобы добавить узорную заливку к обводке, сначала убедитесь, что значок обводки активен в элементах заливки / обводки в нижней части панели инструментов. Лучше всего это работает, если обводка достаточно широкая, чтобы можно было увидеть узор. наш штрих на этом объекте — 15 пт. Теперь просто щелкните образец узора на панели «Образцы», чтобы применить его к обводке.

Заливка текста узором

Заполнение текста узором — дополнительный шаг.Вы должны создать текст, затем перейти к Type> Create Outlines . Убедитесь, что вы уверены в шрифте и не будете изменять текст, прежде чем это сделать! Вы не можете редактировать текст после того, как вы создали из него контуры, поэтому вы не сможете изменить шрифт или орфографию после этого шага.

Теперь просто примените заливку так же, как и к любому другому объекту. Если хотите, он также может иметь заполненную обводку.

Использование пользовательского шаблона

Вы также можете сделать свои собственные выкройки.Создайте иллюстрацию, из которой вы хотите создать узор, затем выберите его, перетащите на панель «Образцы» и вставьте. Используйте его для заливки любого объекта или текста после использования команды «Создать контуры». Вы также можете использовать бесшовные модели, созданные в Photoshop. Откройте файл PSD, PNG или JPG в Illustrator (файл > Открыть ), затем перетащите его на панель «Образцы». Используйте его как заливку так же, как и с любым другим узором. Для достижения наилучших результатов начните с изображения с высоким разрешением.

Образцы наслоения

Узоры можно наслоить с помощью панели «Оформление».Нажмите кнопку «Добавить новую заливку» , откройте меню «Библиотеки образцов» и выберите другую заливку. Экспериментируйте и наслаждайтесь! На самом деле нет предела шаблонам, которые вы можете создавать.

Спасибо, что сообщили нам!

Расскажите, почему!

Другой Недостаточно деталей Сложно понять

: Глава 5: Получение заполнения заливок и штрихов :: Часть II: Рисование и раскрашивание ваших произведений :: Adobe Illustrator CS :: Adobe :: eTutorials.org

Общие сведения о заливке и обводке

Заливка — это цвет, заключенный в контур.Обводка — это цветная линия, которая точно повторяет путь. Чтобы запустить метафору книжки-раскраски в землю (ковер?), Обводка — это линия, а заливка — это внутренняя линия, за пределами которой вы не должны раскрашивать (но вы все равно это сделали, потому что вы не были собирается позволить родителям задушить ваше творчество!). Цвет — здесь неточный термин; это может означать сплошной цвет, узор или (в случае заливки) градиент. На рисунке 5-1 вы можете увидеть множество контуров с разными штрихами и заливками, примененными к ним.

Рис. 5-1. Контуры с разными штрихами и заливками.

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

Совет?

Заливки и штрихи могут скрывать границы ваших контуров, особенно если на ваших контурах есть очень толстые штрихи, такие как S-образные кирпичи на рис. 5-1. Чтобы временно скрыть все заливки и обводки, выберите «Просмотр» → «Контур». Это покажет вашу работу как просто контуры со скрытыми штрихами и заливками. Вы по-прежнему можете редактировать обложку, как и в любое другое время.Единственная разница в том, что вы не видите заливки и обводки. Чтобы снова отобразить все цвета, выберите «Просмотр» → «Просмотр».

У вас есть много способов создать и изменить цвет заливки и обводки в Illustrator, но самый быстрый и простой способ применить их — использовать поля «Заливка» и «Обводка» на панели инструментов, что очень похоже на то, что вы видите на рис. 5- 2.

Рисунок 5-2: Заливка и обводка на панели инструментов.

Вы можете изменить заливку или обводку, но не то и другое одновременно.Вы решаете, изменять ли заливку или обводку, выбирая объект и затем щелкая поле «Заливка (сплошная)» или «Обводка (с рамкой)». Поле, которое вы щелкнули, переместится вперед; после этого каждое изменение цвета применяется к выбранному вами. . . пока вы не выберете другой.

Поля «Заливка» и «Обводка» окружены некоторыми очень полезными функциями. Справа вверху — небольшая изогнутая линия со стрелками на обоих концах. Щелкните эту штуку (она называется кнопкой «Поменять местами заливку и обводку»), чтобы поменять местами цвета заливки и обводки.

Совет?

Нажмите Shift + X на клавиатуре, и вы меняете цвета заливки и обводки, не щелкая никуда!

В нижнем левом углу полей «Заливка» и «Обводка» находятся миниатюрные поля с белой (Заливка) и черной рамкой (Обводка). Нажмите эту кнопку «Заливка и обводка по умолчанию», чтобы установить для полей «Заливка» и «Обводка» цвета по умолчанию: белый для заливки и черный для обводки.

Если вы предпочитаете заливки и обводки праздничных цветов, вот история: под полями «Заливка» и «Обводка» находятся три квадратные кнопки, которые управляют цветами.Щелкните первый квадрат (кнопка «Цвет»), чтобы изменить цвет заливки или обводки на последний использованный вами цвет. Щелкните второй квадрат (кнопка «Градиент»), чтобы изменить цвет обводки или заливки так, чтобы он соответствовал последнему выбранному градиенту, который вы использовали. Щелкните третий квадрат (кнопка «Нет»), чтобы вообще не использовать цвет заливки или обводки.

Совет?

Двойной щелчок по полям «Обводка» или «Заливка» вызывает палитру цветов, в которой можно указать цвета различными способами.Вы можете выбрать цвет из спектра, используя поле истинного цвета и ползунок цвета, или определить цвет численно. Вы также можете выбрать цвета из палитр Color и Swatches, как я опишу позже в этой главе.

Заливка и обводка контуров цветом

Вы можете залить путь одним цветом и обвести его другим, как показано на рисунке 5-3.

Рисунок 5-3: Заливка и обводка контура двумя разными цветами.

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

С помощью любого инструмента выделения выберите путь, который вы хотите раскрасить.
На панели инструментов щелкните поле «Заливка» (сплошное).
Таким образом, Illustrator должен применить следующий выбранный вами цвет к заливке (но не обводке) выбранных контуров.
Выберите Window → Swatches.
Появится палитра «Образцы». Квадраты в этой палитре работают во многом так же, как три квадрата под полями «Заливка» и «Обводка» на панели инструментов. Щелкните любой квадрат на палитре, чтобы применить этот образец к выбранной обводке или заливке. (Дополнительные сведения см. В разделе «Палитра образцов» далее в этой главе.)
Щелкните любой образец сплошного цвета.
(Ну да ладно, любой образец в палитре работает.Те, которые не являются сплошными, — это особые цвета, такие как узоры и градиенты, но на ранних этапах использование сплошных цветов менее запутанно.)
Щелкните поле «Обводка» (с толстой рамкой) на панели инструментов.
Illustrator готов для выбора цвета обводки.
В палитре «Образцы» выберите сплошной цвет, как вы это делали для цвета заливки на шаге 4.

Наконечник?

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

Делаем жирный штрих

Если вы следуете инструкциям по раскрашиванию обводки и не видите никаких изменений, возможно, у вас слишком узкая обводка.Ширина мазка может варьироваться от 0 пунктов (пунктов) до 1000 пунктов (18 дюймов или около 46 сантиметров). Если обводка слишком узкая, чтобы ее можно было увидеть на экране, вы можете изменить ширину обводки с помощью палитры «Обводка», как показано на рисунке 5-4.

Рисунок 5-4: Палитра Stroke.

Чтобы изменить ширину обводки контура:

Выберите путь с помощью любого инструмента выделения.
Выберите Window → Stroke.
Появится палитра Stroke.
Введите новое значение или выберите одно из раскрывающегося меню «Вес».

Добавление нескольких штрихов к одному пути

Этот совет опытного пользователя заставит ваших друзей корчиться от зависти. При выборе опции «Добавить новую обводку» во всплывающем меню палитры «Внешний вид» на вашем пути появляется вторая обводка. Вы можете сделать эту обводку другого цвета, ширины и даже применить к ней эффект.Чтобы избежать путаницы, всегда проверяйте, какая обводка выделена на палитре «Внешний вид»; это тот, который будет изменен, когда вы измените настройки в палитре Stroke или Color.

Заполнение пересеченных и открытых дорожек

Иногда путь пересекает сам себя. Например, путь в форме восьмерки пересекает сам себя один раз. Если вы заполните этот путь, две круглые области из восьми будут заполнены, как показано на рисунке 5-5.

Рисунок 5-5:? Закрашенный путь в форме восьмерки.

Открытые пути , у которых есть отдельные начальная и конечная точки, можно заполнить, но результаты немного отличаются от ожидаемых. Когда вы заполняете открытый путь, воображаемый путь соединяет первую и последнюю точки исходного пути. Этот воображаемый путь отмечает границы области заливки. Если вы нанесете обводку на фигуру, обводка не будет применяться к воображаемому пути. На рис. 5-6 показаны открытые контуры с заливкой на них. Я использую пунктирную линию, чтобы показать, где Illustrator создает воображаемый путь между двумя конечными точками.

Рис. 5-6. Открытые контуры с заливкой и пунктирными линиями, соединяющими начальную и конечную точки.

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

Мне нравится работать эффективно, поэтому меня немного раздражает, когда что-то меня тормозит в Illustrator. Вы когда-нибудь путешествуете прямо и случайно добавляли цвет к Stroke объекта, когда вы хотели добавить его к Fill ? Теперь вам нужно вернуться и повторить все заново, теряя время.К счастью, есть несколько полезных сочетаний клавиш, которые помогут изменить штриховку Fills, и в Adobe Illustrator .

Ниже приведены некоторые функции Fill и Stroke , сочетания клавиш указаны в скобках. К этим функциям также можно получить доступ в нижней части панели инструментов , но не так быстро, как с помощью ярлыков. Приготовьтесь узнать, как изменить заливки, и обводки в Adobe Illustrator!

Как изменить заливку и обводку

Обводка и заливка по умолчанию (d)

Измените любой объект на черный Обводка и белый Заливка .

Обмен атрибутами (сдвиг x)

Поменяйте местами атрибуты Fill и Stroke . Эта функция не будет работать, если текущий Fil l является градиентом, потому что градиенты не могут быть применены к Strokes .

Переключение между активными (x)

Переключение между активным Fill и Stroke .

Цвет (

Сделать текущее незаполненным Заливка или Обводка заполненной.

Градиент (>)

Сделайте текущий Заливкой градиентом.

Не применять (/)

Примените атрибут none к активному Fill или Stroke .

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

Ведущее изображение onfocus onfocus.

Сочетания клавиш

Color в Adobe Illustrator

Сочетания клавиш — отличный способ ускорить рабочий процесс.Все сочетания клавиш, перечисленные в этом сообщении блога, предназначены для быстрого изменения цветов в Adobe Illustrator. Вы также обнаружите, что эти сочетания клавиш работают в InDesign, Photoshop и многих других программах Adobe, но в некоторых случаях с немного другими результатами. Итак, приступим …

Цвета по умолчанию

Чтобы сбросить ваши цвета на цвета по умолчанию, черный и белый, нажмите Control + D (windows) или Command + D (mac).Вы увидите, как цвет обводки изменится на черный, а цвет заливки изменится на белый, в нижней части панели инструментов. На изображении ниже показаны настройки до (справа) и (после).

Если объект выбран, он также изменит цвета объектов на цвета по умолчанию, когда используются Control + D (windows) или Command + D (mac).

Переключение между обводкой и заливкой

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

Swop colors

Используйте shift X , чтобы поменять местами цвета заливки и обводки в Illustrator и InDesign, как показано на изображении ниже. Если у вас есть объект, выбранный shift X , он также поменяет цвета на объекте.

Если объект выбран, то при использовании клавиши Shift X цвета обводки и заливки меняются местами.

Изменение цветовых режимов

Щелчок с зажатой клавишей Shift на шкале цветового спектра (выделен красным) на панели Color обеспечивает быстрый способ переключения между различными цветовыми режимами, такими как CMYK, RGB, HSB и т. Д.

Нет

Когда цвет заливки или обводки выделен (спереди) на панели инструментов Панель инструментов или Цвет , нажмите клавишу / (косая черта), чтобы установить значение Нет — без цвета.В приведенном ниже примере цвет заливки был впереди, и при нажатии клавиши / цвет заливки менялся с красного на отсутствие.

. Градиент

Выделив цвет заливки или обводки (спереди) на панели инструментов или Color , нажмите . (точка / период), чтобы применить к нему текущий градиент. В Illustrator CS6 и выше теперь можно применить градиент и к обводке.

, Цвет заливки

Когда цвет заливки выделен (спереди) на панели инструментов или Цвет , нажмите кнопку , (запятая), чтобы применить к нему сплошной цвет заливки.Это полезно, если к заливке применен градиент и вы хотите быстро изменить его на сплошной цвет заливки.

F6

F6 — это сочетание клавиш для скрытия или отображения панели Color.

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

Учебное пособие в Illustrator: Использование Live Paint

Что вы узнаете из этого руководства Adobe Illustrator:

Это руководство дает вам основу для работы с Adobe Illustrator’s Live Paint.Это первый урок в книге Adobe Illustrator CS6 Digital Classroom. Чтобы узнать о дополнительных возможностях обучения Adobe Illustrator, посетите классы AGI Illustrator.

Illustrator предоставляет два метода рисования: вы можете выбрать заливку, обводку или и то, и другое для объекта, или вы можете преобразовать объект (ы) в группу с быстрой заливкой и назначить заливки и обводки для отдельных краев и граней контуров внутри . Live Paint — отличное решение для рисования иллюстраций с несколькими гранями, которые не обязательно являются независимыми формами, которые можно легко заполнить.

1 Выберите «Файл»> «Создать», чтобы создать новый файл. В текстовом поле Имя введите ai0402_work.

2 Выберите «Печать» в качестве профиля нового документа.

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

Создайте новый документ для печати.

Разница между профилем печати нового документа и CMYK

Возможно, вы заметили, что в раскрывающемся меню «Профиль нового документа» есть два варианта, которые кажутся похожими; Печать и CMYK.Оба предоставляют вам рабочее пространство, созданное для рабочего процесса CMYK (голубой, желтый, пурпурный и черный), но профиль печати больше подходит для изображений, которые должны быть растрированы (преобразованы в пиксели) с более высоким разрешением, так как он имеет более высокая настройка растра по умолчанию. Это более высокое значение больше подходит для иллюстраций, которые будут напечатаны на печатной машине или отправлены в сервисное бюро для получения более высокого разрешения. Более высокие настройки растра могут иметь значение, когда вы начнете использовать градиенты, эффекты и градиентные сетки.Использование более низкого разрешения может вызвать появление артефактов или линий сканирования в областях, где происходит постепенный переход от одного оттенка к другому.

В зависимости от возможностей вашего компьютера вы можете увидеть более медленное время восстановления при использовании профиля печати. Вы можете изменить настройки растра в любое время, выбрав «Эффект»> «Параметры эффектов растра документа» и выбрав более высокое разрешение.

Измените настройки растра для создания более плавных градиентов и эффектов.

4 Нажмите D, чтобы убедиться, что вы используете настройки цвета по умолчанию для черной обводки и белой заливки.

5 Нажмите и удерживайте инструмент «Прямоугольник» (), чтобы выбрать инструмент «Эллипс» (). Вместо того, чтобы щелкать и перетаскивать для создания фигуры, вы будете вводить точные значения в диалоговое окно фигур. Щелкните один раз на монтажной области. Откроется диалоговое окно «Эллипс». Введите 5в текстовые поля Ширина и Высота. Нажмите ОК. На монтажной области появится круг.

6 Выберите инструмент «Выделение», затем, удерживая нажатой клавишу «Alt» (Windows) или «Option» (Mac OS), поместите курсор на эллипс.Когда вы увидите двойной курсор, щелкните и перетащите, чтобы клонировать (скопировать) эллипс в нижний правый угол примерно на 0,25 дюйма. Точная позиция не важна.

Удерживайте нажатой клавишу Alt / Option, чтобы клонировать эллипс

Снова клонируйте в левый нижний угол. в правом нижнем углу.

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

На следующем шаге вы сделаете заливку прозрачной.

8 Используя инструмент «Выделение», щелкните и перетащите так, чтобы создать область выделения, касающуюся всех трех эллипсов. Это выберет все эллипсы, которые пересекает рамка.

Щелкните и перетащите с помощью инструмента «Выделение», чтобы выделить все три эллипса.

9 Нажмите «Заполнить» на панели управления вверху рабочего пространства и выберите «Нет» ().Это позволяет увидеть все пересекающиеся грани, которые были созданы. Эти отдельные грани не являются отдельными объектами, которые можно легко заполнить с помощью традиционных параметров заливки и обводки, доступных в Illustrator. Чтобы заполнить грани, вы создадите новый объект Live Paint.

Измените заливку на Нет.

Преобразование графического объекта в группу Live Paint

1 Убедитесь, что все три эллипса по-прежнему выделены, а затем нажмите и удерживайте инструмент «Построитель фигур» () на панели «Инструменты», чтобы выбрать скрытый инструмент «Ведро с живой краской».

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

Используйте инструмент Live Paint Bucket, чтобы преобразовать ваши эллипсы в группу с быстрой заливкой.

Применение Live Paint к группе

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

1 Если панель «Образцы» не отображается, выберите «Окно»> «Образцы». Щелкните вкладку панели и перетащите ее в рабочую область, чтобы отсоединить ее от области закрепления панели.

2 Выберите цвет с именем CMYK Red, а затем (с еще выбранным инструментом «Живая краска») наведите указатель мыши на любую из граней в группе «Быстрая краска». Обратите внимание, что отдельное лицо выделяется. Когда вы выбрали лицо, которое хотите залить красным (подойдет любое), щелкните. Лицо заливается красным цветом.

Наведите указатель мыши на лицо в группе «Быстрая заливка» и нажмите.

Результат.

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

3 Наведите указатель мыши на другое лицо в группе «Живые краски», но на этот раз нажмите клавишу со стрелкой вправо, чтобы перейти к цвету справа от красного цвета CMYK на панели «Образцы» (желтый цвет CMYK), затем щелкните, чтобы заполнить лицо.

4 В оставшейся части этого урока используйте цвета на палитре «Образцы» для заливки случайных граней в группе «Живая краска». Никакого специального назначения цвета не требуется.

Залейте грани группы «Быстрая краска» цветом.

5 Выберите «Файл»> «Сохранить» или нажмите Ctrl + S (Windows) или Command + S (Mac OS), чтобы сохранить этот файл. Оставьте его открытым до следующей части этого урока.

6 Выберите «Окно»> «Рабочая область»> «Сбросить Essentials» для сброса панелей.

Перейдите к следующему руководству по Illustrator: Добавление символа к иллюстрации>

Выбор обводки или заливки в Adobe Illustrator

Как дела, друзья, прошло некоторое время с момента нашего последнего руководства по Illustrator, посвященного «продвинутым мазкам, советам и секретам Illustrator». Идея этой статьи пришла мне в голову, когда я работал над новым дизайном логотипа. Я обычно комбинирую обводки и заливки в своих проектах, потому что мне просто лень расширять внешний вид, чтобы у меня было все как заливки или обводки, и именно это и произошло в этом случае, я закончил с кучей обводок и закрасил один друг на друга.

Итак, я решил изменить цвет штрихов, оставив заливки нетронутыми, я подумал, что единственный способ выбрать только штрихи — это увеличивать масштаб и тщательно выбирать один за другим, тогда мой друг Ричардини сказал: «Чувак, должно быть проще способ сделать это », и он действительно был прав, есть простой способ выбрать штрихи и / или заливки по отдельности, не выбирая их по одному.

У нас есть эта случайная форма, состоящая из штрихов и заливок, я хочу изменить цвет штрихов, не затрагивая заливку, но я не хочу увеличивать масштаб и выбирать один за другим, так что мы можем сделать? Уловка проста, просто перейдите в Select> Same, и здесь вы найдете ряд опций, которые помогут вам выполнить работу.

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

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

Применение заливок и обводок | Реальный мир Adobe Illustrator CS2

Как мы упоминали ранее в этой главе, векторные фигуры содержат точки привязки, которые определяют способ рисования соединяющих их контуров. Точки привязки и указатели направления составляют физическую структуру векторного объекта, который также состоит из двух атрибутов: заливки и обводки. Заливка векторного объекта — это внешний вид области, заключенной по его пути.Если форма не является замкнутым контуром, заливка определяется существующим контуром и замыкается прямой линией, соединяющей начальную и конечную точки (рис. 2.13). Обводка объекта — это внешний вид самого векторного пути. Эти пути называются кривыми Безье, и в силу своей природы они приводят к объектам или формам с чистыми гладкими краями.

Рисунок 2.13. К открытым контурам можно применить атрибут заливки, и Illustrator останавливает заливку, создавая границу (физический путь не создается).

Заливки и обводки могут иметь различный вид, а векторные объекты также могут содержать несколько атрибутов заливки и обводки, что мы рассмотрим в главе 3 «Объекты, группы и слои». Кроме того, векторный объект может иметь атрибут none, примененный к его заливке или обводке. Заливки или обводки с атрибутом none становятся невидимыми и полностью прозрачными.

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

Заливки

Существует три различных типа атрибутов заливки: сплошные цвета, градиенты и узоры (рисунок 2.14). Каждый из этих типов заливки хранится в палитре «Образцы». Кнопки в нижней части палитры «Образцы» определяют, отображает ли палитра все виды образцов или только образцы сплошного цвета, градиента или узора по отдельности. Вы также можете использовать меню палитры «Образцы», чтобы образцы были перечислены по имени или с более крупными миниатюрами.

Рисунок 2.14. Показаны три объекта, каждый из которых содержит заливку разного типа: сплошной цвет, градиент и узор.

Палитра управления Illustrator упрощает применение цвета к объектам, чем в предыдущих версиях. Выбрав любой объект, вы можете указать заливку и цвет обводки прямо из палитры Control (рисунок 2.15). Чтобы применить цвет с помощью цветовой палитры или палитры «Образцы», вы должны выбрать между применением этого цвета к заливке или к обводке вашего объекта.

Рисунок 2.15. При применении атрибутов из палитры «Управление» необязательно сначала настраивать заливку или обводку объекта. Вместо этого вы можете выбирать прямо из двух отдельных всплывающих окон.

Если вы думали, что Gradient Mesh — это атрибут заливки, подумайте еще раз. Градиентная сетка — это на самом деле особый вид объекта, который Illustrator называет объектом-сеткой. Объекты-сети обрабатываются по-другому и не действуют как обычные векторные пути.Мы поговорим больше о градиентной сетке в главе 5 «Создание лучших файлов».

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

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

Вы можете создать новый образец цвета, указав цвет в палитре цветов и затем перетащив цвет в палитру образцов, или удерживая клавишу Option (Alt), щелкнув значок нового образца в нижней части палитра Swatches. На палитре «Образцы» всегда есть два образца: один для «Нет» и один для «Регистрация» (цвет, который разделяется на 100 процентов на каждой пластине).

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

Сплошная заливка

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

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

Обработка цветов. Составной цвет — это цвет, который определяется смесью значений CMYK или RGB. Для цветной печати, разделенной и напечатанной с использованием четырехцветной обработки (CMYK), для вывода на цветной принтер или для веб-дизайна и работы с видео, вы хотите определить свои образцы как образцы триадных цветов.Создание образцов триадных цветов позволяет легко применять заданные цвета к рисункам, которые вы создаете в документе, но обновление цветов на существующих объектах затруднительно. Как вы вскоре увидите, вы часто захотите вместо этого использовать глобальные триадные цвета.

Цвета глобального процесса. Глобальный триадный цвет аналогичен триадному цвету с одним основным отличием: образец является глобальным в том смысле, что, если вы когда-либо обновляете образец, все объекты в документе, к которым этот образец применяется, также обновляются.Большинство художников-постановщиков просят дизайнеров использовать глобальные образцы, потому что ими легче управлять во всем документе. Чтобы создать глобальный образец триадного цвета, отметьте опцию Global в диалоговом окне New Swatch или Swatch Options (рисунок 2.17). В палитре «Образцы» глобальные триадные цвета отображаются с небольшим белым треугольником в нижнем правом углу (рис. 2.18).

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

Рисунок 2.18. Образцы с белыми треугольниками — это общие триадные цвета. Образцы с черными точками в дополнение к треугольникам являются плашечными цветами.

Глобальные триадные цвета действуют во многом как плашечные цвета, поскольку вы можете указать значения оттенка для глобального цвета (рисунок 2.19). Обычным триадным цветам нельзя назначать значения оттенка.

Рисунок 2.19. Вы можете использовать цветовую палитру, чтобы указать значение оттенка глобального триадного цвета, что невозможно с триадным цветом.

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

Чтобы получить определенный цвет. Не каждый цвет можно воспроизвести с помощью CMYK, который на самом деле имеет небольшую гамму.Пользовательский цвет может быть ярким флуоресцентным цветом, цветом с металлическим блеском или даже с использованием специальных чернил, таких как магнитные чернила, используемые для банковских чеков.
Для получения однородного цвета. Поскольку триадные цвета состоят из смеси других цветов, они могут сдвигаться и отображаться по-разному даже в одном и том же задании печати. Когда вы имеете дело с корпоративными цветами компании, вы хотите убедиться, что цвет одинаков во всех заданиях печати.
Чтобы получить сплошной цвет.Основные цвета формируются путем смешивания красок в различных процентных соотношениях. Это требует не только идеального совмещения на прессе (когда все пластины ударяются в одно и то же место на каждом листе бумаги), но и в некоторых случаях процесс может выявить странные узоры при воспроизведении (так называемые муаровые узоры). Чернила плашечных цветов не вызывают этих проблем и имеют чистый чистый вид.
Чтобы получить более дешевый цвет. Когда вы выполняете задание в режиме непрерывного цвета, вы печатаете с использованием четырех разных цветных чернил.Но если вы создаете визитную карточку с черным текстом и красным логотипом, дешевле будет печатать с использованием черных чернил и одного красного плашечного цвета. Иногда работа с двумя или тремя плашечными цветами дает вашему дизайну нужный цвет, снижая затраты на печать.
Чтобы указать что-либо, кроме цвета. Печатный дизайн может быть чрезвычайно креативным с использованием таких процессов, как тиснение фольгой, высечка, точечное лакирование или тиснение. Несмотря на то, что эти специальные эффекты не печатаются чернилами, их все же необходимо указать принтеру.Плашечные цвета позволяют легко определять области цвета, которые в конечном итоге будут областями эффекта тиснения, штампа и т. Д.

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

Вы можете определить свой собственный цвет (выбрав параметр «Плашечный цвет» во всплывающем меню «Тип цвета») или выбрать плашечный цвет из существующей библиотеки.Библиотеки Pantone — примеры наиболее распространенных из них; они были созданы, чтобы помочь типографиям и дизайнерам стандартизировать цвета с помощью системы нумерации. Чтобы применить цвет из библиотеки Pantone, выберите «Открыть библиотеку образцов» в меню палитры «Образцы» и выберите из списка библиотек Pantone.

Градиентная заливка

Хотя сплошная заливка состоит только из одного цвета, градиентная заливка состоит из сплошных цветов, которые переходят друг в друга. Градиент может содержать как минимум один цвет, так и столько же, допустим, мы перестали считать на 300.Линейные градиенты начинаются с цвета на одной стороне, который постепенно переходит в цвет другой стороны. Радиальные градиенты начинаются с цвета в центре и постепенно переходят в цвет, расходящийся наружу (рис. 2.20). У градиента есть четыре атрибута:

Тип. Либо линейный, либо радиальный, как только что описано.
Цветной стоп. Точка, в которой к градиенту добавляется новый цвет.
Средняя точка. Точка, в которой два соседних цвета встречаются ровно на 50% каждого цвета.
Угол. Направление градиента (только для линейных градиентов).

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

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

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

Рисунок 2.21. Перемещение точки цвета смещается там, где цвет появляется в градиенте. Перетаскивание одной цветовой точки поверх другой, удерживая клавишу Option (Alt), меняет цвета местами.

Чтобы заменить существующий градиент, удерживайте клавишу Option (Alt), перетаскивая значок предварительного просмотра из палитры «Градиент» поверх существующего образца градиента в палитре «Образцы». Образец отображается с толстым черным контуром, чтобы указать, что он будет заменен новым.

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

Рисунок 2.22. Инструмент «Градиент» позволяет легко применять градиенты под углом.

Что делает инструмент «Градиент» таким мощным, так это то, что вы можете начинать или заканчивать градиент в любом месте, даже за пределами границ выбранного вами объекта (рис. 2.23). Кроме того, вы можете выбрать несколько объектов и применить один градиент ко всем из них с помощью инструмента «Градиент».

Рисунок 2.23. Градиент заполняет расстояние от того места, где вы впервые щелкнули, до места, где вы отпускаете мышь, даже если эти места находятся за пределами вашего выбора.

Заливка узором

Заливка узором использует повторяющийся художественный элемент для заполнения границ контура или объекта (рис. 2.24). Чтобы определить узор, создайте на монтажной области практически любой вид искусства (включая растровые изображения и текстовые объекты) и перетащите их в палитру «Образцы». Вы можете применить заливку узором к объектам так же, как заливку сплошным цветом, указав заливку или обводку выделения и выбрав образец узора из палитры «Образцы».

Рисунок 2.24. Три примера векторных объектов с узорной заливкой. Хорошие выкройки не имеют видимых швов.

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

В главе 4 мы поговорим о преобразованиях (таких как масштабирование и поворот объектов). Когда объекты заполнены узорами, вы можете выбрать поворот узоров вместе с объектами или заставить Illustrator вращать только объекты, но не заливку узором.

Искусство создания выкройки

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

Когда вы перетаскиваете иллюстрацию в палитру «Образцы» для создания образца узора, Illustrator использует ограничивающую область иллюстрации, которую вы выбрали, в качестве границы области повтора. Однако во многих случаях ограничивающая рамка по умолчанию не создает бесшовного узора.Для создания бесшовного узора вам, возможно, придется расположить объекты так, чтобы они находились внутри области повтора, или даже произведение искусства должно выходить за пределы области повтора. Чтобы определить область повторения для узора, нарисуйте прямоугольник и отправьте прямоугольник в нижнюю часть порядка наложения. Даже если есть объекты, выходящие за пределы прямоугольника, Illustrator будет использовать этот прямоугольник для определения области повторения (рис. 2.25).

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

Иногда лучший способ научиться — это реконструировать существующие изображения. Чтобы лучше понять, как создаются повторы, взгляните на некоторые шаблоны, с которыми поставляется Illustrator CS2. Выберите «Открыть библиотеку образцов»> «Другая библиотека» в меню палитры «Образцы» и перейдите в папку Adobe Illustrator CS2, «Наборы»> «Узоры». Чтобы получить доступ к рисунку, который использовался для определения любого образца узора, просто перетащите образец из палитры Swatches на монтажную область.

Штрихи

Как вы узнали ранее, штрих — это внешний вид самого векторного пути. Вы можете указать цвет обводки, выбрав один из всплывающих окон «Обводка» на палитре «Управление» или указав обводку с помощью индикатора заливки / обводки, а затем выбрав цвет из палитры «Цвет» или «Образцы». Вы можете выбирать между несколькими различными настройками для управления внешним видом обводки, все из которых доступны на палитре «Обводка»:

Вес.Толщина штриха называется толщиной штриха и обычно указывается в пунктах (pt). Указание толщины штриха менее 0,25 pt может быть проблематичным для большинства печатных машин.
Предел митры. Предел угла наклона обводки определяет внешний вид углов с очень острыми углами. Если вы обнаружите, что угол обводки кажется обрезанным, вы можете увеличить предел скоса, чтобы исправить внешний вид (рис. 2.26).
Рисунок 2.26. К объекту слева применяется обводка из 18 точек с пределом скоса 2, тогда как у объекта справа обводка из 18 точек применяется с пределом скоса 4.
Кол. Параметр cap — это атрибут, который влияет на внешний вид начальной и конечной точек обводки. Очевидно, этот параметр применяется только к открытым путям. Вы можете выбрать колпачок «Стык», «Круглый» или «Выступающий» (рис. 2.27).
Рисунок 2.27. Параметр крышки определяет, как появляются начало и конец штриха. Сверху заглушки Butt, Round и Projecting также могут увеличивать длину штриха.
Присоединиться.Атрибут соединения определяет внешний вид штриха, проходящего через точку привязки. Вы можете выбрать один из различных вариантов — «Угловой», «Круглый» и «Наклон» (рисунок 2.28).
Рисунок 2.28. Параметр соединения определяет внешний вид прямых точек привязки. Слева направо приведены примеры контуров со штрихами со стыками под углом, скругленными углами и скосами.

Палитра «Управление», «Палитра преобразования» и «Информация» обеспечивают точную обратную связь по координатам, позиционированию, размеру и т. Д.По умолчанию эти палитры используют фактический векторный путь для определения этих чисел, а не визуальные границы объекта. Например, у вас может быть фигура с нанесенной на нее толстой обводкой, которая не представлена в значении, которое вы видите в палитре преобразования. Если в общих настройках Illustrator активирован параметр «Использовать границы предварительного просмотра», все палитры в качестве значения размеров используют визуальную границу контура, а не базовый векторный контур.

Выравнивание обводки

По умолчанию Illustrator рисует обводку в центре контура.Например, если вы укажете 10-точечную обводку для объекта, результатом будет 5 точек на внешней стороне контура и 5 точек на внутренней стороне контура. В палитре «Обводка» вы можете указать, хотите ли вы, чтобы обводка была нарисована полностью внутри или снаружи векторного контура (рис. 2.29).

Рисунок 2.29. Используйте параметры «Выровнять обводку» на палитре «Обводка», чтобы указать, следует ли рисовать обводку по центру, внутри или снаружи контура.

Штрихи

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

При указании внешнего вида тире можно указать длину тире и длину промежутка, который появляется после тире. Палитра Stroke содержит три набора настроек штрихов и разрывов. Если вы укажете тире без указания промежутка, Illustrator создаст промежуток, равный размеру тире.Для большинства стандартных штриховых штрихов вы будете использовать только первую настройку штрихов и пробелов. Однако вы можете использовать все три, чтобы создать последовательность штрихов и пробелов (рис. 2.30). Когда вы указываете параметр «Круглая крышка» для обводки, значение тире, равное 0, дает идеальный круг, позволяющий создавать пунктирные линии.

Рисунок 2.30. Возможность Illustrator устанавливать пользовательские штрихи на обводку позволяет создавать множество штриховых штрихов, которые можно использовать для различных задач.

Одним из недостатков Illustrator является его неспособность обеспечить равномерное совпадение штрихов, установленных на штрихах, по углам объекта (рисунок 2.31). Это связано с тем, что вы можете указать только абсолютные параметры штрихов и пробелов, и эти параметры не всегда точно совпадают с нарисованным вами объектом. Интересно отметить, что в Adobe InDesign есть возможность растягивать или корректировать штрихи и промежутки для отображения согласованных углов.

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

В Illustrator есть способ получить единообразные штрихи вокруг фигуры с помощью универсальной функции Узорчатой кисти, которую мы обсудим в главе 5, Кисти, символы и маски.

Если корректировка штрихов вдоль пути — это то, что вам нужно делать часто, вы можете попробовать условно-бесплатный плагин (15 долларов США), созданный Риком Джонсоном под названием Nudge Palette.

alexxlab

Иллюстратор

Как вставить текст в иллюстраторе: Создание текста в Illustrator

Иллюстратор

Конкурсы для иллюстраторов: Конкурс для иллюстраторов

Иллюстратор

Как в иллюстраторе сделать сетку: Как использовать в Illustrator линейки, сетки и направляющие

Иллюстратор

В иллюстраторе сделать тень: Работа с тенями, свечением и растушевкой в Illustrator

Иллюстратор

Как перевести изображение в вектор в иллюстраторе: Как преобразовать растровое изображение в векторное в программе CorelDraw

Иллюстратор