7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Patterns

Создаем паттерн с фруктами и овощами в стиле ретро, используя Adobe Illustrator

Scroll to top
Read Time: 6 mins

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Вы можете найти крутые вдохновляющие коллекции векторных паттернов на GraphicRiver.

1. Создаем новый документ

Запустите Adobe Illustrator и командой File> New (Ctrl+N) создайте новый документ. В его настройках задайте профиль Web, ширину 1000 пикселей и высоту 500 пикселей. Эту область мы и зальем паттерном.

Create a new documentCreate a new documentCreate a new document

2. Делаем эскиз

Шаг 1

Набросок - самый простой способ визуально представить свою идею. Давайте сделаем эскиз своего паттерна из нескольких милых овощей и фруктов.

Нарисуйте 10 или 11 различных плодов с "лицами" в виде двух точек - глаза - и дуги рта. Я нарисовал 11 штук: ананас, целый лимон и его дольку, баклажан, грушу, яблоко, свеклу, клубнику, морковь, помидор и вишню. Рисуйте светло-серым цветом - это облегчит процесс отрисовки. Когда эскиз будет готов, заблокируйте слой с ним (Ctrl+2).

Sketch of 11 types of fruitSketch of 11 types of fruitSketch of 11 types of fruit

Шаг 2

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

Sketch some leavesSketch some leavesSketch some leaves

3. Создаем палитру цветов

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

Create a Color PaletteCreate a Color PaletteCreate a Color Palette

4. Отрисовываем набросок

Шаг 1

Основным инструментом для дальнейшей работы станет Pen Tool (P). Избранный стиль предполагает рисование от руки, потому не стоит делать линии идеальными.

Начнем отрисовку с самого сложного элемента - ананаса. Сложный он относительно других своих собратьев по паттерну. Но при помощи Pen Tool (P) всё пройдет без проблем.

