Как сделать футбольный мяч в иллюстраторе

Добавил пользователь Владимир З.
Обновлено: 19.09.2024

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

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

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

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

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

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

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

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

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

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

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

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

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

Результат

Шаг 1

Создайте новый документ, нажав Control-N. Укажите параметры для нового документа как показано на картинке ниже.

Шаг 2

Шаг 3

Шаг 4

Шаг 5

Из обычных прямоугольников вырезать круги. Для этого нарисуйте круг размером 8 x 8 px (в примере он красного цвета), наложите на край прямоугольника, как показано ниже. Выделите прямоугольник и круг, и в палитре Pathfinder/Обработка контура кликните по иконке Minus Front/Минус верхний.

Шаг 6

Мы хотим чтобы облака, которые мы нарисовали, были видны только внутри круга. Для этого нам нужно указать им маску. Выделите все облака и нажмите Control-G, чтобы сгруппировать их. Теперь выделите круг и копируйте его (Control-C), затем вставьте копию на передний план (Control-F). Не снимая выделения с круга нажмите Shift+ctrl+]. Так вы поместите круг на передний план. Выделите его и группу облаков, кликните по ним правой кнопкой и выберите Make Clipping Mask/Создать обтравочную маску. Выделите все что мы создали до этого момента и сгруппируйте (Control-G).

Шаг 7

Шаг 8

Шаг 9

Нарисуйте два круга размером 40 x 40 px (те же параметры обводки и без заливки), центром которых будут крайние правая и левая точки мяча.

Шаг 10

Выделите обе линии и два круга и сгруппируйте их (Control-G). Дублируйте круг мяча, пошлите его на передний план, выделите круг и группу и создайте обтравочную маску. Так как мы сделали в Шаге 6. Но на этот раз мы хотим, чтобы линии и круги были видны только в пределах круга мяча.

Шаг 11

Шаг 12

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

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

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

Выполните одно из следующих действий:

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

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

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

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

Режим конструирования

После выбора группы мастера фигур выполните одно из следующих действий:

Выбрав один нижний объект, можно изменить любое свойство или оформление этого объекта.

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

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

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

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

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

Считать открытый контур с заливкой закрытым

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

Выбрать цвет из

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

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

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

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

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

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

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

Данный видео-туториал является действительно ценным ресурсом, который объясняет как создавать векторную графику в 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), который показывает как нарисовать прекрасные цветы используя градиентные сетки (меш).

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

Том Мак (Tom Mac) показывает, как в Illustrator создать портрет с drip-effect, используя инструмент Pen и кое-какие дополнительные методы.

В этом учебном руководстве мы сделаем простой и красивый восточный паттерн в 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 и образцы.

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