Создаем паттерн с фруктами и овощами в стиле ретро, используя Adobe Illustrator
Russian (Pусский) translation by Dark Wood (you can also view the original English article)



Стиль ретро вернулся и пока не собирается уходить! Мы можем заметить это по рукописным шрифтам, пастельным тонам ограниченной палитры и, конечно, простым формам. Весна пришла, лето уже в пути. И я предлагаю вам нарисовать в этом стиле паттерн из фруктов и овощей.
Вы можете найти крутые вдохновляющие коллекции векторных паттернов на GraphicRiver.
1. Создаем новый документ
Запустите Adobe Illustrator и командой File> New (Ctrl+N) создайте новый документ. В его настройках задайте профиль Web, ширину 1000 пикселей и высоту 500 пикселей. Эту область мы и зальем паттерном.
2. Делаем эскиз
Шаг 1
Набросок - самый простой способ визуально представить свою идею. Давайте сделаем эскиз своего паттерна из нескольких милых овощей и фруктов.
Нарисуйте 10 или 11 различных плодов с "лицами" в виде двух точек - глаза - и дуги рта. Я нарисовал 11 штук: ананас, целый лимон и его дольку, баклажан, грушу, яблоко, свеклу, клубнику, морковь, помидор и вишню. Рисуйте светло-серым цветом - это облегчит процесс отрисовки. Когда эскиз будет готов, заблокируйте слой с ним (Ctrl+2).



Шаг 2
Разнообразие в наш паттерн будут вносить зеленые листочки различной формы. Их мы "разбросаем" вокруг основных объектов. Нарисуйте примерно такие листья, как показано ниже.
3. Создаем палитру цветов
Прежде чем перейти к отрисовке, давайте определимся с цветовой палитрой. Я выбрал пять ярких цветов (желтый, оранжевый, розовый, голубой и зеленый) и один темно-синий оттенок. Яркими цветами будут раскрашены основные элементы паттерна, а темный станет его фоном. Благодаря этому иллюстрацию получит приятный глазу контраст. Для своего паттерна вы, конечно же, вольны выбрать другие цвета.
4. Отрисовываем набросок
Шаг 1
Основным инструментом для дальнейшей работы станет Pen Tool (P). Избранный стиль предполагает рисование от руки, потому не стоит делать линии идеальными.
Начнем отрисовку с самого сложного элемента - ананаса. Сложный он относительно других своих собратьев по паттерну. Но при помощи Pen Tool (P) всё пройдет без проблем.
Отрисуйте сначала основную фигуру и "корону" из листьев поверх нее (2). Добавьте вторую часть "короны", два кружка-глаза и изогнутый контур рта (3). Залейте их следующим образом: сам плод желтым (#f1c82e
), переднюю часть "короны" зеленым (#a6d36b
) - это всё цвета с палитры, - более темным оттенком зеленого обозначьте часть "короны" на заднем плане (4).
Когда это будет сделано, нарисуйте шесть диагональных линий. Залейте их светлым оттенком желтого. Отразите эти линии и сложите вместе, сформировав сетку (5). Разместите ее на плоде ананаса (6). Скетч нам более не нужен, потому удалите его.
Шаг 2
Следующий плод - свекла. Начинаем вновь с основной фигуры (#f4688b
) и пучка зелени сверху (#a6d36b
). Добавляем мордашку. Для экономии времени можно скопировать элементы личика с ананаса. Поверх него нарисуйте эдакую челку.
Шаг 3
На очереди вишенки. Можно нарисовать каждую из них отдельно или сделать копию одной. Чтобы внести разнообразие, пусть одна из вишенок будет улыбающейся, а другая грустной. Залейте их теми же цветами, что и свеклу; для черенков задайте более темный оттенок зеленого.
Шаг 4
Третьей по счету станет клубника. Также начните с основной фигуры (2), затем добавьте листочки и личико (3). "Телу" назначьте красный цвет (#f16359
), листьям - зеленый (#a6d36b
), глазам - темно-синий (#1b142c
), а ротику - светло-розовый (4).
Немного детализируем клубничку. Нарисуйте массив примерно из 20 точек чуть более светлых, чем основная ее фигура (5) и затем перенесите их на нее случайным образом (6).
Шаг 5
Аналогичным клубнике образом отрисуйте морковку. Не забудьте, что можно копировать личико с уже имеющихся плодов. Основную фигуру моркови залейте оранжевым (#f17c45
), листья - зеленым (#71ca7d
). Набросок за ненадобностью удалите.



