Как сделать обводку изображения в иллюстраторе

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

Один простой способ создать форму, которую вы можете использовать в качестве строительного блока для создания своего дизайна, — это преобразовать контур с толстой обводкой в ​​объект. Нарисуйте путь, добавьте толстую обводку (Окно>Обводка), а затем в меню «Объект» выберите «Путь»>Контур обводки.

Как превратить мазок кисти в контур?

1. Выберите контур с кистью.
2. Выбрать объект > Развернуть внешний вид. Illustrator помещает компоненты развернутого контура в группу. Внутри группы находятся путь и подгруппа, содержащая контуры мазков кисти.

Как создать контур объекта в Illustrator?

1. Выберите все объекты.
2. Сгруппируйте их.
3. Скопируйте и вставьте их как новый слой.
4. Объект > Дорожка > Контур обводки.
5. Окно > Следопыт, «Объединяйтесь»
6. Объект > Дорожка > Смещение пути.
7. Удалить результат «Объединить»

Как называется очертание фигуры?

Определение силуэта — это очертание или общая форма объекта.

Близость
Близость
Близость

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

Как сделать заливку в Adobe Illustrator?

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

Заливка в Иллюстраторе — это цвет, узор или градиент внутри объекта. Их можно использоваться как к открытым, так и к закрытым объектам. Есть также обводка контура, которая выступает в роли внешнего контура предмета. Вы можете воспользоваться как заливкой, так и сделать обводку для достижения желаемого результата. Найти инструменты для настройки можно на панелях «Инструменты», «Управление» и «Цвет». Кстати, в программе есть функция «Трассировка изображений» — она помогает автоматически преобразовать пиксельные изображения в векторные.

Как сделать заливку в Адоб Иллюстратор

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

Цвет заливки

1. Расположите фигуру, который нужно заполнить цветом, на рабочей области. После выделите его, используя инструмент «Выделение» или «Частичное выделение».

2. Выберите поле «Заливка» на панели «Инструменты», «Свойства» или на палитре «Цвет».

3. Теперь можно подобрать подходящий цвет для вашей фигуры. Дважды нажмите на поле «Заливка» и выберите цвет, используя инструмент «Палитра цветов». Вы также можете подобрать оттенок в разделах «Цветовые образцы», «Градиент». Быстро применить цвет можно, просто перетащив желаемый оттенок из палитры «Цвет».

Цвет обводки

1. Выделите фигуру и щёлкните на пункт «Обводка» на панели «Инструменты», «Свойства» или «Управление».

2. Выбрать оттенок можно на палитре «Цвет» либо, нажав на кнопку «Цветовые образцы».

3. Как и с заливкой, двойное нажатие на поле «Обводка» также поможет подобрать новый оттенок — перед вами появится инструмент «Палитра цветов».

4. Если нужен текущий оттенок в поле «Обводка» для работы, просто перетащите его из поля на объект.

Adobe Illustrator — лучший друг и полезный помощник графических дизайнеров. Если вы хотите освоить эту перспективную профессию и попасть в хорошую команду, обратите внимание на курсы с подробными уроками с сайта tutortop:

• «Профессия графический дизайнер» от Онлайн-институт Vill
• «Графический дизайнер» от Skypro
• «Старт в дизайне + Английский для дизайнеров в подарок» от Contented

Сейчас мы дарим 10 000 ₽ на обучение в любой из школ-партнёров, представленных на сайте tutortop.

Получите промокод 10 000 ₽ на обучение и курсы стоимостью 20 000 ₽ в подарок!

Нажимая на кнопку «Получить», я соглашаюсь на обработку моих персональных данных.

Спасибо! Мы получили вашу заявку. Скоро с вами свяжемся.

Быстрая заливка в Adobe Illustrator

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

В быстрой заливке свои составные элементы — это края и фрагменты. Краем называется часть контура на границе с другими контурами. А фрагментом — поле, которое ограничено несколькими краями. Вы можете применять обводку к краям и заливку к фрагментам. Это идеальный вариант при редактировании сложных объектов дизайна в тех случаях, когда действовать нужно быстро. За считанные секунды вы можете разделить фигуру на части и использовать группу быстрых заливок, чтобы сделать самое эффектное изображение.

Для создания группы с быстрой заливкой нужно:

• выделить один или множество новых контуров
• проделать путь Объект — Быстрая заливка — Создать и выбрать «Быстрая заливка»

Как раскрасить объект или залить сложную фигуру?

