Как в иллюстраторе закрасить фон: Как залить цветом слой в Illustrator? — Хабр Q&A

Создаем бесшовный узор «Чайная вечеринка» в Adobe Illustrator

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

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

1. Превратите вашу зарисовку в вектор

Шаг №1

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

Шаг №2

Как только вы подготовили эскиз, в шапке AdobeIllustratorсоздайте NewFile размером 600 х 600 рх, и вставьте свою зарисовку File > Place. Вы увидите панель управления изображением (Image), содержащуюинформацию о перемещении изображения вместе с кнопкой ImageTrace. Нажмите на нее для векторизации изображения.

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

Шаг №3

На панели нажмите на значок ImageTrace, который вы можете найти на той же панели, рядом с Presets, чтобы показать окно настроек ImageTrace. Теперь, давайте изменим режим на черно-белый и установим Thresholdдо 150. Все остальные параметры оставляем по умолчанию. Таким образом, мы сделали линии толще и мягче.

Шаг №4

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

Шаг №5

Щелкните правой кнопкой мыши и разгруппируйте объекты (Ungroup). Вы можете выбрать чистый лист бумаги кликнув инструментом DirectSelectionTool (A) на пустом месте где-то между объектами и удалить его.

2.Подготовка изображения к раскраске

Шаг №1

