графический дизайнер векторный графический редактор illustrator с нуля что это

Графические редакторы для начинающих — обзор Adobe Photoshop, Adobe Illustrator и Figma

Всем привет, меня зовут Рома, в дизайне уже более 5-ти лет, на сегодняшний день я работаю UI/UX Designer, а также преподаю в Компьютерной Школе Hillel.

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

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

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

Adobe — это компания, основанная в далеком 1982 году. Она подарила нам множество графических редакторов и полезных сервисов. Однин из самых знаменитых это, конечно же, Photoshop.

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

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

Поделюсь еще одним интересным решением, которое подарил нам Photoshop.

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

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

Благо, это время прошло, и сейчас есть более подходящие инструменты для этого)

Чуть не забыл о них)

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

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

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

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

Для понимания разберемся, что такое векторная графика.

Давайте на примере — у вас есть фотоаппарат с разрешением 800х600 пикселей, вы делаете фото, на котором каждый из пикселей сохраняет определенный цвет. Если математически — 800 умножить на 600 = 480 000. То есть, в нашем кадре 480 000 квадратиков, каждый из которых имеет свой цвет.

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

Источник

Что умеет Adobe Illustrator: функции и возможности

Adobe Illustrator – это программа, созданная для работы с векторной графикой. С помощью Adobe Illustrator дизайнеры создают красочные иллюстрации, иконки, паттерны, логотипы, различные макеты для печати и многое другое. Начинающему дизайнеру будет полезно освоить главные функции редактора, ведь без него как без рук!

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

Что такое векторная графика?

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

Фишка векторной графики в том, что как ни растягивай такое изображение – оно останется четким в абсолютно любом масштабе. Растровое изображение (например, фотография) при сильном приближении покажет вам зазубренные края и точки – пиксели. А вот если вы попробуете приблизить векторную иллюстрацию, она будет масштабироваться бесконечно.

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

В этом заключается принципиальная разница между Adobe Illustrator и Adobe Photoshop: в первом вы работаете с векторной графикой, а во втором – с растровой (состоящей из пикселей).

Основные функции Adobe Illustrator

Что можно сделать в Adobe Illustrator?

Логотипы

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

Шрифты и надписи

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

Иконки

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

Паттерны

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

Иллюстрации

В Illustrator можно делать и сложные иллюстрации – настоящие произведения искусства. С этим редактором работают не только дизайнеры, создающие рекламные макеты. Художники-иллюстраторы тоже используют возможности программы для создания изображений. А версия для iPad делает процесс удобнее: на планшете можно рисовать от руки векторными кистями.

Макеты для печати

Зачастую дизайнеры пользуются Иллюстратором для создания макетов для печати, например визиток, флаеров или плакатов. В общем, всего, что можно сделать в одно- или двухстороннем варианте. Многостраничные документы в Иллюстраторе делать не слишком удобно – для этого есть Adobe InDesign. Так как редактор умеет импортировать растровые изображения, вставить картинку в проект не составит труда.

Графика для социальных сетей и сайтов

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

Инфографика

Инфографику используют для визуализации каких-либо данных. Если для инфографики требуется минималистическое оформление в виде иконок, схем и текста – использовать Illustrator будет отличным решением. К тому же в программе есть инструмент для создания диаграмм: линейной, круговой, столбцами и прочих. Удобно!

Графика для анимации

С помощью Adobe Illustrator создают элементы для последующего импорта и анимации в After Effects. Да, сначала все это рисовали именно в Иллюстраторе!

Стикеры

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

Какие форматы умеет сохранять Adobe Illustrator?

Проект, созданный в Adobe Illustrator, можно сохранить в 5 собственных форматах: AI, PDF, EPS, FXG и SVG. Это значит, что в этих форматах полностью сохраняются все данные, которые есть в проекте. Но если вы уже закончили работу, и нужно экспортировать макет для печати или загрузки в интернет, Illustrator предложит вам такие варианты:

Эти варианты форматов доступны только при выборе пункта «Экспортировать как. ».

Есть ли разница в Adobe Illustrator на macOS и Windows?

Так как формат, который используется в Adobe Illustrator, является кроссплатформенным, никаких проблем в открытии одного и того же проекта на Windows или Mac быть не должно. Единственное незначительное различие в Иллюстраторе на разных операционных системах – это горячие клавиши, где в сочетаниях есть Control и Alt. В Windows клавиша Control аналогична клавише Command в macOS, а Alt – это Option.

