Как залить цветом слой в Illustrator?
Я еще только учусь работать с иллюстратором. В фотошопе всё кажется намного легче. Не могу понять следующее. Как заливать цветом слой? Например я загрузил png картинку в проект. В фотошопе легко можно наложить стиль слоя. Здесь же непонятно. А можно ли создавать группу для слоёв? А то они у меня все в одну скидываются. А как создать новую я не знаю.
- Вопрос задан более трёх лет назад
- 44090 просмотров
Комментировать
Решения вопроса 1
Вадим Соловьёв @VadimSoloviev
Человек из касты создателей
.
Цвет именно слоя можно выбрать здесь.
Для изменения цвета PNG изображения используйте плагин Phantasm v3
Ответ написан более трёх лет назад
Нравится 1 4 комментария
Это цвет выделения объектов на слое. Чтоб различать разные слои.
▪ ▪ @kingdomofcrooked Автор вопроса
мне нужна была заливка объекта как в фотошопе а не цвет слоя в превью)
Вадим Соловьёв @VadimSoloviev
Рикко: Я не дописал ответ, а они уже откоментили, во дают)
▪ ▪ @kingdomofcrooked Автор вопроса
Вадим Соловьёв: Спасибо! Надо будет попробовать установить данный плагин.
Ответы на вопрос 1
Дизайнирую / иллюстрирую / фронтэндирую
Создайте прямоугольник размером с рабочую область и сделайте ему заливку нужного цвета. Конкретно к слою можно применять эффекты наложения и менять непрозрачность — это будет применяться ко всем объектам, которые лежат на слое.
В Иллюстраторе каждый объект по сути в своём слое, поэтому те слои, которые видны в панельке Layers — это по своей сути группы. И да, их можно объединять в группы слоёв.
Ответ написан более трёх лет назад
Нравится 1 4 комментария
▪ ▪ @kingdomofcrooked Автор вопроса
Зачем мне создавать прямоугольник. Мне было интересно как заливать цветом не векторыне объекты а например картинки png. В фотошопе это делается просто.
Рикко: Невекторные объекты в иллюстраторе используются «как есть», их нельзя редактировать, это пакет для векторной графики, здесь совсем другая логика. Ваша картинка воспринимается как растровая графика, поэтому если вам нужно её изменить — делайте это в фотошопе. Файл можно залинковать (File > Place. ) и все изменения будут автоматически появляться в люстре (после сохранения файла).
Рикко: Упустил момент про стиль слоя. Опять же, можно поверх картинки создать прямоугольник нужного цвета и изменить его режим наложения (Multiply, допустим). Для надёжности можно объединить эти два объекта в группу.
Нерон Лордов @Nekto_Habr
Рикко: Да, растр лучше редактировать в фотошопе, а в люстру линковать psd — довольно удобно. А вообще простые картинки лучше искать сразу в векторе или трейсить (правда трейсинг иногда криво выходит) — даёт больше контроля над изображением, и несравнимо лучшее качество на выходе.
Adobe Illustrator для веб-дизайнера 6) Цвет, заливка
Цвет и заливка придают форме содержание, объём и смысл.
Содержание серии
Материалы цикла представляют собой мои личные конспекты. Нет времени превращать их в полноценные обучающие статьи, и поэтому свободное отношение к слову может расстроить граммар-наци. Также не исключено, что использование каких-то картинок нарушит авторские права. Это нехорошо, но давно не помню, где и что брал. Я предупредил.
- Введение
- �� Файлы, монтажные области
- �� Cлои
- Перемещение, выравнивание и распределение объектов
- �� Перо и инструмент «Кривизна» (Curvature)
- ��♀️ Правила красивых контуров
- �� Shape Builder Tool (Создание фигур) — ⇧M
- ✏️ Рисование фигур линиями и инструментом быстрой заливки
- ❤️ «Оформление» (Appearance) — палитра и раздел палитры «Свойства»
- �� Направляющие и линейки
- ����♂️ Переходы (Blend)
- �� Перспектива
- �� Cтили графики
- �� Символы
- �� Сетчатые объекты (meshes)
- �� Ресницы, брови, волосы
- �� Кисти и ластик
- ☀️ Распределение объектов по кругу
�� Образцы (swatches)
Образцы стоит группировать по папкам. В процессе работы переключаться между видами палитры: список и миниатюры.
Добавлять образцы можно в панели, кликнув иконку нового образца. Будет добавлен текущей цвет заливки или обводки — в зависимости от того, что сейчас выбрано.
Также можно добавлять цвет в образцы перетягиванием: из палитры цвета или палитры инструментов.
Поиск/фильтрация образцов
- Дважды щелкнуть по миниатюре цвета в панели инструментов.
- Переключиться в Color Swatches.
- Искать в нижнем поле.
Удаление неиспользуемых образцов
- В меню палитры выбрать Select All Unused.
- Удалить.
Добавление используемых цветов в образцы
- Выбрать нужную графику в монтажной области.
- В меню палитры выбрать Select All Unused.
Глобальные триадные цвета
Глобальный цвет обновляется автоматически во всей иллюстрации. В том числе — в градиентах.
Глобальные цвета очень удобны, и, по сути, нет никакой причины, чтобы использовать альтернативные «локальные» цвета. Поэтому следует взять себе за правило, любой цвет, используемый в графике сохранять в образцы, как глобальный цвет.
Все плашечные (spot) цвета являются глобальными, а триадные (process) цвета могут быть глобальными или локальными.
Образцы глобального цвета можно распознать по значку глобального цвета (когда палитра в виде списка) или по треугольнику в нижнем углу (когда палитра в виде миниатюры).
Чтобы сделать триадный цвет глобальным, надо нажать флаг Global в диалоге создания/редактирования образца.
☝️�� Чтобы сохранить все цвета в текущей графике в глобальные, надо выделить всё и нажать значок папки в нижней части палитры образцов.
В диалоге установить Selected Artwork и Convert Process to Global.
☝️�� Все нарисованные объекты могут быть добавлены в образцы и затем использованы для заливки — это способ создания узоров.
Готовые коллекции образцов
Коллекции образцов AI открываются нажатием кнопки библиотеки в панели образцов (Swatch Library Menu).
Можно открыть образцы из другого документа: Swatch Library Menu ➜ Other Library. Затем выбрать нужный ai-файл.
Чтобы перенести образцы из панели коллекции в панель образцов, достаточно кликнуть на значке папки.
Сохранить образцы по умолчанию можно только, сохранив весь документ, как шаблон.
�� Цветовые группы (гармонии) и палитра «Каталог цветов» (Color guide)
Палитра «Каталог цветов» позволяет подобрать гармоничные цвета и оттенки выбранного цвета.
- Меню «Правила гармонии» и активная цветовая группа
- Выбор цвета в качестве основного
- Активные цвета
- Цветовые вариации
- Ограничения количества цветов указанными в библиотеке образцов
- «Редактировать цвета» или «Редактировать или применить цвета» в зависимости от выбора (открывает цвета в диалоговом окне «Редактировать цвета»/»Перекрасить графический объект«)
- Сохранение группы на палитре «Образцы»
�� Палитра «Градиент»
Похожа на вкладку Gradient окна стиля слоя в Photoshop’е.
- Образец
- Меню
- Градиентная заливка
- Градиентная обводка
- Поменять заливку и обводку
- Средние точки
- Цвет градиента
- Непрозрачность
- Положение
- Еще одно меню
- Список «Тип градиента»
- Градиентная обводка относительно контура
- Угол
- Пропорции
- Удалить точку
В меню можно выбрать созданные в документе градиенты
Дублировать цвета градиента можно, также, как объекты — перетаскивая с нажатой клавишей Alt.
☝️�� Полезная привычка — сохранять градиенты в образцы, для повторного использования.
�� Множественные градиенты с помощью палитры «Оформление»
�� Gradient Tool (Градиент). Клавиша быстрого вызова «G»
Позволяет редактировать градиент в тех редких случаях, когда не хватает возможностей палитры «Градиент» — прежде всего для расстановки контрольных точек.
Выделить объект залитый градиентом. Выбрать инструмент Gradient Tool в панели инструментов.
В компактном состоянии представляет собой вектор градиента. Если навести на него курсор, вектор утолщается до полосы «комментатора» градиента (Gradient Annotator). И на нем появляются маркеры.
- Начало градиента (круглый маркер);
- конец градиента (маркер-ромб);
- маркер цвета;
- точка перехода.
Чтобы передвинуть градиент, надо перетащить круглый маркер.
Если нужно изменить длину градиента, нужно перетянуть ромбовидный маркер конца градиента.
Для поворота градиента, навести курсор мыши на ромбовидный маркер, дождаться появления значка поворота, повернуть.
Чтобы отредактировать цвет градиента, кликнуть на маркер. Откроется диалог параметров, включая прозрачность цвета и положение на векторе градиента.
Чтобы поменять направление градиента, кликнуть на желаемый центр кругового или начало линейного градиента и затем перетащить полосу «комментатор» до желаемой границы градиента.
Для кругового градиента можно сдвинуть центр, сделав градиент ассиметричным. Для этого нужно перетащить маленький круглый маркер, расположенный у маркера центра.
Чтобы сделать круговой градиент эллиптическим, надо перетащить к центру круглый маркер на окружности градиента.
Тоже самое можно сделать и в панели градиента, введя значение в поле пропорций.
�� Готовые градиенты. См. коллекции образцов
�� Пипетка
- Обычный клик — копировать одновременно цвета заливки и обводки.
- Shift+клик — копировать только тот цвет, на который кликаешь. Он будет применен либо к заливке, либо к обводке — в зависимости от того, что выбрано на панели инструментов или цвета.
�� Заливка и обводка по умолчанию
Если выбрать в панели свойств цвета, ширину обводки и ее выравнивание по контору, не выделив ни одного элемента в монтажной области, все последующие элементы будут создаваться в этом стиле.
Альтернативный вариант
- Настроить желаемый стиль обводки и заливки на любой фигуре.
- Добавить стиль в панель графических стилей.
- Перетянуть с нажатым Alt’ом на образец стиля по умолчанию (самый первый квадратик c символом обводки и заливки в углу).
�� Выбор всех элементов, окрашенных в один цвет
Чтобы выбрать все элементы, окрашенные в один цвет, надо выбрать в документе один такой элемент, а затем выбрать команду Select Similar Options, отфильтровав результат по Fill Color
�� Узоры
В образцы можно сохранить не только цвет, но и узоры.
Также можно выбрать для заливки один из готовых образцов узоров.
Чтобы изменить масштаб узора, нужно дважды кликнуть на инструменте масштабирования. Ввести процент масштабирования. И снять флаг Transform objects.
Чтобы отредактировать узор, нужно дважды кликнуть на его образце в палитре.
�� «Перекрасить графический объект» (Recolor Artwork)
Можно заменить цвета в графике, используя точные инструменты типа цветового круга.
- Выбрать объект или объекты.
Edit ➜ Edit Colors ➜ Recolor Artwork
(Можно также нажать значок цветового круга на контрольной панели, палитре образцов или «Каталоге цветов»).
- Выбрать вкладку Edit, чтобы редактировать гамму на цветовом круге.
- Выбрать вкладку Assign, чтобы редактировать цвета по одному.
- Можно настраивать цвет бегунками.
- Можно перетаскивать образцы в центральной части один на другой, меняя таким образом, раскраску одной детали на цвет другой еще одной детали.
- Можно выбирать способы замены («Точно», «Масштабировать оттенки», «Сохранить оттенки», «Оттенки и тени», «Сдвиг цветового тона»), нажав стрелку справа от плашки цвета.
- Если перетащить часть цветов на другие, изначальные цвета будут заменены оттенками того цвета, на который они были перенесены.
- Чтобы откатить все изменения, нажать пипетку.
14 ноя 2020
Как сделать заливку точками
Никогда не приходилось работать в Illustrator, поэтому и зашел в тупик — есть объект залитый сплошным черным цветом, могу переключить на градиентнцую заливку, а как сделать:
1. заливку точками просто по белому?
2. заливку точками по какому-нибудь сплошному цвету?G-Kir
Знаток
Рейтинг 20
Простейший способ. Нарисованную точку затащить в палитру swatches. И заливай чё хошь.
Заливка по сплошному цвету (либо по другому паттерну, либо по градиенту, либо либо по всему вместе с прозрачностью), реализуется через палитру appearance.
Кури хелп или книги. Возможности почти безграничные.Инструмент «Быстрая заливка»
Share this.
Для быстрого раскрашивания в заранее определенные цвета можно использовать инструмент иллюстратора «Быстрая заливка». Быстрый доступ нажатием клавиши «К».
Использовать инструмент можно только в группах с быстрой заливкой. Чтобы создать такую группу нужно выбрать несколько объектов, выбрать инструмент «Быстрая заливка», и нажать на одном из объектов.
Чтобы окрасить соседние области в один цвет нужно протянуть зажатый курсор мышки через них.
Если вы не протянули курсор через места наложения объектов друг на друга они останутся без изменений.
В панели настроек можно установить дополнительные параметры инструмента. Для вызова настроек нажмите дважды на инструмент, или клавишу Enter.
Share this.