Давайте возьмем RectangleTool (M) и добавим желтый квадрат размером 600х600 рх и отправим (Send— Back (Control—Shift-[)) поместив его позади всех остальных объектов. Таким образом, мы можем отделить объекты от белого фона, чтобы видеть их более четко.

Шаг №2

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

Нам нужно их видоизменить, но давайте сначала их сгруппируем каждый из них. Теперь вы можете просто выделить части и сгруппировать их с помощью DirectSelectionTool (A), а затем изменить цвет заливки по своему вкусу. Тем не менее, давайте попробуем другой способ.

Шаг №3

Нам нужно превратить объект в контур(Object > CompoundPath > Make).Таким образом, мы переводим группу элементов в единый объект с черным контуром.

Шаг №4

Переведите остальные предметы в единый объект. Это можно сделать быстрее, просто выбрав объект правой кнопкой мыши и применив MakeCompoundPathв контекстном меню.

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

Шаг №5

После того как вы сделаете составной контур, могут появиться некоторые ненужные детали. Например, черные элементы, показанные на скриншоте ниже. Избавляемся от них с помощьюEraserTool (Shift—E), стирая часть, соединяющую ненужные формы с контуром. После этого, выберете ненужную деталь с помощьюDirectSelectionTool (A)и удалите.

3.При раскраске использовать живые цвета

Шаг №1

Давайте оживим наши предметы, добавив цвета! Выберите форму и выберете Object > LivePaint > Make.

Шаг №2

Мы собираемся использовать эту очень вкусную палитру цветов для нашего рисунка. Вы можете взять цвет прямо отсюда с помощьюEyedropperTool (I).

 

Шаг №3

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

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

Шаг №4

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

Залейте другие предметы цветами из нашей палитры.

Вот что мы имеем на этом этапе – все наши рисунки превращаются в масштабируемые цветные векторные объекты.

4.Объедините свои объекты в бесшовный фон

Шаг №1

Давайте начнем формировать рисунок, поместив чашку в левый верхний угол нашего рисунка.

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

Выберете чашку и нажмите клавишу Enter, чтобы вызвать всплывающее окно Move. Установите Horizontal Position на600 px(что составляет ширину нашего фона) и нажмите кнопку Copy, чтобы копировать чашку и переместить ее в правый верхний угол рабочей области.

Выделите чашку еще раз, нажмите Enter, и а этот раз установите VerticalPositionна 600 px, тем самым перемещая копию к нижнему левому углу. Повторите эти действия еще раз с нижней чашкой, чтобы создать еще одну копию в правом нижнем углу. В итоге должно быть 4 чашечки, пересекающие все края области рисунка.

Шаг №2

Расположите чайник в центре холста и повращайте его немного. Вам не нужно его копировать и перемещать, так как он не пересекает границ рисунка.

Шаг №3

Добавьте больше объектов, пересекая края рисунка и создавая соответствующие копии.

Шаг №4

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

Шаг №5

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

Шаг №6

Теперь, когда нас устраивает расположение объектов, давайте выясним, как сделать нашу картину в образце и применят ее к различным формам. Прежде всего мы должны установить границы нашего рисунка. Для того чтобы сделать это, скопируйте квадратный фон и поместите его над всеми остальными объектами, нажав Control—Shift-[. Установите Fillи Strokeодинаковыми, создавая пустую рамку. Теперь ненужные элементами оказались за пределами рамки и будут невидимыми, когда вы включите его в образец.

Выделите все (Control—A)и перетащите объекты на панельSwatches(Window > Swatches).

Теперь мы можем создать любую форму, например прямоугольник с помощью RectangleTool (M) – и применить к нему наш шаблон, выбрав его на панелиSwatches. Используйте ScaleTool (S)чтобы изменить масштаб вашей модели, и не забудьте поставить галочкуTransformPatternи снять пометки на другихOptions.

Тада! Наш шаблон «Чайная Вечеринка» готов!

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

Используем 3D-эффекты для придания объема объектам ~ Записки микростокового иллюстратора

Adobe Illustrator за 30 дней. День 23: Используем 3D-эффекты для придания объема объектам

Предыдущий урок: Создаем спецэффекты

Сегодня Вы узнаете, как придать объем Вашим двухмерным объектам.
В Adobe Illustrator для этого существует 3 эффекта:

Трехмерный эффект «Втягивание и скос» (3D Extrude & Bevel)
Трехмерное вращение (3D Revolve)
Поворот (3D Rotate)

Вы также узнаете как:

— накладывать изображения на трехмерную поверхность
— редактировать трехмерный вид
— разобрать 3D объект

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

Читать урок полностью на Marovaki design blog (по многочисленным просьбам читателей копия перевода урока также опубликована на этом блоге)

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

Трехмерный эффект «Втягивание и скос» (3D Extrude & Bevel)

Трехмерный эффект «Втягивание» (Extrude) придает объектам объем, делая их трехмерными.

Выберите нужный объект и перейдите в меню «Эффект -> Объемное изображение -> Втягивание и скос»(Effect -> 3D -> Extrude & Bevel). Появится окно с опциями. Меняйте глубину вытягивания, чтобы придать необходимый объем объекту. Скос (Bevel) задает количество граней для трехмерного объекта. Кликните на куб и поверните его так, как Вам нужно, Ваш объект получит объем и положение указанные вами. Вы также можете выбрать затемнение поверхности (surface shading) путем выбора текстуры.

Трехмерное вращение

Эффект «Вращение» (3D Revolve) придает глубину объекту, вращая его вокруг оси. Как показано на иллюстрации ниже, мы нарисовали половину бутылки. Эффект «Вращение» делает вращение формы на 360 градусов, и в результате мы получаем трехмерную бутылку. Для того чтобы использовать эффект «Вращение», нужно зайти в пункт меню Эффект -> Объемное изображение -> Вращение (Effect -> 3D -> Revolve).

Наложение изображений

Вы можете легко наложить изображение на трехмерный объект. Сначала Вам нужно добавить Ваше изображение в палитру «Символы».

Затем перейдите к опциям «Параметры вращения 3D изображения» (3D Revolve Options), нажмите «Проецирование» (Map Art) и выберите поверхность для наложения. Для бутылки выберем поверхность 3 из 4. Выбранная поверхность будет подсвечена красной сеткой на модели бутылки. Затем выбираем изображение для наложения и подгоняем его размеры.

Поворот (3D Rotate)

Эффект «Поворот» позволяет быстро поворачивать двухмерную графику в трехмерном пространстве. Вы можете найти его в меню «Эффект > Объемное изображение > Поворот» (Effect >3D > Rotate).

Редактирование трехмерного вида

В любой момент Вы можете внести изменения в Ваш трехмерный объект, для этого Вам нужно перейти в Панель «Оформление» (Appearance) и дважды кликнуть на «Втягивание и скос»(3D Extrude & Bevel), чтобы внести необходимые изменения

Разбираем 3D объект

Чтобы залить поверхность градиентом и применить другие эффекты, Вам нужно разобрать трехмерный объект. После того, как объект разделен, Вы уже не сможете вносить изменения в его трехмерные свойства. Однако Вы сможете добавлять градиенты и обводки к каждой поверхности объекта.

Для того, чтобы разобрать объект, используйте меню «Объект > Разобрать оформление» (Object > Expand Appearance). После этого используйте инструмент «Прямое выделение» для выбора поверхностей, к которым Вы хотите применить градиенты или другие эффекты.

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

Анна Волкова

Читать дальше…

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

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

Следующее Предыдущее Главная страница

Подписаться на RSS Комментарии к сообщению

Как изменить цвет фона в Adobe Illustrator

BySyeda Hussain Опубликовано 18 января 2023 г. 18 января 2023 г.

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

Существует несколько способов изменить цвет фона в Illustrator. В этой статье мы узнаем, как быстро и легко изменить цвет фона в Illustrator.

Если вы ищете способ изменить цвет фона интерфейса Illustrator, см. последний раздел этой статьи.

Способ 1. Использование инструмента «Прямоугольник»

Вероятно, это самый простой и быстрый способ изменить цвет фона монтажной области в Adobe Illustrator.

Шаг 1:

Выберите инструмент Rectangle Tool на левой панели инструментов. Вы также можете использовать сочетание клавиш (M) , чтобы выбрать этот инструмент.

Шаг 2:

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

Шаг 3:

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

Способ 2. Использование настройки документа

Шаг 1:

Сначала откройте документ.

Шаг 2:

Перейдите в меню Файл . Вы найдете его на верхней панели инструментов.

Шаг 3:

В раскрывающемся меню выберите Настройка документа . Вы также можете использовать сочетание клавиш Alt+ Ctrl+ P . Вы увидите окно под названием «Настройка документа».

Шаг 4:

В этом окне вы получите множество опций для редактирования вашего документа. Чтобы изменить цвет фона, установите флажок Simulate Colored Paper в меню 9.0013 Прозрачность и надпечатка раздел. Теперь, в правой части Simulate Colored Paper, нажмите на верхний образец цвета, указанный там.

Шаг 5:

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

Шаг 6:

Нажмите OK или нажмите Enter, чтобы применить выбранный цвет после того, как вы выбрали цвет фона.

Шаг 7:

Перейдите в меню Вид на верхней панели инструментов. Выберите Показать сетку прозрачности или используйте сочетание клавиш ( Shift + Ctrl + D ), чтобы просмотреть цветовую сетку, выбранную для фона. Теперь все элементы, которые были невидимы из-за белого фона, видны на этом фоне.

Способ 3. Использование панели слоев

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

Шаг 1:

Создайте новый слой на панели «Слои» в левой части экрана. Если вы не можете найти свою панель слоев, значит, вы не создали для нее ярлык. Перейдите в Window и в раскрывающемся меню выберите Layer или просто нажмите F7 .

Шаг 2:

После создания нового слоя (который является слоем 2) выберите слой 1.

Шаг 3:

С помощью инструмента «Прямоугольник» нарисуйте прямоугольник того же размера, что и монтажная область.

Шаг 4:

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

Шаг 5:

Заблокируйте слой, чтобы фон монтажной области был зафиксирован.

Метод 4. Изменение фона существующего файла

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

• Откройте файл.
• Перейдите в меню Файл сверху.
• В раскрывающемся меню выберите Экспорт .
• Выберите Сохранить для Интернета (предыдущая версия)
• Как только вы выберете Сохранить для Интернета, , вы получите окно для внесения нескольких изменений в ваш файл.
• Снимите флажок с параметра Прозрачность (если установлен).
• Измените цвет из доступных в этом окне цветов.

Как изменить цвет фона интерфейса Illustrator

До сих пор мы рассмотрели несколько способов изменить цвет фона вашего дизайна. Но, возможно, вместо этого вы хотите изменить цвет фона интерфейса Illustrator. Вот как вы можете это сделать.

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

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

Заключительные мысли об изменении цвета фона в Illustrator

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

Syeda Hussain

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

Применение цвета фона текста в Adobe Illustrator CS6

Задавать вопрос

спросил

7 лет, 11 месяцев назад

Изменено 3 года, 10 месяцев назад

Просмотрено 131 тысяч раз

Я хотел бы выделить заголовки в своем тексте следующим образом:

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

• Adobe-illustrator
• текст
• основные моменты

0

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

1. Откройте панель внешнего вида, Окно > Внешний вид
2. Дважды щелкните Персонажи , чтобы открыть внешний вид персонажа
3. Установите Заливку на цвет переднего плана
4. Нажмите Введите , чтобы вернуться к текстовому элементу
5. Добавить новую заливку (нижний левый угол панели)
6. Задайте для новой заливки цвет фона
7. С новым выбранным Fill , Add New Effect > Convert to Shape > Rectangle…
8. Установите Rectangle на все, что вы хотите, пока размер является относительным, он будет перекомпоновываться в ваш текст.

У вас должно получиться что-то вроде этого,

Это также работает по линиям,

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

Совет(ы) для профессионалов

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

4

Насколько я знаю, это невозможно в Illustrator, так как он предназначен для векторной работы. Возможным обходным путем было бы сделать это в inDesign, используя стили. Проверьте ЭТУ ссылку Удачи!

1

Согласен, я не думаю, что это возможно в ИИ.