Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Patterns
Design

Создаем паттерн из больших фруктов в Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

Russian (Pусский) translation by Dark Wood (you can also view the original English article)

Final product image
What You'll Be Creating

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

Мы будем создавать в Adobe Illustrator паттерн из арбузов и апельсинов, нарисованных в "плоском" стиле. Создав два основных и четыре дополнительных элемента, мы совместим их в паттерн при помощи панели Pattern Options.

Если вы хотите вдохновится другими векторными паттернами, загляните на Graphic River

1. Рисуем целый арбуз

Шаг 1

Используя команду File> New Document (или клавиатурное сочетание Ctrl+N) создайте новый файл со следующими настройками:

  • Ширина: 500 пикселей
  • Высота: 500 пикселей
  • Единицы измерения: точки (или пиксели)
  • Количество артбордов: 1
  • Цветовое пространство: RGB
Setting up a new document

Шаг 2

Давайте начнем рисовать вкусный арбуз.

Не забудьте перед этим включить отображение "умных" направляющих (Smart Guides) из меню View. Затем инструментом Ellipse Tool (L) нарисуйте круг размерами 150x150 пикселей с фиолетовой заливкой (#8472ce).

Creating of the first Shape

Инструментом Pen Tool (P) добавьте полосы более темного оттенка (#4a288c) на левой половине основной фигуры.

Теперь скопируйте эти полосы (Ctrl+C), вставьте на то же место (Shift+Ctrl+V или Ctrl+F) и отразите по горизонтали, кликнув в рабочей области правой кнопкой мыши и выбрав в появившемся контекстном меню пункт Transform> Reflect. Удерживая Shift, переместите отраженные полосы на правую половину основной фигуры.

Creating of the stripes

Шаг 3

Давайте добавим присущую "плоскому" стилю тень.

Инструментом Rectangle Tool (M) нарисуйте достаточно большой прямоугольник. Назначьте ему цвет заливки #47034c и при помощи панели Opacity уменьшите непрозрачность до 45%. Затем расположите так, чтобы он полностью перекрывал только правую часть арбуза. Выделите основную фигуру арбуза вместе с прямоугольником, активируйте инструмент Shape Builder Tool (Shift+M) и, зажав Alt, удалите внешнюю часть прямоугольника.

Making of a shadow

Шаг 4

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

Активируйте инструмент Ellipse Tool (L), кликните им где-нибудь посередине левой половины арбуза и в появившемся диалоговом окне введите размеры 17x17 пикселей, после чего нажмите кнопку OK (или Enter на клавиатуре). Таким же образом по обе стороны от большого блика добавьте два круга размерами 7x7 пикселей. Залейте все три круга цветом #d6c7f9.

Выделите все объекты, относящиеся к арбузу, и сгруппируйте их (Ctrl+G).

Making of three hotspots

2. "Разрезаем" арбуз

Шаг 1

Давайте посмотрим что у арбуза под кожурой.

Скопируйте арбуз, сделанный в первом разделе, и вставьте его на новый слой, добавленный на панели Layers.

Поверх него нарисуйте круг такого же размера (150x150 пикселей), но с заливкой цветом #6042a8.

Creating of a basic shape for a slice

Шаг 2

Добавьте круг размерами 125x125 пикселей, назначьте ему светло-розовую заливку (#f294b6) и разместите по центру предыдущего при помощи панели Align.

Теперь нарисуйте круг 110x110 пикселей, который залейте розовым цветом (#df2754). Также выровняйте по центру предыдущих кругов.

Making of a pink circle and a magenta circle

Шаг 3

Инструментом Line Segment Tool (\) нарисуйте достаточно длинную линию без обводки и заливки. Расположите ее по вертикальному центру арбуза. Выделите эту линию вместе со всеми тремя кругами, отвечающими на "внутренности" арбуза, и выполните команду Divide с панели Pathfinder. Из получившегося удалите все фигуры с левой стороны.

Deleting of the left side of a slice

Шаг 4

Добавим семечки.

Нарисуйте небольшой круг с темно-фиолетовой заливкой (#4a288c). Инструментом Direct Selection Tool (A) выделите верхнюю опорную точку этого круга и переместите ее вверх, придавая фигуре форму семечка.

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

У этого кусочка арбуза тень будет на нижней половине. Добавьте ее уже знакомым по целому арбузу образом и скопируйте образец цвета с большого же собрата при помощи инструмента Eyedropper Tool (I).

Теперь мы знаем что скрывается внутри нашего арбуза.

Making of seeds and deleting of an upper side of a shadow

Шаг 5

Теперь быстро сделаем две версии: долька отдельно и арбуз, из которого ее вырезали.

Достаточно скопировать все фигуры, относящиеся к дольке, и вставить на новый слой, добавленный на панели Layers, после чего сгруппировать их (Ctrl+G).

All of three elements of a Watermelon

3. Рисуем разрезанный апельсин

Шаг 1

Апельсин у нас начнется а круга размерами 70x70 пикселей с заливкой оранжевого цвета (#f47a2a).

Добавьте круг размерами 60x60 пикселей с заливкой цветом #f9a03f. Затем нарисуйте круг диаметром 50 пикселей. Его залейте светло-оранжевым цветом (#f9d1aa). Обе фигуры выровняйте по центру первого круга.

Creating of the two basic shapes of the Orange

Шаг 2

Давайте обозначим сочные дольки.

Создайте круг 10x10 пикселей с цветом заливки #f47a2a. Придайте ему каплеобразную форму, как мы делали это для арбузного семечка, только здесь вершина должна быть острой. Сделать это можно, кликнув инструментом Convert Anchor Point Tool (Shift+C) по соответствующей опорной точке.

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

Making of seeds of the Orange

Шаг 3

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

Creating of a shadow of the Orange

4. Делим апельсин пополам

Шаг 1

Сделайте копию разрезанного апельсина на новый слой. Разрежьте тень по горизонтали, удалив верхнюю часть. После этого нарисуйте поверх круг с темно-оранжевой заливкой (#f25d0a). Добавьте на нем несколько светло-оранжевых (#f9a03f) кругов размерами 7x7 и 3x3 пикселя.

Adding of a rind

Шаг 2

Теперь давайте нарисуем листья для нашего апельсина.

Инструментом Ellipse Tool (L) создайте небольшой эллипс с заливкой цветом (#8472ce). Его верхнюю и нижнюю опорные точки заострите.

Поверх добавьте прямоугольник достаточных размеров, чтобы перекрыть правую половину листика. Залейте его темно-фиолетовым цветом (#281356) и уже знакомым образом удалите внешнюю его часть, используя Shape Builder Tool (Shift+M).

Making of the leaf

Шаг 3

Поверните весь листик на 45 градусов (удерживайте Shift, чтобы соблюсти точный угол) и расположите в верхней части апельсина "за" ним (то бишь отправьте на задний план, используя сочетание Ctrl+[). Затем сделайте копию листика, вставьте и отразите по горизонтали. Измените очередность цветов как показано на картинке, если это будет необходимо.

Adding leaves to the Orange

Шаг 4

Знакомым по арбузу способом разрежьте темно-оранжевую фигуру по вертикали и удалите ее правую часть.

Как вы можете видеть на скриншоте ниже, светлые круги остались "позади" разрезанной фигуры. Верните их на свое место, подняв в списке в панели Layers.

Deleting of the right side of an Orange

Шаг 5

Продублируйте все фигуры разрезанного апельсина на новый слой. Разрежьте их по вертикали, всё так же используя Line Segment Tool (\) и панель Pathfinder. Удалите левую часть.

Making a slice of an Orange

Теперь у нас есть все элементы для создания сочного и яркого паттерна!

All the elements for the pattern

5. Создаем паттерн

Шаг 1

Выделите всё (Ctrl+A) и выполните команду Object> Pattern> Make.

На открывшейся панели Pattern Options задайте размер области 500x500 пикселей и расположите целые фрукты. После этого добавьте их разрезанные варианты и дольки. Размещайте всё так, как хочется именно вам.

Place the bigger elements

Шаг 2

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

Когда вы будете удовлетворены полученным результатом, кликните кнопку Done над панелью.

Найти готовый паттерн можно на панели Swatches.

Ready pattern and clicking Done

6. Применяем и масштабируем паттерн

Шаг 1

Создайте прямоугольник размерами 500x500 пикселей с заливкой темно-фиолетового цвета (#281356). Выровняйте его по центру артборда. Это будет фон.

Добавьте еще один прямоугольник 500x500 пикселей. Не снимая с него выделения, проверьте что открыта панель Swatches (Window> Swatches) и просто кликните по миниатюре нашего паттерна. Ура!

Making of the Backgroung

Шаг 2

Для масштабирования паттерна следует воспользоваться командой Object> Transform> Scale, где необходимо отметить пункт Scale Pattern и задать в данном случае 70%.

How to scale the pattern

Время освежиться!

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

Final result
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.