1. Найдите инструмент «Быстрая заливка» в панели слева. Нажмите и удерживайте инструмент «Создание фигур», чтобы перед вами появилась «Быстрая заливка».
2. Выберете цвет фигуры, размер границ и её новый оттенок.
3. Для заполнения областей объекта — если нужна полная заливка , дважды щёлкните на фрагмент, чтобы применить заливку ко всем смежным деталям, не разделенным краями с обводкой. Можно просто перетащить курсор по нужным частям фигуры, чтобы раскрасить их на рисунке все вместе.
4. Для обводок — два раза нажмите на «Быструю заливку» и выберите «Закрашивать обводки». Двойным нажатием можно применить обводку ко всем соединенным краям того же цвета, три нажатия позволят применить обводку ко всем краям с одинаковой обводкой. Когда необходимо заполнить только один контур места, стоит просто навести курсор на край — он принимает вид кисти с краской.
5. Клавиша Shift позволяет быстро переключаться между режимами применения лишь обводок или лишь заливок. Для изменения функционала кнопки нужно зайти в «Параметры инструмента». Из режима «Закрашивать обводки» нажатие Shift переключает в режим работы и заполнения только заливок. Это удобно, когда у фигуры много мелких деталей, которые сложно разделить между собой и закрасить разными оттенками.

Заливка с помощью наложения

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

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

2. Выделите объект, на панели справа найдите текст «Обработка контуров» и нажмите пункт «Соединение». Теперь иллюстрация в Adobe Illustrator — единый векторный объект.

3. С помощью любого из инструментов сделайте фигуру (например, овал), которая будет перекрывать ваш объект, а затем залейте её оттенком. Чтобы переместить овал на задний план, нажмите на центр картинки и кликните правую кнопку мыши. Выберите «Монтаж», а затем «На задний план».

4. Теперь контуры находятся поверх овала. Нужно дублировать контур (Ctrl+C), зажать Shift и выделить каждый из контуров для отдельной заливки. Далее на правой панели выбрать «Обработку контуров» и оставить «Минус верхний».

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

Эффективные приемы в Adobe Illustrator — часть 3

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

Учимся обводить скетчи в Adobe Illustrator

Создать векторный контур в Illustrator — очень кропотливая работа, которая требует определенных навыков и аккуратности. В этом уроке мы расскажем вам, как сделать чистый векторный контур быстро, используя простые методы.

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

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

Технически, есть несколько способов создания векторных контуров в Adobe Illustrator. Вы можете использовать графический планшет. Сегодня мы будем использовать инструмент «Кисть-клякса» (Blob Brush (Shift + B)) или инструмент «Кисть« Paintbrush Tool (B). Параметры указаны на рисунке ниже.

Отметьте «Merge Only with Selection» в диалоговом окне инструмента «Кисть-клякса« (Blob Brush (Shift + B)), если вы используете этот инструмент. Параметры указаны на рисунке ниже.

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

Я дам вам несколько советов, которые помогут вам контролировать толщину и точность вектора. Для уменьшения / увеличения диаметра кисти используйте клавишу [» / «]»» . Чтобы открыть кисть диалоговом окне, нажмите Enter и введите нужное значение. Чем выше значение, тем более гладким будет векторный контур, низкое значения сделает его более точным. Лучше увеличить значение для длинных контуров и уменьшить для коротких.

Вы можете создавать векторные контуры без графического планшета. В этом случае используйте инструмент «Перо» (Pen Tool (P)) и объектную кисть (Art Brush) эллиптической и треугольной формы.

Используйте панель контуров (Stroke) для управления шириной линии.
Вы также можете использовать Variable Width Profile в панелb Stroke (Adobe Illustrator CS5 и CS6).

В этом случае, контролируйте ширину контуров при помощи Width Tool (Shift + W)

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

Очистка векторных контуров в Adobe Illustrator

Теперь, давайте сделаем структуру наших контуров более аккуратной и уберем все ненужное. Выделите весь контур, затем перейдите в Object> Expand Appearance. Не делайте этого, если вы использовали инструмент «Кисть-клякса« (Blob Brush (Shift + B)).

Теперь нажмите на « Divide» в панели обработки контуров (Pathfinder) (Window> Pathfinder)

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

Остается только выбрать и удалить ненужные части. Для этого вы можете использовать инструмент «Прямое Выделение» (Direct Selection Tool (A)) и инструмент «Лассо» (Lasso Tool (Q)) .