Шаг 8
Переходим к шестому участнику паттерна - яблоку. Все действия повторяются в той же последовательности: основная фигура, листик на черенке и личико. Цвета заливки следующие: красная основа (#f16359
) и зеленый листик (#a6d36b
); черенку назначьте более темный оттенок зеленого.
Шаг 7
Лимон, как я говорил в начале, у меня будет представлен в виде дольки и целого плода. Сначала давайте нарисуем дольку: две полукруглые фигуры с мордашкой внутри. Внешний полукруг залейте желтым цветом из палитры (#f1c82e
), а внутренний - его более светлым оттенком.
Шаг 8
Теперь нарисуем целый лимон. Его желтое "тело" (#f1c82e
) будет иметь грустное выражение лица. Настолько грустное, что он даже пустит слезу. Нарисуйте небольшую капельку более светлого оттенка желтого под правым глазом. В верхней части плода я также добавил массив из точек того же оттенка.
Шаг 9
Баклажан тоже будет кручиниться, потому что многим людям он не нравится. Но порядок отрисовки это нисколько не изменит: "тело", листики и черенок. Основную фигуру залейте синим цветом (#0092bc
), а листья - зеленым (#a6d36b
). Элементы личика будут того же темно-синего цвета, что и у уже нарисованных плодов.
Шаг 10
Мы уже добрались до десятого участника нашего паттерна. И это будет груша. Ее "тело" залейте зеленым (#a6d36b
), лепестки более темным оттенком того же цвета и, как всегда, элементы личика - темно-синим (#1b142c
).
Шаг 11
Последний элемент паттерна - помидор. Он будет иметь две версии: красную (#f35457
) с зелеными листочками (#71ca7d
) и недозрелую, но всё-равно веселую, зеленую (#23a15f
), которую нужно для разнообразия отразить.
Шаг 12
Переходим к отрисовке листьев, которые станут дополнительным украшение нашего паттерна. Работаем по-прежнему инструментом Pen Tool (P). Первые листочки раскрасьте в разные оттенки зеленого.



Шаг 13
Также поступите и со следующей парой.
Шаг 14
И нарисуйте несколько совсем небольших листочков с аналогичным способом окрашивания. Это был последний элементы для отрисовки.
5. Подготавливаем тайл паттерна
Шаг 1
Одну часть текстуры, залитой паттерном также иногда называют тайл. Вот его мы сейчас и сделаем. Размеры тайла будут соответствовать монтажной области.
Инструментом Rectangle Tool (M) кликните где-нибудь в рабочей области и в появившемся диалоговом окне укажите 1000 пикселей по ширине и 500 пикселей по высоте. Как я уже говорил в начале, темный цвет фона выбран потому, что наши фрукты и овощи яркие и будут в данном случае отлично дополнять другу друга. А вот в случае с белым фоном получилось бы плохо.



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



Шаг 4
Добавьте последние плоды. У меня это морковь, помидоры и клубника. И вот иллюстрация наполнилась разнообразными цветами и фигурами.
Шаг 5
Далее украсим паттерн первой партией листьев. Разместите их в пустых областях между основными элементами.
Шаг 6
И завершим композицию добавление самых маленьких декоративных элементов, которыми заполните оставшееся пустое пространство. Еще раз обращу ваше внимание на важность оформления краев. Чем ближе будут элементы к нему, тем менее заметным будет переход между тайлами.
Шаг 7
Закончив оформление тайла элементами, вы можете удалить их оригиналы.
6. Создаем паттерн
Шаг 1
Выделите все объекты и сгруппируйте (Ctrl+G) их. Откройте панель Pattern Options (Window> Pattern Options). В ее выпадающем меню кликните по пункту Make Pattern.
Шаг 2
Мы получили доступ к неактивным до этого настройкам. Дайте паттерну имя "Fruits and Veggies". Для типа расположения тайлов (Tile Type) выберите метод Brick by Row. Метод Brick by Row хорошо подходит к нашему случае, потому что тайл имеет горизонтальную ориентацию и, соответственно, стыковка в том же направлении будет происходить лучше. Для выхода из панели Pattern Options просто кликните за ее пределами.
Шаг 3
Готовый паттерн можно найти на панели Swatches. Он добавляется туда автоматически. Собственно, зальем им прямоугольник темно-синего цвета. Выглядит здорово, не правда ли?
Поздравляю, мы закончили!
Отличная работа! Мы создали забавный и красочный паттерн в стиле ретро. Возможности применения паттернов вообще - необязательно этого - велики. Вы можете создать на его основе обои для рабочего стола компьютера или смартфона, использовать в веб-дизайне или просто распечатать.
Вы можете найти и скачать другие декоративные паттерны на GraphicRiver.