А что можно делать в Adobe Illustrator на iPad?

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

Приложение также адаптировано под Apple Pencil, что дает возможность создавать иллюстрации от руки. Например, вот эта иллюстрация была сделана на iPad:

А есть ли аналоги?

Второй по популярности программой для работы с векторной графикой является CorelDraw. Ее функционал очень похож на AI, принципиальные отличия лишь в интерфейсе. Один из плюсов Corel – возможность открывать проекты, сделанные в Illustrator (наоборот сделать невозможно).

Заключение

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

Источник

Adobe Illustrator: основные функции и сферы применения

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

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

Вектор «Иллюстратора»

Задуманная как редактор векторной графики, программа появилась в 1987 году. В то время она была адаптирована под операционную систему Mac. Сегодня творить в Adobe Illustrator можно на разных платформах: Mac OS, Windows и даже iPadOS. Неизменным остается главное назначение «Иллюстратора» — создавать и редактировать векторные изображения.

Чем отличаются растровые картинки от векторных? Первые состоят из множества цветных точек — пикселей. Фотографии и реалистичные иллюстрации, как правило, растровые. Работают с ними в другой программе Adobe — в Photoshop. Растровые изображения могут быть максимально детализированными, при этом они достаточно «тяжелые» (у файлов большой вес), не поддаются масштабированию. Если вы увеличите маленькую растровую картинку, она «станет пиксельной» — увидите те самые цветные точки, из которых она состоит.

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

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

Основные функции программы

Перечислим коротко, что именно можно делать с помощью редактора:

Этим и другим действиям мы в «Бруноям» обучаем на очном курсе Adobe Illustrator. Что делать с полученными умениями? Применять для создания иконок, логотипов, иллюстраций, инфографики, изометрии и т.д. Посмотрим примеры!

Что создавать

Иконки. Могут понадобиться для инфографики, оформления сайта или мобильного приложения, а также Highlights (вечных Stories) в Instagram. Это наиболее простые векторные изображения. В основе иконок из одного набора — одна и та же форма круга, квадрата, треугольника. Сами изображения, как правило, состоят из небольшого количества фигур. Иконки оформляют в едином стиле с соблюдением общих пропорций, цветовой палитры, изгибов линий, и т.д. В «Иллюстраторе» наборы удобно создавать с помощью сетки.

Логотипы. Логотип — графический знак компании, который размещают на разнообразной продукции: от значков и визиток до билбордов. Его необходимо масштабировать в зависимости от задач, потому сегодня почти всегда логотипы представляют собой векторные изображения. Простые лого создают по модульной сетке, более сложные, детализированные рисуют самостоятельно. Иногда у бренда может не быть графического знака в векторе (например, лого разрабатывали много лет назад, исходники потерялись, остались только растровые картинки), в таком случае проводят трассировку. Заодно, по желанию заказчика, логотип можно осовременить.

Chinmoy Das

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

Изометрия. Изометрические иллюстрации имитируют эффект 3D. Но при этом у изображенных предметов отсутствует перспектива. Такие картинки часто делают, когда нужно изобразить интерьер, «начинку» здания, часть города. Создать изометрию в Adobe Illustrator помогает изометрическая сетка, либо функция 3D.

Angela Chan

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

Юрій Головень

Макеты для печати. Сверстать и подготовить к печати макет афиши, флаера, кружки или футболки тоже можно в «Иллюстраторе». У предпечатной подготовки есть ряд правил, например, необходимо перевести текст в кривые, выставить цветовой режим CMYK, настроить растровые эффекты 300 ppi, добавить 3-миллиметровые вылеты (поля под обрез). Обо всех нюансах мы рассказываем на завершающем занятии курса Adobe Illustrator. Там же говорим о презентации проекта и работе с мокапами.

Обновления

Редактор регулярно обновляется. Так, в октябре 2020 года вышла первая версия программы для iPadOS, а для Mac OS и Windows появилось 25-е поколение AI. Последнюю версия Adobe Illustrator CC 25.2 выпустили в феврале 2021-го.

На официальном сайте Adobe выделяет четыре главные особенности нового «Иллюстратора»:

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

Освоив этот редактор, вы сможете войти в профессию иллюстратора или дизайнера. Мы в «Бруноям» будем рады помочь вам начать этот путь!

