как наложить фактуру в иллюстраторе
Создание эффекта гравюры меццо-тинто в Illustrator
Теперь попробуйте сами
1. Скачайте материалы к уроку и откройте файл make-mezzotint-grain.ai в Illustrator.
Применение градиента
2. Выберите инструмент Выделение (V) на панели инструментов слева и выделите луну на изображении.
3. Выберите Окно > Оформление, чтобы открыть панель Оформление. Нажмите на слой Заливка, затем нажмите на значок + в нижней части панели, чтобы дублировать выбранный слой.
4. Перетащите новый слой Заливка поверх слоя Обводка.
5. Выберите новый слой Заливка, нажмите стрелку вниз рядом с оранжевым квадратом и выберите градиент от черного к белому в образцах цветов.
Настройка свойств градиента
6. Откройте Окно > Градиент, чтобы открыть панель Градиент. Дважды нажмите на ползунок черного градиента справа под предварительным просмотром градиента. Затем нажмите на значок Образцы (значок сетки) под цветовой палитрой (значок мольберта), чтобы отобразить образцы цветов. Выберите красно-оранжевый цвет.
7. Теперь дважды нажмите на ползунок белого градиента слева и установите значение 0% для параметра Непрозрачность. Также установите значение 90 градусов для угла.
Применение эффекта зернистости
8. Теперь добавим зернистую текстуру. Для этого еще раз перейдите на панель Оформление, выберите слой градиентной заливки и нажмите на значок эффектов в нижней части панели. Выберите Текстура > Зернистость и в открывшемся окне настройте зернистость.
9. Увеличьте интенсивность и контрастность до 75 и установите для типа зернистости значение Увеличенное. Нажмите ОК.
10. Нажмите на стрелку раскрывающегося списка, чтобы развернуть слой градиентной заливки. Затем нажмите на ярлык Непрозрачность и измените в настройках панели значение Обычное на Умножение.
Повторное использование нового стиля
11. Чтобы применить эффект к другой части рисунка, нужно добавить новый графический стиль. Для этого выберите Окно > Графические стили. Нажмите на значок + в нижней части панели, чтобы добавить новый графический стиль.
12. Затем выделите новую часть рисунка с помощью инструмента Выделение (V) и выберите стиль, который вы только что создали, чтобы применить эффект зернистости.
Вот и всё! Теперь ваша очередь. Создайте эффект гравюры меццо-тинто в Illustrator. Скачайте наши материалы или используйте собственные. Опубликуйте готовую работу в Facebook, Twitter или Instagram с хештегом #MadewithIllustrator. Получайте отзывы и общайтесь с другими творческими людьми.
Урок Adobe Illustrator: Удивительная текстурная техника для векторной иллюстрации
Создание векторной иллюстрации. Обработка иллюстрации с помощью кистей в программе Adobe Illustrator. Использование векторных текстур
Текстуры действительно могут добавить глубину иллюстрации и ощутимо повысить качество конечной работы. Это правило работает как для векторных иллюстраций, так и для растровых рисунков. В этом уроке иллюстратор Джеффри Бовмэн раскрывает секреты техник, которые он использует для создания текстур, а также объясняет, как добавить детали к своей работе.
Вы научитесь тому, как сканировать текстуры и переводить их в вектор через трассировку изображений, а также как эффективно применять их к иллюстрациям с помощью обтравочной маски. Джеффри также объяснит, как добавить видимость мазков кисти на ровных векторных краях, чтобы создать ощущение того, что работа нарисована от руки.
Вам понадобится Illustrator CS6 и 4–5 часов свободного времени
Шаг 1
Во-первых, создаем новый документ (Cmd/Ctrl + N) — у нас он формата A4. Затем намечаем область в документе, с которой мы будем работать, то есть где будут располагаться основные объекты иллюстрации. Другие элементы могут выходить за эту рамку, но мы все же создадим направляющие (Cmd/Ctrl + R), которые обозначат границы нашего рисунка.
Шаг 2
Затем создаем саму иллюстрацию, с которой мы будем работать — чуть позже мы добавим текстуры. Для данного урока Джеффри нарисовал векторный кемпинговый лагерь как с заполненными элементами, так и с контурами.
Шаг 3
Пришло время добавить мазки кисти на наружные края векторных фигур. На самом деле в Illustrator уже есть отличный набор стандартных кистей. Откройте Панель кистей (F5) и выберите из выпадающего меню Open Brush Library > Artistic > Artistic_ChalkCharcoalPencil.
Шаг 4
Выберите фигуру, на которую Вы бы хотели добавить эффект мазков. На панели Artistic_ChalkCharcoalPencil выберите Charcoal Pencil (Угольный карандаш). Он придаст действительно оригинальный вид рисунку.
Вы увидите, что у векторной фигуры края стали растертыми и шершавыми, в будущем при добавлении текстуры такие края как раз будут в тему.
Шаг 5
В зависимости от того, на сколько сильным Вы хотите сделать эффект мазков, Вы можете отредактировать кисть на панели Stroke — автор урока Джеффри выставил значение между 0.5 и 1pt. Такие выставленные значения кисти более уместны, ведь если переборщить с шириной, то рисунок будет смотреться неаккуратным.
Шаг 6
После того, как ширина кисти нормально отрегулирована, Вам нужно подготовить векторную форму для применения обтравочной маски (clipping masks). Это нужно сделать для добавления текстур чуть позже.
Итак, выбираем форму и нажимаем Object > Expand Appearance. Теперь стало видно, что внутри вектора три пути. Откройте панель Pathfinder (Cmd/Ctrl + Shift + F9 или Window > Pathfinder).
Шаг 7
Выберите форму и нажмите кнопку Unite на панели Pathfinder. Это наше действие объединит все три пути в одну отдельную форму.
Повторите шаги 4–7 для оставшихся элементов своей иллюстрации.
Шаг 8
А сейчас мы отвекторизуем некоторые текстуры. Сами текстуры могут быть созданы как угодно, но именно текстуры из данного примера Джеффри сделал сам, отсканировав нарисованный материал в Photoshop в черно-белом варианте.
Шаг 9
После того, как Вы подготовили свою собственную текстуру, откройте ее в Illustrator перетащив файл jpg или PSD. Текстура появится в новом документе. Откройте Панель трассировки изображения, она доступна в версии Illustrator CS6 (Window > Image Trace).
Шаг 10
На Панели трассировки изображения поставьте режим Черно-белого (режим доступен в раскрывающемся меню). Превью результата работает в режиме реального времени, так что Вы можете изменять значение Threshold чтобы проработать детали.
Когда результат трассировки Вас удовлетворит, кликните кнопку Trace. Затем нажмите Object > Expand, поставьте галочку возле Fill and Object и кликните OK.
Шаг 11
С помощью инструмента Direct Selection кликните где угодно по белому фону и нажмите кнопку Delete. Таким образом Вы уберете всю белую часть текстуры и останется только черная. Теперь скопируйте текстуру и вставьте в документ с вашей иллюстрацией.
Шаг 12
Затем измените цвет текстуры на цвет темнее или светлее цвета основного векторного объекта, к которому, собственно, эту текстуру и будем добавлять. Сделайте несколько копий текстуры. Автор урока Джеффри сделал три копии и перемещал и вращал их в разных направлениях, пока не остался доволен результатом.
Шаг 13
Настало время применить обтравочную маску (clipping mask)! Эта операция вместит текстуру ровно по форме объекта. В нашем примере по форме дерева.
Обтравочная маска (clipping masks) это один из главных приемов для создания иллюстрации, так что учитесь и запоминайте.
Скопируйте основную форму и вставьте поверх всех элементов (Cmd/Ctrl + Shift + V).
Шаг 14
После того как Вы вставили вектор поверх текстуры, Вам надо перевести его в Compound Path, без этого никак. Поэтому смело нажимаем Object > Compound Path > Make (Cmd/Ctrl + 8).
Шаг 15
Убедитесь, что верхний объект выбран, а затем удерживая Shift выделите все текстуры для данного вектора. Нажмите Object > Clipping Mask > Make — или Cmd/Ctrl + 7. Если ничего не случилось, то проверьте чтобы слой с вектором, то есть деревом, был поверх всех остальных.
Шаг 16
Теперь можно переместить обтравочную текстуру на задний план, чтобы она не перекрывала другие объекты на рисунке. Используйте Cmd/Ctrl + [ или Object > Arrange > Send Backward чтобы сделать это.
Повторите шаги 9–16 чтобы закончить иллюстрацию.
Надеюсь, урок был понятен и у Вас получится применить эти знания к своим иллюстрациям.
Если остались вопросы, пишите в комментарии!
Обзор эффектов
Краткий обзор эффектов
«Эффект» > «Объемное изображение»
Преобразует открытые или закрытые контуры либо растровые объекты в объемные объекты, которые можно поворачивать, освещать и затенять.
Имитация живописной техники для традиционных материалов.
Ретушируют изображения и сглаживают переходы, усредняя характеристики пикселов, находящихся рядом с резкими краями четко выраженных линий и затененных областей изображения.
Имитация живописной или художественной техники с помощью различных эффектов мазков кисти или чернил.
«Эффект» > «Преобразовать в фигуру»
Перерисовка векторного или растрового объекта.
«Эффект» > «Метки обрезки»
Применяет метки обреза к выделенному объекту.
«Эффект» > «Исказить и трансформировать»
(верхний раздел меню)
Перерисовка векторных объектов или применение эффектов к заливке или обводке, добавленной в растровый объект с помощью палитры «Оформление».
(нижний раздел меню)
Геометрическое искажение и перерисовка изображения.
Сдвиг контура объекта относительно его первоначального расположения, преобразование текста в набор составных контуров, которыми можно манипулировать точно так же, как любыми другими графическими объектами, и замена обводки выбранного объекта на объект с заливкой, толщина которой совпадает с толщиной первоначальной обводки. Кроме того, эти команды можно применять к заливке или обводке, добавленной в растровый объект с помощью палитры «Оформление».
«Эффект» > «Обработка контуров»
Объединение групп, слоев или подслоев в единые редактируемые объекты.
Резкое очерчивание выделенной области скоплением пикселов с близкими значениями цвета.
Преобразование векторного объекта в растровый.
Фокусировка нерезких изображений путем увеличения контрастности смежных пикселов.
Добавление текстуры в изображения, часто для достижения эффекта трехмерности. Кроме того, эти эффекты позволяют создавать изображения, которые выглядят как рисунки или произведения искусства.
(верхний раздел меню)
Добавление в объекты стрелок, теней, скругленных углов, растушеванных краев, свечения и каракулей.
(нижний раздел меню)
Команда «Свечение краев» смещает пикселы, а также находит и усиливает контраст в изображении, создавая в выделенной области эффект живописи или импрессионизма.
«Эффект» > «Фильтры SVG»
Добавление в графический объект графических свойств на основе XML, например теней.
Придает изображению глубину или вид какого-либо вещества либо органического материала.
Оптимизация изображений, полученных из видеороликов, либо иллюстраций, предназначенных для телевидения.
Искажение или деформация таких объектов, как контуры, текст, сетки, переходы и растровые изображения.
Эффекты имитации
Эффекты имитации основаны на растровой графике и при применении к векторному объекту используют параметры растровых эффектов документа.
Позволяет оформить изображение так, как будто оно нарисовано цветными карандашами на сплошном фоне. При этом важные края сохраняются, и им придается внешний вид грубой штриховки. Через более гладкие области просматривается сплошной фоновый цвет.
Придает изображению такой вид, как будто оно сделано из небрежно нарезанных кусков цветной бумаги. Высококонтрастные изображения выглядят как вырезанные в виде силуэтов, а цветные изображения выглядят так, как будто они составлены из нескольких слоев цветной бумаги.
Разрисовывает края изображения с использованием техники сухой кисти (нечто среднее между маслом и акварелью). Этот эффект упрощает изображение, уменьшая его диапазон цветов.
Применяет однородный узор к теням и средним тонам изображения. К светлым областям изображения добавляется более гладкий и насыщенный узор. Этот эффект позволяет исключить отщепление в переходах и визуально объединить элементы из различных источников.
Изображение оформляется в грубом стиле с короткими, округленными, как будто в спешке нанесенными штрихами.
Добавляет к объектам в изображении различные типы свечения. Этот эффект может применяться для тонирования изображения с одновременным смягчением. Чтобы выбрать цвет свечения, щелкните поле свечения и выберите нужный цвет из палитры.
Этот фильтр позволяет выбирать кисти различных размеров (от 1 до 50) и типов для имитации живописной техники. Доступные типы кистей: простая, светлая грубая, темная грубая, широкая резкая, широкая размытая, искры.
Этот фильтр позволяет уменьшить количество деталей в изображении для создания эффекта холста, покрытого тонким слоем краски, под которой просматривается текстура ткани.
Этот фильтр покрывает изображение блестящей пластиковой пленкой, подчеркивая детали поверхности.
Этот фильтр уменьшает количество цветов в изображении в соответствии с заданным значением параметра «Постеризация», затем находит в изображении углы и проводит по ним черные линии. В более широких областях изображения используется простое затенение, а тонкие темные детали распределяются по всему изображению.
Оформляет изображение таким образом, как будто оно выполнено цветными пастельными мелками на фоне с текстурой. В областях с ярким цветом мелки кажутся толще, а текстура — слабовыраженной. В более темных областях создается впечатление, что мелки соскоблены и проступает текстура.
Смягчает изображение, размазывая или растирая его более темные области короткими диагональными штрихами. Более светлые области становятся ярче и теряют детализацию.
Создает изображения с высокотекстурированными областями контрастных цветов, как будто нарисованными губкой.
На текстурированный фон наносится изображение, а сверху — окончательное изображение.
Создает изображение в стиле акварельной живописи кистью средней величины, которую погрузили в воду и краску. В результате упрощается детализация. В тех местах, где на краях значительно изменяется тон, этот эффект повышает насыщенность цвета.
Эффекты размытия
Команды в подменю «Размытие» меню «Эффект» основаны на растровой графике и при применении к векторному объекту используют параметры растровых эффектов документа.
Размытие по Гауссу
Быстро размывает выделенную область на нужную величину. Этот эффект удаляет высокочастотные детали и может создавать эффект затуманивания.
Имитирует мягкое размытие, как от приближения, удаления или поворота камеры. Чтобы выполнить размытие вдоль сегментов концентрических окружностей, выберите параметр «Кольцевой» и укажите, на сколько градусов оно должно быть выполнено. Чтобы выполнить размытие вдоль радиальных линий, как при масштабировании, выберите параметр «Трансфокация» и укажите значение от 1 до 100. Качество размытия может быть «Черновое» (самые быстрые результаты, но с большой зернистостью), «Хорошее» и «Наилучшее» (более гладкие результаты). Однако качество размытия не различается, если эффект применяется к небольшим областям. Определите, с какого места начнется размытие, перетащив узор в поле «Центр размытия».
Позволяет точно управлять размытием изображения. Предусмотрена возможность указать радиус, порог и качество размытия. Значение параметра «Радиус» определяет размер области, в которой осуществляется поиск пикселов с несходными характеристиками. Параметр «Порог» позволяет указать, насколько несходными должны быть пикселы, подлежащие обработке с помощью фильтра. Кроме того, можно установить режим «Нормальный» (вся выделенная область), «Только края» или «Совмещение» (края цветовых переходов). В тех местах, где возникает существенный контраст, в режиме «Только края» применяются черно-белые края, а в режиме «Совмещение» — белые.
Эффекты штрихов
Эффекты «Штрихи» основаны на растровой графике и при применении к векторному объекту используют параметры растровых эффектов документа.
Акцентирует края изображения. Если элементу управления «Яркость границ» задано высокое значение, цвет акцентов будет сливаться с цветом белого мела. Если задано низкое значение, цвет акцентов будет сливаться с цветом черных чернил.
Перерисовывает изображение с использованием диагональных штрихов. Более светлые области изображения наносятся штрихами одного направления, более темные — противоположного.
Сохраняет детализацию и характерные особенности исходного изображения, одновременно добавляя текстуру и загрубляя края окрашенных областей изображения с помощью имитации карандашной штриховки. Параметр «Интенсивность» управляет количеством штрихов (от 1 до 3).
Покрывает темные области изображения, близкие к черному, короткими штрихами, а светлые области — длинными белыми штрихами.
Перерисовывает изображение тонкими узкими линиями, проведенными по деталям исходного изображения, в стиле рисунка, выполненного пером.
Воспроизводит эффект аэрографа. С увеличением значений параметров общий эффект упрощается.
Перерисовывает изображение наклонными, распыленными штрихами, используя его доминирующие цвета.
Перерисовывает изображение в японском стиле, как будто оно написано мокрой кистью с черной краской по рисовой бумаге. В результате получаются мягкие, размытые края с насыщенным черным.
Эффекты искажения (нижняя часть меню)
Команды «Искажение» могут требовать очень больших ресурсов памяти. Они основаны на растровой графике и при применении к векторному объекту используют параметры растровых эффектов документа.
Изображение выглядит как при просмотре через мягкий диффузионный фильтр. При этом в изображение добавляется прозрачный белый шум со свечением, постепенно ослабевающим по мере удаления от центра выделенной области.
Изображение выглядит как при просмотре через различные виды стекла. Можно выбрать как стандартный эффект стекла, так и создать собственную стеклянную поверхность с помощью файла Photoshop. Можно регулировать масштаб, искажение, настройки плавности, а также параметры текстурирования.
Добавляет в рисунок волны в произвольных местах, и в результате рисунок выглядит так, будто находится под водой.
Эффекты оформления
Эффекты оформления основаны на растровой графике и при применении к векторному объекту используют параметры растровых эффектов документа.
Имитирует эффект применения увеличенного полутонового растра к каждому из каналов изображения. В каждом канале эффект делит изображение на прямоугольные области и заменяет каждый прямоугольник кругом, размер которого пропорционален яркости прямоугольника.
Чтобы применить эффект, введите в одном или нескольких каналах значение в пикселах для максимального радиуса полутоновой точки (от 4 до 127) и значение угла растра (угла точки относительно истинной горизонтали). Для изображений в градациях серого следует использовать только канал 1. Для изображений RGB — каналы 1, 2 и 3, соответствующие красному, зеленому и синему. Для изображений CMYK используются все четыре канала, соответствующие голубому, пурпурному, желтому и черному.
Собирает цвета в многоугольные фигуры.
Преобразует изображение в произвольный узор, состоящий из черных и белых областей, а цветное изображение — в узор, состоящий из полностью насыщенных цветов. Чтобы воспользоваться этим эффектом, выберите в диалоговом окне «Меццо-тинто» точечный узор.
Разбивает цвет в изображении на произвольно расположенные точки, как в пуантилистской живописи. При этом пространство между точками заполняется фоновым цветом.
Эффект резкости
Команда «Контурная резкость» в подменю «Резкость» меню «Эффект» фокусирует размытые изображения путем увеличения контрастности смежных пикселов. Этот эффект основан на растровой графике и при применении к векторному изображению использует параметры растровых эффектов документа.
Находит в изображении области со значительными изменениями цвета и повышает их резкость. Эффект «Контурная резкость» позволяет корректировать контрастность деталей по краям, проводя более светлую и более темную линии по обе стороны края. В результате этого, края становятся более ярко выражены, создавая иллюзию повышения четкости изображения.
Эффекты эскиза
Многие из этих эффектов используют черный и белый цвета для перерисовки изображений. Эффекты основаны на растровой графике и при применении к векторному изображению используют параметры растровых эффектов документа.
Трансформирует изображение таким образом, что оно кажется вырезанным в виде барельефа и его освещение подчеркивает фактуру поверхности. Темные области изображения окрашены черным, а светлые — белым.
Перерисовывает светлые и средние тона изображения сплошным серым фоном среднего тона, нарисованным грубым мелом. Тени заменяются диагональными линиями, проведенными углем. Уголь рисуется черным цветом, а мел — белым.
Перерисовывает изображение, создавая эффект постеризации и растирания. Основные края вырисовываются жирно, а средние тона изображаются в виде эскиза с диагональной штриховкой. Уголь рисуется черным цветом, а бумага окрашена белым.
Представляет изображение в виде полированной хромированной поверхности. Светлые участки выступают наружу, а темные находятся в глубине отражающей поверхности.
Воспроизводит на изображении текстуру густо-темных и чисто-белых карандашей Конте. Эффект «Волшебный карандаш» окрашивает темные области черным, а светлые области белым.
Передает детали исходного изображения тонкими, линейными чернильными штрихами. Эффект заменяет цвет оригинального изображения, используя черный для краски и белый для бумаги. Эта команда особенно подходит для обработки отсканированных изображений.
Имитирует эффект полутонового растра, одновременно сохраняя непрерывный диапазон тонов.
Создает изображение, которое выглядит как сделанное из бумаги ручной работы. Этот эффект упрощает изображение и сочетает эффект команды «Зерно» (подменю «Текстура») с эффектом тиснения. Темные области изображения выглядят как отверстия в верхнем слое бумаги, окруженные белым цветом.
Имитирует эффект ксерокопирования изображения. Большие темные области копируются преимущественно по краям, средние тона становятся либо черной плашкой, либо белым.
«Лепит» изображение как будто из гипса, а затем окрашивает его черным и белым. Темные области становятся выпуклыми, светлые — вдавленными.
Имитирует управляемое сжатие и искажение эмульсии пленки, в результате чего изображение кажется скомканным на затененных участках и слегка зернистым на светлых.
Упрощает изображение, в результате чего оно выглядит как отпечатанное штампом. Эту команду лучше всего использовать с черно-белыми изображениями.
Реконструирует изображение таким образом, как будто оно выполнено на неровных, рваных листах бумаги, а затем окрашивает его черным и белым. Эта команда особенно хорошо подходит для изображений, состоящих из текста и объектов с высокой контрастностью.
Результат применения этой команды выглядит как пятнистые мазки, нанесенные на волокнистую, влажную бумагу, в результате чего краски текут и смешиваются.
Эффект стилизации (нижняя часть меню)
Эффект «Свечение краев» основан на растровой графике и при применении к векторному изображению использует параметры растровых эффектов документа.
Выявляет края цветовых участков и добавляет к ним свечение наподобие неонового.
Эффекты текстуры
Эффекты «Текстура» основаны на растровой графике и при применении к векторному изображению используют параметры растровых эффектов документа.
Наносит изображение на выпуклую рельефную гипсовую поверхность, создавая тонкую сеть трещин, которые повторяют контуры изображения. Этот эффект позволяет создавать эффекты тиснения с применением изображений, которые содержат широкий диапазон цветов или градаций серого.
Добавляет в изображение текстуру, имитируя различные виды зерна: обычное, мягкое, брызги, скомканное, контрастное, увеличенное, пунктирное, горизонтальное, вертикальное или пятна. Дополнительную информацию об использовании параметров текстурирования см. в разделе Использование элементов управления текстурой и поверхностью стекла.
Перерисовывает изображение так, будто оно состоит из небольших кусочков, или фрагментов, между которыми добавлены швы (в отличие от этой команды, команда «Пикселизация» > «Мозаика» разбивает изображение на разноцветные блоки пикселов).
Разбивает изображение на квадраты, заполненные цветом, преобладающим в этой области изображения. Этот эффект случайным образом уменьшает или увеличивает глубину плитки для воспроизведения светлых и темных участков.
Перерисовывает изображение в виде одноцветных смежных ячеек, обведенных основным цветом.
Применяет к изображению выбранную или созданную текстуру.
Эффекты видео
Эффекты видео основаны на растровой графике и при применении к векторному изображению используют параметры растровых эффектов документа.
Устранение чересстрочной развертки
Сглаживает изображение, полученное из видеозаписи, удаляя нечетные или четные строки развертки. Удаляемые строки можно заменить с помощью дублирования или интерполяции.
Ограничивает цветовой охват до приемлемого для воспроизведения по телевидению, что позволяет предотвратить переползание перенасыщенных цветов с одних строк телевизионной развертки на другие.
Использование элементов управления текстурой и поверхностью стекла
Некоторые эффекты, входящие в состав программы Illustrator, имеют параметры текстурирования, например эффекты «Стекло», «Пастель», «Зерно» и «Фреска». Параметры текстурирования позволяют оформить объект так, будто он нанесен на различные текстуры (например, холст или кирпич) или виден через куски стекла.
В диалоговом окне эффекта выберите тип текстуры из раскрывающегося меню «Текстура» (если оно доступно) либо выберите «Загрузить текстуру» и укажите файл (доступно только для команд «Пастель» и «Стекло»).
Задайте другие параметры, если они доступны.
Перетаскивая ползунок «Масштаб», увеличьте или уменьшите эффект на поверхности растрового изображения.
Перетаскивая ползунок «Рельеф», отрегулируйте глубину поверхности текстуры.
В раскрывающемся меню «Свет» выберите положение источника света.
Чтобы инвертировать светлые и темные цвета поверхности, установите флажок «Инвертировать».