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

Как сделать прозрачный фон для микростоков в Adobe Illustrator ~ Записки микростокового иллюстратора

Всем привет! Недавно на моём YouTube канале был опубликован гостевой урок от Марии Авербург. Мария показывает и рассказывает, как нарисовать реалистичное солнце. Используя такую технику, вы сможете рисовать самые разные светяшки и блики. А как же фон? Да, действительно, по поводу прозрачного фона Мария ничего не сказала. Фон из шашечек можно часто увидеть на стоковых картинках. И вот про него и будет сегодняшний урок. А пока можете посмотреть видео, если ещё не видели его.

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

В Adobe Illustrator он включается через View > Show Transparency Grid (Shift+Ctrl+D). Но это техническая часть интерфейса, и шашечки прозрачного фона не отображаются в растровых файлах, сохранённых из Adobe Illustrator. Точно также и векторный EPS-10, после загрузки на Shutterstock, не даст вам эффекта прозрачного фона, даже если вы его включите. Я думаю, вы уже догадались, что можно просто нарисовать стилизацию под прозрачный фон из квадратиков. Именно так и делают все микростокеры, чтобы более удачно подать свою работу.

Создадим новый документ Ctrl+N. Размер как обычно 2000×2000 px. Цветовая модель RGB. И для удобства сразу включим Умные направляющие View > Smart Guides (Ctrl+U).

Для рисования квадратиков нужно взять Прямоугольник Rectangle Tool (M). Делаем клик левой кнопкой мыши в левый верхний угол артборда, и выставляем параметры для квадратика

50×50 px. Нажимаем OK, чтобы Иллюстратор создал фигуру. Цвет заливки для квадратика нужно выбрать серый. Обводку выключить.

Затем выделяем этот квадрат и вызываем диалог для перемещения объекта Shift+Ctrl+M. Ставим значение 50 px для перемещения по горизонтали и нажимаем Copy.

Иллюстратор сделает копию этого квадратика со смещением в 50 px, то есть она будет стоять точно стык в стык с исходной фигурой. Останется только поменять серый цвет заливки на белый.

Следующим шагом выделяем оба квадрата и через Shift+Ctrl+M копируем их на 50 px вниз.

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

И теперь выделяем все 4 квадрата, вызываем Shift+Ctrl+M, копируем их на 100 px вправо.

Уже получается шахматный фон.

Далее нужно продолжить копирование. Не снимая выделения с 4 квадратиков, которые вы только что скопировали, просто зажмите Ctrl+D, и Иллюстратор начнёт повторять последнюю трансформацию, то есть продолжит копировать квадраты вправо. Нужно будет просто отпустить кнопки, когда квадраты заполнят артборд.

Мы сделали один ряд, выделите все эти квадраты и снова Shift+Ctrl+M. Нужно задать смещение на 100 px вниз и нажать Copy.

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

Зажимаем Ctrl+D и заполняем квадратами весь артборд до конца.

На этом можно остановиться. Фон готов. Но если нужно сделать такую же тень, как в уроке у Марии, то достаточно нарисовать ещё один квадрат с размерами точно под артборд. У этого квадрата нужно настроить радиальную градиентную заливку, как на картинке.

Включаем для этого квадрата режим наложения Multiply в панели Transparency (Shift+Ctrl+F10). Всё готово!

Как завершающий аккорд — сохраните этот файл Shift+Ctrl+S в виде шаблона. Для этого при сохранении выберите

AIT формат. Открывая шаблонный файл в Иллюстраторе вы будете получать новый Untitled документ с иммитацией прозрачного фона, которую только что нарисовали. Это очень удобно, не потеряете исходник. Вот и всё, дальше достаточно будет сделать новый слой поверх фона, и нарисовать свою иллюстрацию.

Если вам нужен прямоугольный артборд, то по образу и подобию можно сделать прозрачный фон для файла 3000×2000 px или что-то около того (4 МП или более, чтобы Shutterstock без проблем принял вектор).

Как подготовить векторную иллюстрацию для микростоков вы можете посмотреть в этом видео уроке: Подготовка, сохранение и загрузка векторов на микростоки

Роман aka dacascas специально для блога Записки микростокового иллюстратора

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

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

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

Урок Illustrator — Как создать динамический векторный фон — Уроки

Цель Урока

Для создания динамических повторяющихся и не повторяющихся фонов мы будем использовать панель Appearance  и плагин для Adobe Illustrator — Phantasm CS. Давайте детально рассмотрим, как это делается.

Создание повторяющегося фона

Шаг 1

Берем Rectangle Tool (M) и создаем прямоугольник с заливкой серого цвета.

Открываем панель Appearance (Window > Appearance) и, не снимая выделения с объекта, добавляем новую заливку, нажав на соответствующую кнопку в нижней части объекта.

Шаг 2

Создадим элемент, из которого будет состоять фон. Для создания его формы я буду использовать Dynamic Shapes Tool (плагин VectorScribe), что даст нам большую свободу действий в дальнейшем. Выбираем Dynamic Circle в панеле Dynamic Shapes и создаем окружность при помощи Dynamic Shapes Tool. Заливаем эту окружность радиальным градиентом, который содержит черный цвет и два оттенка серого цвета.

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

Шаг 3

Добавим новую заливку светло-серого цвета к созданной окружности, выделяем эту заливку в панеле Appearance и переходим Effect > Transform & Distort > Transform… и устанавливаем параметры, указанные на рисунке ниже.

Сохраним созданный объект как новый символ в панеле Symbols.

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

Шаг 4

Переходим к прямоугольнику, который был создан в первом шаге. Выделяем прямоугольник, верхнюю заливку в панеле Appearance  и символ в панеле Symbols, затем переходим Effect > Phantasm CS > Halftone…. Устанавливаем параметры эффекта, которые указаны на рисунке ниже.

Диалоговое окно Phantasm CS Halftone имеет много опций, которые позволяют вам получать различные фоны, используя один и тот же элемент.

Шаг 5

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

Шаг 6

Вы, конечно, заметили, что некоторые окружности выходят за пределы фона. Нам не нужно использовать Clipping Mask или Opacity Mask для того, чтобы скрыть их. Оказалось, мы можем сделать это только при помощи панели Appearance. Создадим новую заливку, ее цвет не имеет значения.

Теперь группируем наш прямоугольник (Cmd / Ctrl + G)

Выделяем группу и переходим Effect > Pathfinder > Crop.

Шаг 7

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

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

Шаг 8

Вы можете не только редактировать заливки и эффекты, примененные к этому символу, но и динамически редактировать его форму, так для его создания мы использовали Dynamic Shapes Tool.

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

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

Все эти фоны вы сможете скачать, нажав на кнопку Download в начале и конце этого урока.

Шаг 9

Выделим путь в панеле Layer и сохраним новый графический стиль в панеле Graphic Styles.

Теперь мы можем применять этот стиль к объектам любой формы.

После применения стиля объект необходимо сгруппировать и перейти Effect > Pathfinder > Crop.

Шаг 10

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

Для устранения этого дефекта выделяем заливку, к который был применен эффект Halftone в панеле Appearance и переходим Effect > Path > Offset path и устанавливаем величину смещения.

Не повторяющиеся фоны

Шаг 11

При помощи Phantasm CS мы легко можем получать не повторяющийся фон. Создадим прямоугольник с заливкой черного цвета. Теперь переходим Object > Create Gradient Mesh… и устанавливаем количество строк и столбцов в диалоговом окне.

При помощи Direct Selection Tool (A) выделяем некоторые узлы и окрашиваем их в разные оттенки темно-синего цвета.

Шаг 12

Купируем прямоугольник и вставляем его вперед (Cmd / Ctrl + C, Cmd / Ctrl + F). Перекрашиваем узлы градиентной сетки на серый цвет, так как это показано на рисунке ниже.

Шаг 13

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

Установим для этой окружности режим смешивания Color Dodge в панеле Transparence.

Перетаскиваем окружность в панель Symbols и сохраняем как новый символ.

Шаг 14

Выделяем верхний gradient mesh объект, символ в панеле Symbols и переходим Effect > Phantasm CS…  устанавливаем параметры, указанные на рисунке ниже.

Шаг 15

Не снимая выделения с объекта, переходим Effect > Warp > Rise… и устанавливаем параметры этого эффекта.

На этот раз спрячем выступающие за пределы фона объекты при помощи Clipping Mask. Создаем прямоугольник, размер которого должен соответствовать размеру фона, выделим его и объект, к которому был применен Phantasm CS Halftone эффект, затем переходим Object > Clipping Mask > Make (Cmd / Ctrl + 7).

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

Как сделать бесшовный текстуру в Иллюстраторе

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

Из этого урока вы узнаете, как создать бесшовный кирпичный фон в Adobe Illustrator, используя функцию редактирование узоров (Pattern Editing), которая доступна пользователем версий Adobe Illustrator CS6 и CC. Для придания большей реалистичности мы создадим некоторые элементы текстуры вручную.

 

Пример HTML-страницы

Шаг 1.

Работаем с изображением