Источник

40 туториалов для создания векторных иллюстраций

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

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

Приступая к работе

В этом уроке объясняется, каким образом создавать векторные иллюстрации используя Adobe Illustrator. Приводится объяснение ключевых параметров и инструментов, которое дополняется советами экспертов.

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

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

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

От использования точек кривой Безье до обводки, заливки и придания векторной графике более естественного вида — это лишь некоторые секреты Illustrator из урока, которые существенно пополнят арсенал новичка.

Узнайте, как создавать простые органические формы в Illustrator с этим простым для восприятия руководством от Верле Питерс (Veerle Pieters), графического и веб-дизайнера.

7. Добавление текстуры для векторных иллюстраций

Добавление текстуры — это отличный способ сделать Вашу векторную графику более выразительной, подчеркнуть ее перспективу. В этом очень доступном видео эксперт Illustrator Александра Сесилио (Alexandra Cecilio) демонстрирует как это сделать.

Этот туториал от Андрея Мариуса (Andrei Marius) поможет Вам создать векторный линейный график. Пошагово: начиная с простой сетки до направляющих линий, используя только панель Appearance (один из мощнейших инструментов в Adobe Illustrator) с добавлением некоторых простых фрагментов текста и тонкой штриховки.

Создание лиц

9. Создание векторного глаза

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

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

Еще один замечательный туториал по векторной графике. Руслан Хасанов показывает как манипулировать работой векторных линий и градиентами, чтобы придать работе динамичность.

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

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

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

Дизайн персонажей

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

Джонатан Болл (Jonathan Ball), основатель Poked Studio, обьясняет как с помощью Illustrator основные геометрические фигуры превращаются в уникальных, красочных персонажей.

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

С помощью этого туториала Мэри Винклер (Mary Winkler) собирается показать Вам, как нарисовать чиби персонажа с нуля, используя Shape Builder Tool (Shift-M), Pen Tool (P), прозрачные градиенты, и многое другие инструменты Illustrator.

В руководстве описан процесс создания простого персонажа аниме от начала и до конца.

Узнайте как создаются милые кролики в этом туториале векторной графики. Тренинг использует простые формы и градиенты, которые легко применимы и к иллюстрациям других персонажей.

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

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

Иллюстратор и автор Шейрен Милн (Sharon Milne) показывает, как создать монохромный портрет с фотографии.

Если Вы заядлый любитель футбола, то этот туториал будет особенно кстати. В уроке Сергей Кандаков создает яркую иллюстрацию с эффектом стиля ретро.

Ландшафт и окружающая среда

В этом уроке от векторного художника Андрея Мариуса (Andrei Marius) показано, как можно создать простой дизайн карты в Illustrator.

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

Очень простой и последовательный урок от Дианы Тома (Diana Toma), который показывает как нарисовать прекрасные цветы используя градиентные сетки (меш).

Особые эффекты

В этом пошаговом руководстве Вы изучите, как создать «электрический» текст в векторе.

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

За прошедшие годы винтажные иллюстрации и ретро-стиль стали вновь популярными в дизайне. В представленном уроке разработчик Бен Стирс (Ben Steers) делится своими методами, которые помогут Вам преобразовать векторные рисунки в ретро-стиль.

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

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

Полутон — способ воспроизведения монохромного изображения. Он базируется на специфике восприятия картины человеческим глазом для которого область изображения, заполненная крупными точками, ассоциируется с более темными тонами. И наоборот, область, заполненная точками меньшего размера, воспринимается как более светлая. Художник Крис Маквей (Chris McVeigh) покажет, как создать векторный полутон.

В этом учебном руководстве Вы изучите, как создать графический логотип Бэтмена, используя простые формы в Adobe Illustrator. Используются простые инструменты, вроде Ellipse Tool (L) и Shape Builder Tool (Shift + M).

36. Конвертируйте растровое изображение в векторное

Это учебное руководство Inkscape демонстрирует, как преобразовать растровое изображение в векторное при помощи функции Trace Bitmap.

Слайдер — популярный элемент веб-дизайна. В данном туториале показан вариант создания слайдера в векторе.

Сиара Фелен (Ciara Phelan) продемонстрирует Вам как с помощью комбинирования векторных изображений и фотографий можно создать удивительный коллаж.

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

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

Источник