Отрисуйте сначала основную фигуру и "корону" из листьев поверх нее (2). Добавьте вторую часть "короны", два кружка-глаза и изогнутый контур рта (3). Залейте их следующим образом: сам плод желтым (#f1c82e), переднюю часть "короны" зеленым (#a6d36b) - это всё цвета с палитры, - более темным оттенком зеленого обозначьте часть "короны" на заднем плане (4).

Когда это будет сделано, нарисуйте шесть диагональных линий. Залейте их светлым оттенком желтого. Отразите эти линии и сложите вместе, сформировав сетку (5). Разместите ее на плоде ананаса (6). Скетч нам более не нужен, потому удалите его.

Trace the pineapple Trace the pineapple Trace the pineapple

Шаг 2

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

Trace the beetrootTrace the beetrootTrace the beetroot

Шаг 3

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

Trace the cherriesTrace the cherriesTrace the cherries

Шаг 4

Третьей по счету станет клубника. Также начните с основной фигуры (2), затем добавьте листочки и личико (3). "Телу" назначьте красный цвет (#f16359), листьям - зеленый (#a6d36b), глазам - темно-синий (#1b142c), а ротику - светло-розовый (4).

Немного детализируем клубничку. Нарисуйте массив примерно из 20 точек чуть более светлых, чем основная ее фигура (5) и затем перенесите их на нее случайным образом (6).

Trace the strawberryTrace the strawberryTrace the strawberry

Шаг 5

Аналогичным клубнике образом отрисуйте морковку. Не забудьте, что можно копировать личико с уже имеющихся плодов. Основную фигуру моркови залейте оранжевым (#f17c45), листья - зеленым (#71ca7d). Набросок за ненадобностью удалите.

Trace the carrotTrace the carrotTrace the carrot

Шаг 8

Переходим к шестому участнику паттерна - яблоку. Все действия повторяются в той же последовательности: основная фигура, листик на черенке и личико. Цвета заливки следующие: красная основа (#f16359) и зеленый листик (#a6d36b); черенку назначьте более темный оттенок зеленого.

Trace the appleTrace the appleTrace the apple

Шаг 7

Лимон, как я говорил в начале, у меня будет представлен в виде дольки и целого плода. Сначала давайте нарисуем дольку: две полукруглые фигуры с мордашкой внутри. Внешний полукруг залейте желтым цветом из палитры (#f1c82e), а внутренний - его более светлым оттенком.

Trace the lemon wedgeTrace the lemon wedgeTrace the lemon wedge

Шаг 8

Теперь нарисуем целый лимон. Его желтое "тело" (#f1c82e) будет иметь грустное выражение лица. Настолько грустное, что он даже пустит слезу. Нарисуйте небольшую капельку более светлого оттенка желтого под правым глазом. В верхней части плода я также добавил массив из точек того же оттенка.

Trace the lemonTrace the lemonTrace the lemon

Шаг 9

Баклажан тоже будет кручиниться, потому что многим людям он не нравится. Но порядок отрисовки это нисколько не изменит: "тело", листики и черенок. Основную фигуру залейте синим цветом (#0092bc), а листья - зеленым (#a6d36b). Элементы личика будут того же темно-синего цвета, что и у уже нарисованных плодов.

Trace the eggplantTrace the eggplantTrace the eggplant

Шаг 10

Мы уже добрались до десятого участника нашего паттерна. И это будет груша. Ее "тело" залейте зеленым (#a6d36b), лепестки более темным оттенком того же цвета и, как всегда, элементы личика - темно-синим (#1b142c).

Trace the pearTrace the pearTrace the pear

Шаг 11

Последний элемент паттерна - помидор. Он будет иметь две версии: красную (#f35457) с зелеными листочками (#71ca7d) и недозрелую, но всё-равно веселую, зеленую (#23a15f), которую нужно для разнообразия отразить.

Trace the tomatoesTrace the tomatoesTrace the tomatoes

Шаг 12

Переходим к отрисовке листьев, которые станут дополнительным украшение нашего паттерна. Работаем по-прежнему инструментом Pen Tool (P). Первые листочки раскрасьте в разные оттенки зеленого.

Trace the herb leavesTrace the herb leavesTrace the herb leaves

Шаг 13

Также поступите и со следующей парой.

Trace the rest of the herb leavesTrace the rest of the herb leavesTrace the rest of the herb leaves

Шаг 14

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

Trace the detailsTrace the detailsTrace the details

5. Подготавливаем тайл паттерна

Шаг 1

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

Инструментом Rectangle Tool (M) кликните где-нибудь в рабочей области и в появившемся диалоговом окне укажите 1000 пикселей по ширине и 500 пикселей по высоте. Как я уже говорил в начале, темный цвет фона выбран потому, что наши фрукты и овощи яркие и будут в данном случае отлично дополнять другу друга. А вот в случае с белым фоном получилось бы плохо.

Create a backgroundCreate a backgroundCreate a background

Шаг 2

Начните добавление элементов паттерна с углов. Подберите наиболее подходящие плоды. Я использовал ананас, вишни и лимоны. При необходимости измените размер элементов и поверните.

Place the objects in the corners of the backgroundPlace the objects in the corners of the backgroundPlace the objects in the corners of the background

Шаг 3

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

Place more objects over the backgroundPlace more objects over the backgroundPlace more objects over the background

Шаг 4

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

Add the rest of the objectsAdd the rest of the objectsAdd the rest of the objects

Шаг 5

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

Add the decorative leavesAdd the decorative leavesAdd the decorative leaves

Шаг 6

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

Add the detailsAdd the detailsAdd the details

Шаг 7

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

Remove the backgroundRemove the backgroundRemove the background

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

Шаг 1

Выделите все объекты и сгруппируйте (Ctrl+G) их. Откройте панель Pattern Options (Window> Pattern Options). В ее выпадающем меню кликните по пункту Make Pattern.

Open the Pattern Options panelOpen the Pattern Options panelOpen the Pattern Options panel

Шаг 2

Мы получили доступ к неактивным до этого настройкам. Дайте паттерну имя "Fruits and Veggies". Для типа расположения тайлов (Tile Type) выберите метод Brick by Row. Метод Brick by Row хорошо подходит к нашему случае, потому что тайл имеет горизонтальную ориентацию и, соответственно, стыковка в том же направлении будет происходить лучше. Для выхода из панели Pattern Options просто кликните за ее пределами.

Select the Brick by Row optionSelect the Brick by Row optionSelect the Brick by Row option

Шаг 3

Готовый паттерн можно найти на панели Swatches. Он добавляется туда автоматически. Собственно, зальем им прямоугольник темно-синего цвета. Выглядит здорово, не правда ли?

Test the patternTest the patternTest the pattern

Поздравляю, мы закончили!

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

Вы можете найти и скачать другие декоративные паттерны на GraphicRiver.

Mid Century Vegetable and Fruit Pattern Illustrator TutorialMid Century Vegetable and Fruit Pattern Illustrator TutorialMid Century Vegetable and Fruit Pattern Illustrator Tutorial
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.