Создайте новый документ в Adobe Illustrator (Ctrl + N). В диалоговом окне выставьте параметры: ширина (Width) 960 пунктов, высота (Height) 560 пунктов, Цветовой режим (Color mode) RGB, Растровые эффекты (Raster effects): Экранное (Screen (72ppi), снимите галочку в окошке Выровнять новые объекты по пиксельной сетке (Align New Objects to Pixel Grid).

Шаг 2.

Работаем с изображением

Возьмите Инструмент Прямоугольник — Rectangle Tool (M) и кликните левой кнопкой мыши по монтажной области. В открывшемся окне введите значения ширина (Width) 150 пикселей и высота (Height) 100 пикселей и нажмите ОК. Затем измените заливку объекта на темно-оранжевый цвет (R = 179; G = 89; B = 36).

Шаг 3.

Работаем с изображением

При выделенном прямоугольнике перейдите в меню Эффект > Исказить и трансформировать > Трансформировать (Effect > Distort & Transform > Transform) и выставьте такие настройки:

Масштабирование: — По горизонтали (Scale — Horizontal) 100%; По горизонтали (Scale — Vertical) 100%

Перемещение: — По горизонтали (Move- Horizontal) 155 пикселей; По вертикали (Move-Vertical) 0 пикселей. Поставьте галочку в окошке Трансформировать объекты (Transform Objects), в поле Копии (Copies) введите 4. Затем нажмите ОК.

Шаг 4.

Работаем с изображением

Повторите действия, но уже с другими настройками: Масштабирование: — По горизонтали (Scale — Horizontal) 100%; По горизонтали (Scale — Vertical) 100%

Перемещение: — По горизонтали (Move- Horizontal) 75 пикселей; По вертикали (Move-Vertical) 55 пикселей. Поставьте галочку в окошках Отразить зеркально по оси Х (Reflect X) и Трансформировать объекты (Transform Objects), в поле Копии (Copies) введите 8. Нажмите ОК.

Шаг 5.

Работаем с изображением

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

Шаг 6.

Работаем с изображением

Измените цвет некоторых прямоугольников на более темный или более светлый оттенок, по сравнению с изначальным. Чтобы быстро изменить оттенки можете переключиться в цветовой режим HSB в панели Цвет (Color) и изменять цвет, двигая ползунки Насыщенность (Saturation) и Яркость (Brightness).

Шаг 7.

Работаем с изображением

В итоге должно получиться что-то вроде этого:

Шаг 8.

Работаем с изображением

Выделите все кирпичи, затем перейдите в меню Эффект > Стилизация > Скругленные углы (Effect > Stylize > Round Corners), введите значение Радиус (Radius) 5 пикселей. Нажмите ОК.

Шаг 9.

Работаем с изображением

Теперь выберите в меню Объект > Разобрать оформление (Object > Expand Appearance).

Шаг 10.

Работаем с изображением

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

Шаг 11.

Работаем с изображением

Выделите все объекты, затем перейдите в меню Объект > Узор > Создать (Object > Pattern > Make) – мы автоматически перейдем в режим Редактирования узора (Pattern Editing modе).

Шаг 12.

Работаем с изображением

Установите новые значения для ширины (Width) и высоты (Height) узора: 775 х 440 пикселей. Это действие удалит лишнее пространство по краям и преобразует кирпичи в бесшовный узор. В выпадающем меню Копий (Copies) поставьте 3х3, также поставьте галочки в окошках: Затенение копий на (Dim Copies to): 100%; Показать край элемента (Show Tile Edge) и Показать границы образцов (Show Swatch Bounds).

Шаг 13.

Работаем с изображением

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

Шаг 14.

Работаем с изображением

Поместите этот прямоугольник на задний план, нажав комбинацию клавиш Shift + Ctrl + [ .

Шаг 15.

Работаем с изображением

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

Шаг 16.

Работаем с изображением

Далее мы добавим немного деталей, чтобы наша стен выглядела более реалистичной. Уменьшите размеры некоторых из кирпичей, для этого возьмите Инструмент Прямое выделение — Direct Selection Tool (А), выделите точки на одной из сторон кирпича и переместите их с помощью стрелок на клавиатуре.

Шаг 17.

Работаем с изображением

Сделаем края некоторых кирпичей неровными. Чтобы изменить форму кирпичей, используйте Инструмент Карандаш — Pencil Tool (N).

Шаг 18.

Работаем с изображением

Итак, после изменения кирпичей, создания трещин и разломов, мои кирпичи выглядят вот так:

Шаг 19.

Работаем с изображением

В областях больших надломов вы можете добавить осколки кирпича, используя Инструмент Карандаш — Pencil Tool (N).

Шаг 20.

Работаем с изображением

Давайте представим, что некоторые кирпичи вдавлены в стену сильнее и на них, таким образом, будет тень от верхних кирпичей. Нарисуйте форму тени с помощью Инструмента Карандаш — Pencil Tool (N). Цвет тени выбирайте темнее, чем цвет самого кирпича.

Шаг 21.

Работаем с изображением

Далее нам нужно удалить лишнюю часть, выступающую за контур кирпича. Поскольку Инструмент Создание фигур — Shape Builder Tool (Shift + M) не работает в режиме редактирования узора, мы будем использовать панель Обработка контуров (Pathfinder).

Шаг 22.

Работаем с изображением

Скопируйте на передний план фигуру кирпича (Ctrl + C > Ctrl + F). Выделите копию кирпича и тень, затем кликните Пересечение (Intersect) на панели Обработка контуров (Pathfinder).

Шаг 23.

Работаем с изображением

Используя ту же технику, создайте тени и для нескольких других кирпичей.

Шаг 24.

Работаем с изображением

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

Шаг 25.

Работаем с изображением

Обычно кирпичи отличаются грубой фактурой, которую мы можем создать используя векторную текстуру. Для создания текстуры я использовал растровую текстуру высокого разрешения из набора, который есть в материалах к уроку.
Создайте новый документ, а затем поместите текстуру, перейдя в меню Файл > Поместить (File > Place).

Шаг 26.

Работаем с изображением

Откройте панель Трассировка изображения (Live Trace) – Окно > Трассировка изображения (Window > Live Trace), выберите в меню Режим (Mode): Черно-белое (Black and White), уменьшите параметр Изогелия (Threshold) до 75, откройте дополнительные опции и поставьте галочку в окошке Игнорировать белый цвет (Ignore White).

Шаг 27.

Работаем с изображением

Теперь нажмите кнопку Разобрать (Expand) на верхней панели управления.

Шаг 28.

Работаем с изображением

Используя Инструмент Лассо — Lasso Tool (Q) выделите часть векторной текстуры, которая вам больше нравится.

Шаг 29.

Работаем с изображением

Скопируйте эти объекты (Ctrl + C) и затем вставьте их (Ctrl + V) в документ с нашей кирпичной стеной. Чтобы получить темную фактуру, залейте объекты серым цветом и измените режим наложения на Умножение (Multiply) на панели Прозрачность (Transparency). Вы также можете корректировать интенсивность текстуры изменяя оттенок серого на панели Цвет (Color) и/или уменьшая Непрозрачность (Opacity) на панели Прозрачность (Transparency).

Шаг 30.

Работаем с изображением

Чтобы получить светлую фактуру, примените режим наложения Рассеянный свет (Soft Light) к объектам текстуры.

Шаг 31.

Работаем с изображением

Итак, наш бесшовный кирпичный фон готов, чтобы сохранить его на панели Образцы (Swatches) нажмите на кнопку Готово (Done) в верхней части рабочей области.

Шаг 32.

Работаем с изображением

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

Шаг 33.

Финальное изображение

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

Ссылка на источник

Пример HTML-страницы

Как сделать паттерн в Иллюстраторе

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

Скачать последнюю версию Adobe Illustrator

Что нужно для работы

В первую очередь вам понадобится изображение в формате PNG или хотя бы с однотонным фоном, чтобы его можно было легко убрать, сменив параметры наложения. Лучше всего, если у вас будет какой-нибудь векторный рисунок в одном из форматов Иллюстратора — AI, EPS. Если у вас есть только картинка в PNG, то её придётся переводить в вектор, чтобы можно было изменить цвет (в растровом виде можно только менять размер и разворачивать картинку).

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

Способ 1: простой паттерн из геометрических фигур

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

1. Откройте Иллюстратор и в верхнем меню выберите пункт «File», где нужно нажать на «New…» для создания нового документа. Однако гораздо проще использовать различные комбинации клавиш, в данном случае – это Ctrl+N.
2. Программа откроет окно настройки нового документа. Задайте размер, который считаете нужным. Размер можно задавать в нескольких системах измерения – миллиметрах, пикселях, дюймах и т.д. Цветовую палитру выбирайте в зависимости от того, будет ли ваше изображение где-либо печататься (RGB – для веба, CMYK – для печати). Если нет, то в пункте «Raster Effects» ставьте «Screen (72 ppi)». Если вы собираетесь печатать где-либо свой узор, то ставьте либо «Medium (150 ppi)», либо «High (300 ppi)». Чем больше значение ppi, тем качественнее получится печать, но и ресурсы компьютера при работе будут сильнее расходоваться.
3. Рабочая область по умолчанию будет белой. Если вас такой фоновый цвет не устраивает, то его можно поменять, наложив поверх рабочей области квадрат нужного цвета.
4. После наложения данный квадрат нужно изолировать от редактирования в панели слоёв. Для этого откройте вкладку «Layers» в правой панели (выглядит как два наложенных друг на друга сверху квадрата). В этой панели найдите недавно созданный квадрат и кликните по пустому месту, правее от иконки глаза. Там должна появится иконка замка.
5. Теперь можно приступать к созданию геометрического паттерна. Для начала нарисуем квадрат без заливки. Для этого в «Панели инструментов» выберите «Квадрат». В верхней панели настройте заливку, цвет и толщину обводки. Так как квадрат делается без заливки, то в первом пункте выберите белый квадрат, перечёркнутый красной линией. Цвет обводки в нашем примере будет зелёным, а толщина 50 пикселей.
6. Нарисуйте квадрат. В данном случае нам нужна полностью пропорциональная фигура, поэтому при растягивании зажмите Alt+Shift.
7. Чтобы с получившейся фигурой было удобнее работать, превратите её в полноценную фигуру (пока это четыре замкнутые линии). Для этого перейдите в «Object», что расположен в верхнем меню. Из выпавшего подменю кликните по «Expend…». После всплывёт окно, где вам нужно нажать «OK». Теперь вы получили полноценную фигуру.
8. Чтобы паттерн не выглядел слишком примитивно, нарисуйте внутри ещё один квадрат или любую другую геометрическую фигуру. В данном случае обводка не будет использоваться, вместо неё будет заливка (пока таким же цветом, как и более крупного квадрата). Новая фигура также должна быть пропорциональной, поэтому при рисовании не забывайте зажимать клавишу Shift.
9. Разместите маленькую фигуру в центре большого квадрата.
10. Выделите оба объекта. Чтобы это сделать, найдите в «Панели инструментов» иконку с чёрным курсором и с зажатой клавишей Shift нажмите на каждую фигуру.
11. Теперь их нужно размножить, чтобы заполонить всё рабочее пространство. Для этого изначально воспользуйтесь комбинациями клавиш Ctrl+C, а потом Ctrl+F. Программа самостоятельно выделит скопированные фигуры. Передвигайте их, чтобы заполнять пустующую часть рабочей области.
12. Когда вся область будет заполнена фигурами, то для разнообразия можно некоторым из них задать другой цвет заливки. Например, небольшие квадратики перекрасить в оранжевый цвет. Чтобы быстрее это сделать, выделите их все при помощи «Selection Tool» (чёрного курсора) и зажатой клавиши Shift. После выберите в параметрах заливки нужный цвет.

Способ 2: делаем паттерн при помощи картинок

Для этого понадобится скачать картинку в формате PNG с прозрачным фоном. Можно также найти картинку с однотонным фоном, но его придётся удалить перед тем, как векторизовать изображение. А инструментами Иллюстратора убрать фон у изображения невозможно, его лишь можно скрыть, поменяв вариант наложения. Будет идеально, если вы найдёте исходный файл изображения в формате Иллюстратора. В этом случае картинку не придётся векторизовать. Главная проблема – найти какие-либо подходящие файлы в формате EPS, AI в сети сложно.

Рассмотрим пошаговую инструкцию на примере картинки с прозрачным фоном в формате PNG:

1. Создайте рабочий документ. Как это сделать, описано в инструкции к первому способу, в пунктах 1 и 2.
2. Перенесите на рабочую область изображение. Откройте папку с изображением и перенесите его на рабочую область. Иногда такой способ не действует, в этом случае нажмите на «File» в верхнем меню. Появится подменю, где нужно выбрать «Open…» и указать путь к нужной картинке. Ещё можно воспользоваться комбинацией клавиш Ctrl+O. Изображение может открыться в другом окне Иллюстратора. Если это произошло, то просто перетащите его на рабочую область.
3. Теперь нужно при помощи инструмента «Selection Tool» (в левой «Панели инструментов» выглядит как чёрный курсор) выделить картинку. Для этого достаточно просто нажать на неё.
4. Сделайте трассировку картинки.
5. Иногда возле картинки может появиться белая область, которая при смене цвета зальётся и перекроет изображение. Чтобы этого избежать удалите её. Для начала выделите изображения и нажмите по нему ПКМ. В выпавшем меню выберите «Ungroup», а потом выделите фон у изображения и нажмите Delete.
6. Теперь картинку нужно размножить и заполнить ей всю рабочую область. Как это сделать, описано в пунктах 10 и 11 в инструкции к первому способу.
7. Для разнообразия скопированные картинки можно сделать разного размера при помощи трансформации.
8. Также для красоты некоторым из них можно изменить цвет.

Урок: Как сделать трассировку в Adobe Illustrator

Получившиеся паттерны можно сохранить как в формате Иллюстратора, чтобы вернуться к их редактированию в любой момент. Для этого перейдите в «File», нажмите «Save as…» и выберите любой формат Иллюстратора. Если же работа уже закончена, то можно сохранить её как обычную картинку.

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

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

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

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

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

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

Наконечник

Ниже инструмента 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), эту опцию можно включать/выключать в меню палитры.

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

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

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

Заливка цветом с помощью палитры «Образцы» (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)

Чтобы закрасить объект, откройте свою палитру «Образцы» (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:)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

Читайте также…

Как сделать листовку? | verovski

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

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

Что такое листовка?

Грубо говоря листовка это стандартный A4 лист, целью которого является донести до вас какую то информацию. Чаще всего речь шла об политическо-военной агитке, именно под это использовались листовки на заре 20го века. В последние годы листовки носят рекламный уклон, соперничая с флаерами и буклетами. От флаера листовка отличается тем, что флаер имеет массу размеров и форматов (чаще всего вытянутых). Листовка же в основном предоставлена в формате А4 или в А5 (А4 поделенный на 2).

Идея этого урока мне пришла в одном из местных супермаркетов. Мы закупали продукты и я наткнулся на следующую рекламную листовку.

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

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

Размеры листовки

О размерах листовки я уже говорил. Это обычный A4 лист, поэтому вы можете даже не утруждать себя поиском размеров а просто выбрать A4 из преднастроек Иллюстратора. Так же поставьте CMYK — это цветовая модель, которая имитирует цвета, которые будут отпечатаны на принтере. В растровых эффектах ставьте 300ppi. В режимах можно сразу поставить Overprint (не знаете что это? Читайте статью Что такое Overprint). В блидах ставим 3-4мм. Это будут наши края под резку.

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

Настраиваем цветовой профиль

Создав рабочую область неплохо бы посмотреть цветовой профиль в котором мы работаем. Сделать это можно в Edit > Color Settings. В диалоговом окне нужно выбрать цветовой профиль, на основе которого работает типография, в которой вы будете печатать листовку. В обратном случае у вас могут получиться иные оттенки. Я традиционно работаю в цветовом профиле Euroscale Coated v2, так как именно в нем работает типография, в которой мы печатаем большую часть материалов. Если вы не знаете где будет печататься дизайн, у вас нет возможности узнать, то просто ставьте общие европейские настройки Europe General Purpose 3.

Создаем дизайн листовки

Для дизайна листовки прежде всего создадим игривый задний фон. Выберите инструмент Line Segment Tool и нарисуйте простую черту от центра листа к верхней части. Чтобы нарисовать линию ровно нажмите SHIFT или воспользуйтесь умными направляющими View > Smart Guides.

В выбираем черный цвет окантовки, и ширину 70-80pt. Жирная черта. Теперь изменим форму окантовки. Выберите остроконечную. Чтобы развернуть её в другую сторону инвертируйте форму в окошке Stroke.

Разложите получившуюся фигуру на кривые Object > Expand / Expand Appearance . Наконец, примените к фигуре живой эффект Effects > Distort & Transform > Twist

Проворачиваем фигуру по кругу

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

Выберите инструмент Rotate Tool нажмите ALT и кликните в основание фигуры. Так вы устанавливаете ось прокрутки. Вместе с этим появится и диалоговое окно прокрутки. В нем установите 15 градусов и нажмите Copy. После нажимайте CTRL+D — это будет повторять последнюю операцию. Нажимайте CTRL+D пока не замкнется круг.

Выделите все объекты инструментом Selection Tool и нажмите Ctrl+G чтобы сгруппировать их в один объект. Нарисуйте так же прямоугольник инструментом Rectangle Tool. Эту фигуру можно поместить под лучи и окрасить в другой цвет на время. На панели слоев у вас должно быть два объекта.

Создаем градиенты и маску

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

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

Сделав это, настройте цвет нашего градиента на панели Gradient, кликая по ползункам с цветом. Тоже самое проделайте с градиентом прямоугольника.

Я хочу создать ещё один дополнительный источник света. Нарисуйте еще один прямоугольник поверх всех фигур. Задайте ему полупрозрачный радиальный градиент. От белого, прозрачного цвета, к желтому. Для настройки прозрачности нужно поставить Opasity 0% ниже ползунков с цветом.

Теперь настройте режимы наложения. На панели Transparency выберите режим наложения Overlay, кроме этого можно поиграть с прозрачностью слоя.

Наконец выберите все три фигуры и нажмите CTRL+G чтобы сгруппировать их. Выше нарисуйте новый прямоугольник. Затем опять выберите и этот прямоугольник и фигуру заднего фона. Нажмите Edit > Clipping Mask > Make или Ctrl+7

Нижняя часть дизайна листовки

Теперь перейдем к нижней части заднего фона. Нарисуйте новый прямоугольник. Пусть он немного накладывается на верхнюю часть. Выберите инструмент Pen Tool, наведите на контур фигуры и поставьте дополнительную точку.

Выберите инструмент Convent Anchor Point Tool и перенастройте вектора точек. Для центральной точки создайте широкие вектора. Это обеспечит плавность изгиба. А для угловой точки угловые направляющие вектора. Далее инструментом Direct Selection Tool поднимите угловую точку выше.

Теперь продублируйте фигуру. Выберите Selection Tool, нажмите ALT, кликните по фигуре и немного протащите её вниз удерживая ALT. Так вы продублируйте фигуру. Её залейте черным цветом.

Снова продублируйте фигуру и протащите её вниз. Залете на этот раз зеленым цветом. Поиграйте немного с точками изгиба инструментом Direct Selection Tool. Для красоты нижние точки можно тоже сдвинуть к границе блидов. Дизайн заднего фона нашей листовки официально закончен.

Линии реза и блиды листовки

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

Создаем логотип для листовки

Понятно, что у создателей листовки был логотип в готовом виде, который они доработали. Мы могли бы найти его в интернете, но я не буду тратить на это время и просто напишу Kinder обычным шрифтом. Выберите Arial или что вам удобнее. Написав слово, я выделю все буквы кроме «К» и окрашу их в оранжевый C0M70Y100K0, а черную букву  соответственно в C0M0Y0K100.

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

После увеличивайте толщину окантовки в этой же панели, пока не будет похоже как на картинке ниже.

В принципе логотип можно сразу разложить на кривые Object > Expand или Expand Appearance — нажимайте эту команду несколько раз до победного конца, пока Иллюстратор полностью не разложит букву на кривые, включая окантовку. Так вам будет проще рисовать следующие части логотипа, цепляясь за кривые окантовки.

Я так же уменьшил расстояние между буквами. Это я сделал на панели Character. Теперь выбираем инструмент Rounded Rectangle Tool и рисуем прямоугольник с овальными краями. Начинайте рисовать прямоугольник и во время этого, не отпуская мышку примените следующий трюк. Нажимайте стрелочки «Вверх» и «Вниз» на клавиатуре. Это будет увеличивать и уменьшать степень округлости краев прямо на лету.

Наконец мы перейдем к интересной части, растровой графике в Иллюстраторе.

Растровая графика

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

Выберите инструмент Pencil Tool и нарисуйте волнистую линию. Если у вас получилось слишком грубо, уменьшите количество точек через Object > Path < Simplify. Это сгладит линию. Так же можно поработать инструментом Smooth Tool. Он тоже сгладит кривую. Теперь выберите инструмент Pen Tool, и кликните по последней точке кривой. Продолжите рисовать фигуру, пока не нарисуете небольшой прямоугольник.

Скопируйте получившуюся фигуру. Перейдите в Фотошоп. Нажмите File > New и сделайте CTRL+V в новую рабочую область. В появившемся окне выберите Smart Layer. Если все правильно, то рабочая область должна получиться таких же размеров как объект, который вы скопировали, с разрешением в 300dpi. Если этого не случилось исправьте размеры сами 72 на 300dpi. Фигура должна сесть один в один в рабочую область. Так же поставьте CMYK как цветовой режим.

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

Теперь я сделаю двойной клик по векторному Smart слою, и в диалоговом окне стилей слоя применю внутреннюю тень. Сделайте её помягче, направьте внутрь, поставьте слабую прозрачность.

Нормально, но теперь тень вылезает и с правого края. Вы можете просто скрыть это обычной белой кистью. Сделайте выделение фигуры, нажмите CTRL и кликните по иконке слоя. Появится выделение. Теперь создавайте обычный пустой слой и белой кистью Brush Tool просто закрасьте ненужную область.

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

Сохраняйте графику. Открывайте Иллюстратор, File > Place и выбирайте фаил. Сохранять фаил нужно конечно в формате Фотошопа со всеми слоями и настройками PSD.

Первоначальную фигуру, из которой мы сделали тень я удалил. Ну а теперь осталось только продублировать самый первый овальный прямоугольник. Для этого кликните по нему на панели слоев и начните перемещать. Во время перемещения нажмите CTRL, это продублирует фигуру. Продублированную фигуру окрасьте в оранжевый, а инструментом Direct Selection Tool сдвиньте верхние точки кривой ниже.

Воссоздаем слоган листовки

У логотипа есть соответствующий слоган. Опустим его дизайнерские достоинства. На мой взгляд и шрифт не тот, и стилями переиграли. Просто воссоздадим его. Для этого нам понадобится панель Appearance. Я написал текст похожим шрифтом. Теперь выделите текст и откройте панель Appearance. На панели у вас пустая область и вкладка Characters.

Characters — это содержание объекта. То есть сами буквы. По умолчанию они черные. Содержание необходимо так как каждую букву можно залить разным цветом. Нам это как раз не нужно. Нам нужно применять цвет к надписи в целом, как к объекту. Поэтому можете сразу кликнуть по Characters, зайти внутрь, обнулить цвет, и вернуться назад, кликнув по надписи Type в этом же окне.

Теперь начинайте создавать заливки. Создайте первую оранжевую.

Затем создайте черную заливку и поместите её под оранжевую. Чтобы она выступала мы применим к неё эффект Effect > Distort & Transform > Transform. В диалоговом окне устанавливаем параметры сдвига в низ и в левую область. Однако это не все. Если вы заметили, то заливка не просто смещена вниз, но и связана с углами надписи, она как бы трехмерна. Чтобы добиться такого же эффекта, установите количество копий, от 50 до 200. Чем больше копий, тем меньшее значение в расстоянии между копиями вам придется поставить.

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

Наконец, создайте последнюю область заливки серого цвета. Примените к ней живой эффект Effect > Path > Offset Path. Этот эффект сдвигает контур фигуры по типу окантовки внутрь или наружу. Увеличивайте фигуру. Затем примените Effect > Distort & Transform > Transform и немного сдвиньте в нижний левый бок. Понятно, чтобы применить эффект к конкретной заливке вам нужно выделить и надпись, и эту заливку на панели Appearance. В итоге получается структура, похожая на слои в Фотошопе, где к каждому слою, а в нашем случае к заливке, прикреплен какой то эффект.

Осталось только написать ещё пару надписей. К ним мы применим другой эффект Effect > Stylize > Drop Shadow

Растровые объекты в Иллюстраторе

Давайте сразу наметим примерный размер растровых элементов на нашем макете. Для этого я просто создам несколько квадратиков инструментом Rectangle Tool.

Теперь я скопирую один из квадратиков. В Фотошопе создам новый фаил и сделаю Paste на новую рабочую область. Фотошоп сразу определит размер квадратика и создаст рабочую область точно такого же размера с 300dpi. На этом роль прямоугольника кончается. Главное, вы имеете точные размеры области, которую будут занимать ваши майки, футболки и кроссовки. Впрочем, это имеет смысл, если ваша графика меньшего размера. Тогда вы с точностью до миллиметра будете видеть, на сколько её придется увеличить. А увеличив, сможете немного обработать, чтобы сгладить потерю качества.

Если графика больше, вы можете не беспокоиться о правильном размере. Просто поменяйте разрешение на 300dpi в имеющемся фаиле, обработайте его, замаскируйте задний фон и так далее. Подготовить фаил большего размера может оказаться очень полезно. Так как в ходе утверждения макета вас могут попросить увеличить графику, и тогда придется все делать сначала. С другой стороны размер и не должен быть слишком большим. Не больше чем 100% от оригинального размера. Если вы будете уменьшать графику в 2 раза прямо в иллюстраторе, сохраняя размер, это перегрузит фаил.

В любом случае, вы можете отталкиваться от оригинального размера, который мы только что наметили. И если ваша графика значительно больше, вы можете даже увеличить рабочую область на 20%-30%, чтобы иметь запас качества.

Теперь я просто перенесу графику на нашу рабочую область. Инструментами Lasso или Magic wand обрежу белый фон. Цветовой режим CMYK. Слой Background удаляем. Сохраняем фаил в PSD и импортируем через File > Plase в Иллюстратор на нашу листовку.

Что ещё?

Остались мелочи, вроде ценников, которые я нарисовал обычным Ellipce Tool, задав черную заливку и белую окантовку. В качестве эффекта я применил  Effect > Stylize > Drop Shadow. Надписи, подписи и все. Наша листовка закончена. Переходим к сохранению.

Возможно вы захотите прикрепить растровую графику к фаилу Иллюстратора. Ведь она не очень большого размера. К чему вам свита из десятка мелких растровых фаилов привязанных через ссылку? Прикрепить графику в фаил можно кликнув по растровой картинке и нажать в меню выше кнопочку Embed.

Сохранение листовки для типографии

Сохранение листовки зависит от  требований типографии. Если от вас требуется EPS, надо сохранять в EPS, если хотят AI надо сохранять в AI. В этом случае вам конечно нужно перевести весь текст в кривые или предоставить типографии ваши шрифты. Впрочем возиться со шрифтами они скорее всего не захотят, а перевести в кривые текст можно через Text > Create Outlines.

Я буду сохранять в PSD, не зря же мы устанавливали блиды. В главном окне выбирайте режим PDF/X-1a:2001. Это распространенный стандарт печати, которого придерживаются большая часть типографий.

Во вкладке Bleeds установите следующие галочки. Поставьте Trim Marks — это линии реза. И установите линии реза, настроенные в документе.

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

Скачать фаил

Спасибо за внимание и удачных экспериментов.

Скачать листовку в формате AI

Автор:

Дмитрий Веровски

Как в иллюстраторе белый фон сделать прозрачным. Делаем прозрачный PNG в Illustrator. Настройка непрозрачности для векторных объектов

Как сделать PNG с прозрачностью в Adobe Illustrator? Очень просто. Открываем нужный файл и заходим в меню File > Save for Web & Devices (Alt+Ctrl+Shift+S). В открывшемся окне в списке Optimized file format выбираем PNG и отмечаем флажок Transparency (Прозрачность).

Затем определяем, какие цвета будут прозрачными. Все цвета, присутствующие в изображении, содержатся во вкладке Color Table (Таблица цветов) и отображаются в виде цветных квадратиков. Выбираем в панели инструментов в левой части окна инструмент Eyedropper (пипетка).

Определить цвета можно двумя способами. Проще всего указать цвет пипеткой непосредственно на изображении — после этого цвет выделится на таблице цветов темной обводкой. Если вы точно знаете, какой цвет должен быть прозрачным, можно выделить его прямо на таблице цветов, нажав соответствующий цветной квадратик. И в первом и втором случае при необходимости выбора нескольких цветов нужно работать с нажатой клавишей Shift (или Ctrl). Теперь сделаем выбранные цвета прозрачными. Для этого нажимаем иконку Maps selected colors to Transparent (Сделать выбранные цвета прозрачными). На верхнем рисунке эта иконка обведена кружком, и красный цвет выбран прозрачным. На изображении появится прозрачная область, а квадратик на таблице цветов изменит свой вид — часть его станет белым треугольником. Повторное нажатие на иконке Maps selected colors to Transparent отменит прозрачность выбранного цвета.

Несколько слов о способе задания прозрачности. За него отвечает выпадающее меню Specify Transparency Dither Algorithm , по-русски — Алгоритм имитации прозрачности (рис. внизу). Можно сделать четыре выбора: No Transparency Dither — нет алгоритма, Diffusion Transparency Dither — диффузный алгоритм, Pattern Transparency Dither — алгоритм на основе узора и Noise Transparency Dither — алгоритм на основе шума. В режиме диффузного алгоритма становится активным ползунок Amount (Величина), позволяющий менять значение диффузии. Что применять на практике? В зависимости от цели и изображения. Я же всегда оставляю по умолчанию — No Transparency Dither.

Нажимаем Save — прозрачный PNG готов. Работа производилась в Adobe Illustrator версии CS4, но все действия и клавиатурные сокращения актуальны и для более ранних версий.

Если изображение имело четкие границы, то дальнейшей обработки не требуется. В случае использования теней либо если границы прозрачности не совсем четкие иногда приходится повозиться, заново открыв созданный прозрачный PNG в Photoshop и стирая резинкой по одному пикселю границы изображения. В случае, если прозрачный PNG сделан кем-то другим, а вам нужно использовать его и при этом цвет фона изображения существенно отличается от цвета фона web-страницы, то такая обработка краев просто необходима. Придется инструментом Pencil выравнивать по краям цвета, подбирая близкие к фону страницы. При этом необходимо перед обработкой перевести изображение в RGB, а по окончании ее — обратно в индексированные цвета. На рисунках показано, как это делается. Первый рисунок — прозрачный PNG, приготовленный для красного фона (на белом фоне видна грубая красная граница), второй — увеличенная граница, полностью убрав которую получим «зубцы».

Я нашел бесплатное изображение SVG в сети. Я экспериментирую с веб-дизайном с использованием SVG . У меня проблема в том, что фон SVG белый.

Как удалить / удалить белый фон, используя Adobe Illustrator?

Ответы

Brendan

Попробуйте инструмент «Прямой выбор» (сочетание клавиш A или белый указатель мыши на панели инструментов) и посмотрите, сможете ли вы щелкнуть по нему.

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

Omne

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

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

Я не понимаю, почему инструмент волшебной палочки не работает для вас, если это единственный объект белого цвета, который должен был работать…

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

Поскольку это SVG без лицензионных платежей, было бы полезно, если бы вы дали нам ссылку.

Jamix

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

Machei

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

sponk.pl/svg-edit-colors/

Kurt

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

Machei

Извините, я не успел это объяснить. Мой инструмент был создан 2-3 дня назад, вы можете удалить фон (или другой элемент) указанного цвета с помощью редактора растровой графики. Также я загрузил учебник на YouTube.

answeru

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

Программа «фотошоп» позволяет не только отредактировать и устранить дефекты на фото, но изменить изображение до неузнаваемости. Одним из интересных эффектов является смена цвета глаз. Вам понадобится- фотошоп;- выбранная…

У каждого человека есть фотографии, которые помогают воскресить в памяти самые интересные, важные, фееричные моменты жизни. И в наше время часть таких изображений хранятся в электронном варианте. Что дает возможность изменить что-то в них,…

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

Очень часто при обработке изображений возникает необходимость удалить какой-то фрагмент или, наоборот, добавить. Возможно, эта деталь украсит другой рисунок, или же она стала лишней на исходной картинке. Photoshop предлагает несколько способов…

Каждый пользователь такого программного продукта, как Adobe Photoshop, знает, что в этой программе при желании и умении можно создать что угодно: ретушировать фотографии, создавать объемные изображения и т.д. Лучшим подарком на день Святого…

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

Удаление фона с портрета или фотографии объекта производят, если он загромождает снимок либо если нужно перенести объект на другой фон. Осуществить эту операцию можно при помощи растрового графического редактора, например, GIMP. Инструкция …

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

Adobe Photoshop является одной из самых распространенных программ для обработки изображений. С его помощью можно изменить внешность, фигуру, и даже «поменяться телами». Данное приложение дает невообразимые просторы для творчества. …

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

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

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

В большинстве случаев не только на любительских, но и на профессиональных фотоаппаратах кадры получаются своеобразным полуфабрикатом – для того, чтобы добиться максимального качества и красоты изображения, фотографии нужно ретушировать, выравнивая…

О сведении прозрачности

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

Сведение может потребоваться при печати, а также при сохранении или экспорте в другие форматы, не поддерживающие прозрачность. Если при создании файла PDF нужно сохранить прозрачность без сведения, сохраните файл в формате Adobe PDF 1.4 (Acrobat 5.0) или более поздней версии.

Примечание.

Обработку прозрачности невозможно отменить после сохранения файла.

При сведении наложенные друг на друга изображения разделяются

Примечание.

Дополнительную информацию о проблемах с прозрачностью при выводе см. на странице «Print Service Provider Resources» в Adobe Solutions Network (ASN) (только на английском языке), доступной на веб-сайте Adobe .

Форматы файлов с поддержкой прозрачности

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

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

Исходные данные о прозрачности сохраняются в следующих форматах:

AI9 и более поздних версий

AI9 EPS и более поздних версий

PDF 1.4 и более поздних версий (если установлен флажок «Сохранять возможность редактирования в программе Illustrator»)

Illustrator выполняет сведение иллюстрации при выборе любой из следующих операций.

Печать файла с прозрачностью.

Сохранение файла с прозрачностью в старых форматах, например Illustrator 8 и более ранних версий, Illustrator 8 EPS и более ранних версий или в формате PDF 1.3 (для форматов Illustrator и Illustrator EPS можно выбрать отмену прозрачности, а не сведение).

Экспорт файла с прозрачностью в векторный формат, не поддерживающий прозрачность (например, EMF или WMF).

Копирование и вставка объектов с прозрачностью из Illustrator в другое приложение с установленными флажками «AICB» и «Сохранять оформление» (в разделе «Обработка файлов и буфер обмена» диалогового окна «Установки»).

Экспорт в формат SWF (Flash) или использование команды «Обработка прозрачности» при установленном флажке «Сохранять альфа-прозрачность». Эта команда позволяет предварительно просмотреть, как будет выглядеть иллюстрация после экспорта в формат SWF.

Примечание.

Подробнее о создании и печати файлов с прозрачностью см. документ «Прозрачность» в папке «Technical Info/White Papers» на компакт-диске Illustrator. Дополнительную информацию о печати и сведении файлов с прозрачностью можно также найти в форуме пользователей Adobe Illustrator. Это открытый форум с множеством советов и ответов на вопросы, расположенный по адресу www.adobe.com/support/forums.

Настройка параметров сведения прозрачности для печати

Выберите команду «Файл» > «Печать».

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

Выберите стиль обработки в меню «Стиль» или нажмите «Заказной» для задания параметров сведения.

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

Примечание.

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

Параметры сведения прозрачных областей можно задать при создании, изменении или просмотре стилей сведения в приложениях Illustrator, InDesign или Acrobat.

Параметры подсветки (просмотр)

Нет (просмотр в цвете)

Отменяет просмотр.

Растрировать сложные области

Выделяет области, которые будут растрированы для повышения производительности (в зависимости от положения ползунка «Растры/векторы»). Учтите, что на границе области света больше вероятность появления нежелательного эффекта швов (в зависимости от настроек драйвера принтера и разрешения растрирования). Чтобы свести к минимуму проблемы, связанные с эффектом швов, установите параметр «Выполнить обтравку сложных областей».

Прозрачные объекты

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

Все затронутые объекты

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

Затронутые связанные файлы EPS (только в Illustrator)

Выделяет все связанные файлы EPS, на которые влияет прозрачность.

Обрабатываемые изображения (только в InDesign)

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

Разобранные узоры (Illustrator и Acrobat)

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

Обводка в кривых

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

Текст, преобразованный в кривые (Illustrator и InDesign)

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

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

Текст и контуры с растровой заливкой (только в InDesign)

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

Все растрированные области (Illustrator и InDesign)

Выделяет объекты и пересечения объектов, которые будут растрированы, поскольку нет другого способа представления их в PostScript или сложность их структуры превышает пороговое значение, установленное ползунком «Растры/векторы». Например, пересечение двух прозрачных градиентов всегда будет растрироваться, даже если значение «Растры/векторы» равно 100. При установленном параметре «Все растрированные области» также отображаются растровые изображения (например, файлы Photoshop), в которых есть прозрачность, а также эффекты растрирования — тени и растушевка. Обратите внимание, что этот параметр требует больше времени для обработки, чем другие.

Параметры стиля обработки прозрачности

Имя/стиль

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

Баланс растровой/векторной графики

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

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

Разрешение для штриховых и текстовых объектов

Растрирует все объекты, включая изображения, векторные графические объекты, текст и градиенты с применением выбранного разрешения. Acrobat и InDesign позволяют использовать максимальное разрешение 9600 пикс/дюйм для векторного объекта и 1200 пикс/дюйм для сетчатого градиента. Illustrator позволяет использовать максимальное разрешение 9600 ppi как для штриховых объектов, так и для сетчатого градиента. Разрешение влияет на точность областей пересечения при сведении. Разрешение векторных объектов и текста должно быть в пределах от 600 до 1200 пикс/дюйм для высококачественного растрирования, особенно при использовании шрифтов с засечками или малого размера.

Разрешение для градиента и сетки

Определяет разрешение градиентов и сетчатых объектов программы Illustrator, растрированных в результате сведения прозрачности. Диапазон значений — от 72 до 2400 пикс/дюйм. Разрешение влияет на точность областей пересечения при сведении. Разрешение для градиента и сетки должно быть в промежутке от 150 до 300 пикс/дюйм, так как качество градиентов, теней и растушевки не улучшится при более высоком разрешении, но время печати и размер файла увеличатся.

Преобразовать весь текст в контуры

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

Преобразовать все обводки в контуры

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

Вырезать сложные участки

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

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

(Только в Illustrator) Сохранять альфа-каналы (только в диалоговом окне «Обработка прозрачности»)

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

(Только в Illustrator) Сохранять плашечные цвета и наложение цветов (только в диалоговом окне «Обработка прозрачности»)

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

Сохранять наложение (только в Acrobat)

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

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

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

Примечание.

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

Отображение палитры (или диалогового окна) «Сведение прозрачности»:

• В приложении Illustrator выберите команду «Окно» > «Просмотр результатов сведения».

  В приложении Acrobat выберите команду «Инструменты» > Допечатная подготовка > «Сведение прозрачности».

  В приложении InDesign выберите команду «Окно» > «Вывод» > «Сведение прозрачности».

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

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

Примечание.

(Illustrator) Если параметры сведения недоступны, выберите для их отображения команду «Показать параметры» из меню палитры.

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

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

Примечание.

Чтобы увеличить изображение, в приложениях Illustrator и Acrobat щелкните область предварительного просмотра. Чтобы уменьшить масштаб вывода, щелкните область предварительного просмотра, удерживая клавишу Alt или Option. Для панорамирования предварительного просмотра нажмите клавишу «Пробел» и перетащите указатель мыши в области просмотра.

Обзор палитры «Просмотр результатов сведения»

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

A. Меню палитры B. Кнопка «Обновить» C. Меню «Выделение» D. Меню «Наложение» E. Параметры обработки прозрачности F. Область предварительного просмотра

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

Примечание.

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

Сведения о стилях обработки прозрачности

Если приходится регулярно печатать или экспортировать документы, содержащие прозрачность, то сведение прозрачности можно автоматизировать. Для этого нужно сохранить соответствующие параметры в стиле обработки прозрачности . Можно затем применять эти параметры для вывода на печать, а также для сохранения и экспорта файлов в форматы PDF 1.3 (Acrobat 4.0), EPS и PostScript. Кроме того, в приложении Illustrator их можно применять при сохранении файлов для более ранних версий Illustrator или при копировании их в буфер обмена, а в приложении Acrobat их также можно применять при оптимизации PDF-файлов.

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

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

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

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

Способ 1

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

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

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

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

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

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

Есть еще одна полезная команда для удаления каймы: Слой — Обработка краев — Убрать кайму .

Способ 2 Выделение фона при помощи инструмента Волшебная палочка .

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

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

Как и с волшебным ластиком, обратите внимание на параметры допуска и смежных пикселов. Они работают аналогично.

Способ 3

Вкратце это выглядит так:

1. У нас есть изображение. Хотим убрать все белое, чтобы остался только прозрачный фон.

2. Создаем дубликат синего канала. Нажимаем Ctrl+L. Появилось окно Уровни. Начинаем двигать ползунки так, чтобы все серое стало максимально близким к черному. Другими словами, нужно добиться такого результата, чтобы то, что хотим удалить, стало белым, а остальное черным.

3. Теперь кликаем по миниатюре созданного нами дубликате канала с зажатой клавишей Ctrl. Появилось выделение. Скорее всего, выделение придется инвертировать — нажимаем Shift+Ctrl+I. Теперь можно либо нажать Backspace, чтобы удалить лишнее, либо создать дубликат слоя, нажав Ctrl+J, чтобы перенести выделение на новый слой. На своем примере я добавил текстуру, вот как получилось:

Способ 4

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

Итак, на рисунке ниже, слева мы имеем все того же рыцаря, а справа текстуру.

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

Сейчас исправим. К верхнему слою (с текстурой) добавим слой-маску. Взяв инструмент Кисть, начинаем стирать текстуру с видимых мест. Аккуратно, не спеша, в результате получилось так:

Как добавить цвет фона к образцу узора в Illustrator

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

Как добавить цвет фона к образцу узора в Illustrator

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

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

• 00:29 Создайте простой узор с помощью инструмента создания узоров в Illustrator CS6 или более поздней версии
• 01:14 Поймите, почему ваш узор выглядит сквозь
• 01:48 Добавьте цвет фона самым простым и эффективным способом в режиме редактирования узора
• 02:35 Убедитесь, что цвет фона не обрезает и не скрывает ваши мотивы.

Внимание: мы используем файлы cookie, чтобы персонализировать ваш опыт и отслеживать, как вы взаимодействуете с нашим сайтом, чтобы лучше обслуживать вас. ОК подробнее

Получите бесплатное руководство по созданию профессионального портфолио всего за ОДИН уикенд

---

ХОЧУ МГНОВЕННЫЙ ДОСТУП 👇

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

3 шага, чтобы сделать монтажную область прозрачной в Adobe Illustrator

Ваш артборд прозрачен! Даже если вы видите белый фон на своем артборде, на самом деле его не существует. Если вы не добавляете к нему никакого цвета, он на самом деле прозрачный. Так почему он белый? Честно говоря, понятия не имею.

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

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

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

Примечание: все скриншоты взяты из версии Adobe Illustrator CC 2021 для Mac.Windows или другие версии могут выглядеть иначе.

Как показать прозрачную сетку

Я использую версию Adobe Illustrator CC 2021, поэтому на панели «Свойства » есть опция> Линейка и сетки , по которой я могу щелкнуть и сделать монтажную область прозрачной.

Если этот параметр недоступен в вашей версии Illustrator, вы можете перейти в верхнее меню и выбрать Просмотр > Показать прозрачную сетку .Или вы можете использовать сочетание клавиш Shift + Command + D .

Теперь фон артборда должен быть прозрачным.

Каждый раз, когда вы хотите снова отобразить белый фон, вы можете щелкнуть тот же значок на панели Properties , вернуться в меню просмотра и выбрать Hide Transparent Grid или использовать ту же комбинацию клавиш.

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

Не знаете, как это работает? Я объясню прямо сейчас.

Как сохранить иллюстрацию с прозрачным фоном

Зачем сохранять изображения без цвета фона? Причина номер один в том, что вектор поместится в другие изображения без отображения цвета фона. Самый простой пример — логотип.

Например, я хочу разместить логотип IllustratorHow на изображении, я должен использовать png с прозрачным фоном вместо jpeg с белым фоном.

Понимаете, о чем я?

Примечание. Когда вы сохраняете файл как jpeg , даже если вы не добавляли цвет фона, фон будет белым.

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

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

Шаг 1: Перейдите в верхнее меню и выберите Файл > Экспорт > Экспорт как .

Шаг 2: Переименуйте файл, выберите место для его сохранения и измените формат на PNG (png) . Установите флажок Use Artboards и щелкните Export .

Шаг 3: Измените цвет фона с на Прозрачный . Вы можете изменить разрешение соответствующим образом, но по умолчанию Screen (72 ppi) вполне подходит для разрешения экрана.

Нажмите ОК , и ваше изображение с прозрачным фоном будет сохранено. Теперь вы можете использовать его на других изображениях.

Часто задаваемые вопросы

Возможно, вас также заинтересуют ответы на эти вопросы, связанные с фоном монтажной области.

Как изменить цвет фона монтажной области в Illustrator?

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

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

Можно ли удалить фон в Illustrator?

Удалить фон изображения в Illustrator не так просто, как в Photoshop. На самом деле инструмента для удаления фона нет, но вы можете удалить фон, сделав обтравочную маску.

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

Заключение

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

Около июня Escalada

Окончил специальность «Креативная реклама», более восьми лет проработал графическим дизайнером, специализируясь на брендинге и иллюстрации. Да, Adobe Illustrator — мой лучший друг, и я увлечен искусством и дизайном.

Как удалить фон в Adobe Illustrator

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

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

1. Использование обтравочной маски

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

   — Используйте инструмент «Масштаб», чтобы приблизиться к изображению, чтобы очертить его. Если изображение простое, вы можете использовать инструмент Magic Wand.

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

   — Выберите изображение и контур, которые вы только что создали, а затем щелкните правой кнопкой мыши, чтобы увидеть меню.Выберите обтравочную маску. Фон исчезнет как по волшебству.

2. Использование Image Trace

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

   — Выберите нужное изображение и поместите его на монтажную область. Если изображение очень большое, Illustrator попросит вас растрировать его или просто сделает это за вас.

   — Щелкните Image Trace. В разделе «Режим» щелкните «Цвет». Установите цвет на 16 или выше. Нажмите «Трассировка» в правом нижнем углу, чтобы отсканировать изображение и создать контуры, которые можно преобразовать в векторные объекты.

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

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

   — S выберите ненужные фоновые изображения одно за другим и нажмите «Удалить», чтобы избавиться от них.Если вы хотите удалить сразу несколько, удерживайте клавишу Shift, нажимая на них. Чтобы удалить все нажатые, нажмите «Удалить».

3. Использование функции выбора

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

   Использование функции выбора позволит Illustrator выполнить большую часть работы.

   — Обведите изображение. Разверните изображение, и оно будет разделено в соответствии с разными цветами в нем.

   — Выберите цвет фона, который вы хотите удалить. Выберите >> Цвет заливки. Вы увидите, что были выбраны похожие цвета. Нажатие «Удалить» избавит их от всех.

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

Как получить Adobe Illustrator?

Вы должны подписаться на Adobe Creative Cloud , чтобы загрузить и использовать Adobe Illustrato r.Для одного приложения это стоит 20,99 долларов в месяц за индивидуальную подписку. Для всех приложений это стоит 52,99 доллара в месяц. Доступна бесплатная 30-дневная пробная версия.

Deep Tuts | Как создать геометрический фон в Adobe Illustrator. »Deep Tuts

---

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

Шаги по созданию геометрического фона

Шаг 01 — Создайте новый файл с «цветовым режимом RGB », создайте прямоугольник для градиентного фона.

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

Шаг 02 — Создайте круг, заполните градиент, сделайте непрозрачность внешней стороны 0% и измените форму.

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

Внешняя часть прозрачная, также примените « Transparency Multiply ».

Шаг 03 — Уменьшить высоту тени

Замаскируйте его : Создайте прямоугольник над ним, который закроет только половину нижней части, чтобы замаскировать его. «Объект — Обтравочная маска — Марка ».

Это выглядит примерно так.

Step 04 — Слегка поверните его, сделайте больше копий и поместите в другую часть креатива. После этого сделайте прямоугольник по размеру документа и замаскируйте все слои. Это первый эффект нашего геометрического фона

Замаскируйте это тоже.

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

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

Шаг 06 — Следующий шаг — создать полосы последовательности в фоновом режиме, которые заполняются градиентным цветом. сделайте очень тонкую прямоугольную форму и увеличьте ее в соответствии с высотой документа, занимающего всю страницу, чтобы сделать несколько его копий, которые я использую, «Эффект — Искажение и преобразование — Преобразование ».

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

Накройте это примерно так.

« Object> Expend Appearance », это займет всю графику, теперь вы можете щелкнуть каждую строку и отредактировать, если хотите.

> Теперь пришло время преобразовать все эти строки в один графический объект « Object> Compound Path> Make ».

Шаг 06 — Теперь заполните градиент, градиентную заливку и обработайте его как единый объект.

> Замаскируйте это тоже. Это третий эффект геометрического фона, мы также можем добавить больше.

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

Спасибо.

Некоторые другие руководства по созданию узоров и фонов:
Создание геометрического фона шестиугольника в Adobe Illustrator двумя разными способами
Как создать геометрический фон в Adobe Illustrator с помощью инструмента «Многоугольник»
Как создать фон гор в Adobe Illustrator
Как создать солнечный луч эффект фона в иллюстраторе за минуту
Как создать эффект вырезания из бумаги в Adobe Illustrator
Как создать узор с линейными волнами в Adobe Illustrator
Как создать бесшовный узор в иллюстраторе и сделать свою библиотеку узоров для будущего использования.
Как создать узор пирамиды в Adobe Illustrator
Как создать красочные градиентные волны в Adobe Illustrator
Как нарисовать точечный полутоновый узор в Adobe Illustrator
Как создать геометрический узор изометрического куба в Adobe Illustrator

——————————-
Посмотрите это руководство на Youtube
https://youtu.be/lmhlQA5pdrc
——————————-
☆☆☆ ПОДПИШИТЕСЬ на наш канал YouTube для больше видеоуроков:
http://bit.ly/2Nmn2Dn
——————————-
☆☆☆ ПОСМОТРЕТЬ больше видео и БЕСПЛАТНЫХ уроков:
http: // bit.ly / 2IXX4Sk
——————————-
Учебные плейлисты (Youtube)
Adobe Illustrator: http://bit.ly/2XlYP4I
Adobe Photoshop: http://bit.ly/2xo0bfu
—— ————————-
Подпишитесь, подпишитесь и свяжитесь с нами на:
Facebook: https://www.facebook.com/deeptuts/
Instagram: https://www.instagram.com/deeptuts/
Pinterest: https://in.pinterest.com/deeptuts/
Youtube: http://bit.ly/2IXX4Sk
Twitter: https://twitter.com/Deep_Tuts

Похожие сообщения

Как изменить цвет изображения в Illustrator как профессионал?

Вы когда-нибудь тратили бесчисленные часы работы и усилий над проектом векторного изображения только для того, чтобы в последнюю минуту кто-то вошел и сказал вам, что цветовая схема не то, что им требовалось, или они вообще не хотели никакого цвета ? Ой!

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

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

Перекрасить иллюстрацию

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

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

Кроме того, функция Recolor Artwork также сохраняет образцы ваших любимых цветов, а для получения дополнительных опций вы всегда можете просмотреть образцы цветов, выбранные онлайн-сообществом на веб-сайте Adobe Kuler.

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

Открытие перекрашивания обложки

Щелкните свое произведение и перейдите на панель свойств. Внизу вы найдете опцию «ПЕРЕЦВЕТИТЬ».

Специально меняющиеся цвета

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

Цвета меняются случайным образом

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

Случайно меняющиеся свет, насыщенность и яркость

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

Поиск определенного цвета

И самый правый из двух вариантов — поиск цветов. Если вы щелкнете по нему, весь цвет изображения станет светло-серым. Теперь вы можете узнать, где используется конкретный цвет в прямоугольной цветной полосе, щелкнув по ним.Illustrator покажет вам только, где вы использовали эти цвета в иллюстрации.

Правила гармонии

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

Игра цветов на цветовом круге

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

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

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

Посмотрите, что у меня получилось после использования инструмента Recolor Artwork.

Заключение

Как все мы знаем, Adobe внесла значительный вклад в создание этого цифрового мира, будь то анимация персонажей, анимация движущегося изображения или трехмерная анимация. Графический дизайнер так или иначе зависит от набора программного обеспечения Adobe Creative Cloud. Каждое программное обеспечение Adobe имеет свое значение и свой собственный набор инструментов.

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

Итак, чего вы ждете? Найдите способы улучшить навыки иллюстратора Adobe и начните экспериментировать.И если у вас есть к нам вопросы, не стесняйтесь спрашивать!

Редактор: Рича Шарма

Как изменить цвет фоновой бумаги

J.C. (нет, не тот… нет, и не тот!) Написал:

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

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

Есть три способа изменить цвет фона страницы в зависимости от того, что вы пытаетесь сделать.

Быстрая проверка цветной бумаги

Если вы планируете печатать на цветной бумаге (например, золотарник, желтая, светло-зеленая и т. Д.), Вы можете быстро и легко выполнить пробную печать, изменив цвет [Бумага] на панели «Образцы». Правильно, поменяйте бумагу, чтобы она не была белой! Вы можете сделать это, щелкнув образец правой кнопкой мыши, выбрав «Параметры образца» (который Adobe должен был назвать «Изменить образец») и изменить определение цвета с помощью ползунков CMYK.

Больше после прыжка! Продолжите чтение ниже ↓
Пользователи Free и Premium видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

Фактический цвет, который вы выбираете здесь для определения бумаги, на самом деле не имеет значения, потому что InDesign не распечатает его даже на цветном принтере. Это только для отображения на экране! Но как только вы отредактируете цвет, страницы вашего документа отразят это изменение, и любой объект, имеющий цвет «Бумага», тоже — но, опять же, только на экране.

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

Улучшенная проверка

Ключ к последнему предложению — «точнее». Это не значит, что это действительно так. Если вы хотите сделать его более точным, вам нужно использовать функции управления цветом InDesign.Не утруждайте себя изменением цвета бумаги. Вместо этого выберите «Просмотр»> «Цвета пробной печати»> «Пользовательский» и загрузите пользовательский профиль ICC для выходной бумаги. (Конечно, для этого требуется, чтобы у вас был такой файл.)

Затем включите флажок «Имитация цвета бумаги» в диалоговом окне «Настроить условие проверки». Теперь, когда включен «Просмотр»> «Пробные цвета», цвет бумаги сместится, но это должно быть даже лучшего качества (более точным), чем редактирование образца бумаги.

Добавьте свой цвет

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

Чтобы залить фон цветом, создайте большую рамку, которая выходит за границы страницы , на монтажный стол. Это называется кровотечением за край. Будет полезно, если вы сначала создали направляющие для выпуска за обрез. (Если в вашем документе нет направляющих для выпуска за обрез, вы можете добавить их, выбрав «Файл»> «Параметры документа», нажав «Дополнительные параметры» и установив для параметра «Выпуск за обрез» значение примерно 4 мм или.125 дюймов). Вам не нужно использовать направляющие; они нужны только для того, чтобы вы почувствовали, как далеко до истечения кровотечения из объекта.

Конечно, если вы хотите, чтобы каждая страница вашего документа имела этот цвет фона, поместите этот фрейм на главную страницу. ? (Еще лучше, поместите его на «фоновый» слой на панели «Слои», чтобы он всегда располагался под всеми вашими другими объектами.) Затем, после того, как вы создадите рамку, залейте ее цветом.

Теперь, когда вы печатаете или создаете файл PDF, обязательно установите флажок «Использовать обрезку документа и пробел» в диалоговом окне «Печать или экспорт PDF».(Или, если вы хотите выпуск за обрез, но вы не использовали направляющие для выпуска за обрез, оставьте этот флажок и просто введите 4 мм или 0,125 дюйма в поля «Обрезка» вручную.) Если вашему принтеру нужны метки обрезки (иногда называемые метками обрезки; он или, вероятно, будет), затем включите также флажок Crop Marks.

Надеюсь, это поможет!

Специальные эффекты Illustrator: фон винтажного значка

Ретро и винтажные логотипы — модный тренд в наши дни, стиль значка / эмблемы особенно популярен, и неудивительно, почему — они выглядят великолепно! ! В сегодняшнем уроке мы узнаем, как создать фон для ретро-значка с помощью Adobe Illustrator.Итак, приступим!

1. Создайте пустой документ и установите размеры монтажной области примерно 700 x 420 пикселей. Начните с перетаскивания вертикальной и горизонтальной направляющих из линейок. Если линейки не отображаются на экране, выберите «Просмотр»> «Линейки»> «Показать линейки». Выберите инструмент «Эллипс» (L) на панели инструментов и наведите указатель мыши на точку пересечения направляющих. Теперь щелкните перетаскиванием (удерживая мышь), чтобы нарисовать идеальный круг из центра, также удерживая клавиши Shift + Alt.Установите размеры объекта 820 x 820 пикселей. Откройте панель градиента и залейте получившуюся форму радиальными градиентами: персикового цвета (R = 234, G = 222, B = 186) и глубокого бронзового цвета (R = 102, G = 97, B = 81).

2. Давайте создадим солнечные лучи в винтажном стиле. Возьмите инструмент Rectangle Tool (M) и создайте прямоугольник над предыдущим объектом, как показано ниже. Размеры объекта должны быть примерно 30 x 410 пикселей. Просто убедитесь, что вы выровняли нижний край прямоугольника с точкой пересечения горизонтальной и вертикальной направляющих.Установите темно-красный цвет заливки (R = 153, G = 38, B = 38). Возьмите инструмент Direct Selection Tool (A) и выберите две нижние опорные точки прямоугольника. Щелкните объект правой кнопкой мыши и выберите команду «Среднее…», выберите оба объекта и нажмите «ОК». Теперь точки будут идеально сходиться вместе. Теперь у нас есть перевернутый треугольник.

3. Не снимая выделения с объекта, найдите центральную точку направляющей, которую мы сделали ранее. Включите быстрые направляющие (Ctrl + U) и выберите инструмент поворота (R) на панели инструментов.Удерживая нажатой клавишу Alt, щелкните по центральной точке направляющей. Когда появится диалоговое окно, установите угол примерно -10 градусов и нажмите «Копировать». Повторно нажимайте команду Transform Again (Ctrl + D), пока не закончите.

4. Теперь создадим значок в стиле ретро. Выберите Pen Tool (P) и нарисуйте симметричную форму, размеры которой должны быть примерно 250 x 315 пикселей. Активируйте панель внешнего вида и выберите темно-голубой (R = 0, G = 106, B = 130) для атрибута «заливка». Затем выберите атрибут «обводка» и примените к обводке персиковый цвет (R = 234, G = 222, B = 186).Толщина обводки должна быть установлена ​​примерно на 3 пункта. Нам нужно сместить этот штрих внутрь на пару пунктов. Сначала перейдите в Эффект> Контур> Смещение контура…, выберите смещение примерно -6 пикселей и нажмите ОК. После этого щелкните стрелку переключения слева, чтобы отобразить содержимое атрибута «штрих». Как видите, мы применили эффект к этому конкретному атрибуту. Пока объект все еще выделен, перейдите в Эффект> Стилизация> Тень… и введите значения, как показано на изображении ниже.

5.Мы можем добавить текст на поверхность значка. Я установил шрифт LT Oksana, но можете использовать любой шрифт, какой захотите. Сначала выберите Type Tool (T) и напишите все, что хотите. Если вы хотите строго следовать этому руководству, вы можете ввести текст, как показано на изображении ниже. После этого залейте текст персиковым цветом (R = 234, G = 222, B = 186). Чтобы внести некоторые дополнительные изменения в текст, вы можете изменить атрибуты типа, открыв панель символов. Возьмите инструмент «Прямоугольник» (M) и нарисуйте несколько вертикальных разделителей между текстом, как показано ниже.Чтобы заполнить объекты, откройте панель «Цвет» и выберите тот же цвет, что и для самого текста.

6. Создадим ленту в винтажном стиле. Возьмите инструмент Rectangle Tool (M), нарисуйте прямоугольник и установите размеры примерно 315 x 45 пикселей. Откройте панель градиента и залейте получившиеся формы линейными градиентами: цвет красителя индиго (R = 14, G = 83, B = 114), берлинский синий (R = 2, G = 66, B = 89) и краситель индиго ( R = 14, G = 83, B = 114), как показано ниже. После этого сделайте копию только что созданного прямоугольника.Используя Selection Tool (V), перетащите правый центральный маркер влево, чтобы сжать объект. Выберите инструмент «Прямое выделение» (A), выделите только опорные точки справа и переместите их немного вниз, чтобы наклонить объект. Активируйте панель градиента и залейте выбранный объект линейными градиентами следующим образом: черный (R = 0, G = 19, B = 26) и краситель индиго (R = 14, G = 83, B = 114).

7. Создадим левую сторону ленты. Выберите инструмент «Прямоугольник» (M) и создайте прямоугольную форму, размеры которой должны быть примерно 100 x 45 пикселей.Выберите Pen Tool (P) и добавьте еще одну точку привязки в середине левого края прямоугольника. Просто возьмите инструмент «Прямое выделение» (A), выберите среднюю опорную точку и переместите ее на 10 пикселей вправо. В завершение измените градиенты, как вы видите на изображении ниже: краситель индиго (R = 14, G = 83, B = 114) и черный (R = 0, G = 19, B = 26). Отправьте эту фигуру на один шаг назад, выбрав команду «Отправить назад» (Ctrl + [).

8. Возьмите инструмент «Звезда», который можно найти во всплывающем меню инструмента «Прямоугольник» (M), и нарисуйте две звезды разного размера на левой стороне ленты.Перейдите в панель «Цвет» и установите для выбранных объектов персиковый цвет (R = 234, G = 222, B = 186). Когда закончите, выберите формы, как показано на изображении ниже, перейдите в «Объект»> «Трансформировать»> «Отразить…» и нажмите «Копировать», чтобы отразить объекты по вертикальной оси. Теперь переместите объекты вправо и расположите их соответствующим образом. Выберите инструмент «Текст» (T) и щелкните в центре ленты. После этого введите слова «ДЕНЬ НЕЗАВИСИМОСТИ».

9. Выделите все части ленты и текст, который мы создали до сих пор, и сгруппируйте объекты (Ctrl + G).Чтобы немного исказить ленту, перейдите в Эффект> Деформация> Дуга… и появится диалоговое окно. В раскрывающемся меню «Стиль» выберите вариант «Флаг» и установите флажок «По горизонтали». Ползунок «Изгиб» должен быть установлен на 70%. В разделе «Искажение» оставьте для параметров «Горизонтальный» и «Вертикальный» значения по умолчанию. После этого перейдите в Эффект> Стилизация> Тень… и введите значения, как показано на изображении ниже.

10. Давайте нанесем брызги краски на наш фон. Я использую Free Vector Grunge от Stanly.Выберите «Файл»> «Поместить…» и импортируйте изображение в документ. Теперь мы можем приступить к созданию области для брызг краски. Выберите первые брызги и перенесите их на поверхность фона. Немного уменьшите масштаб (при необходимости) и поместите объект, как показано ниже. Откройте панель «Цвет» и залейте получившуюся форму темно-серым цветом (R = 46, G = 46, B = 46). Установите режим наложения на Мягкий свет (непрозрачность 50%) на панели прозрачности. Сделайте копию предыдущего пятна и немного измените его размер. Затем поверните объект и поместите его на место.Не снимая выделения с объекта, измените цвет на белый (R = 255, G = 255, B = 255). Активируйте панель прозрачности и измените режим наложения на мягкий свет (непрозрачность 100%). Используя методы, описанные ранее в этом уроке, вы можете добавлять больше брызг и текстуры, пока не получите то, что вам нравится! Вы можете применить обтравочную маску, чтобы скрыть ненужные части изображения.