Записки микростокового иллюстратора

Микростоки: рисуем и зарабатываем на своем творчестве

18 февр. 2018 г.

Доброго времени суток. Встречайте новый урок по Adobe Photoshop. Все уже привыкли, что у нас уроки в основном по Adobe Illustrator, но сейчас мы решили расширить кругозор. А поможет нам в этом Veremeya со своей гостевой статьёй «Как сделать бесшовный паттерн в фотошопе с помощью плагина Kaleidoscope».

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

Для начала работы вам нужно скачать и установить плагин Калейдоскоп:
СКАЧАТЬ ПЛАГИН

Распакуйте архив, файл kaleidoscope2-1.8bf нужно поместить в папку для плагинов Adobe Photoshop. У меня плагин стоит в следующей директории:

C:\Program Files\Adobe\Adobe Photoshop CS5\Plug-ins\Filters

Если плагин установился, вы сможете найти его в фотошопе в меню: Фильтр-Mehdi

Если вы не увидели в этом месте плагина, то либо плагин установлен не в ту папку (тогда следует поискать папку, в которой установлены файлы с расширением *.8bf), или он не поддерживает работу в вашей версии фотошопа (такое тоже может быть).

Теперь начинаем наше волшебство 😊

Для создания узора вы можете выбрать любое фото или иллюстрацию. Вот мой исходный файл:

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

Теперь откроем плагин и установим настройки, как на рисунке:

Petals – количество углов, которые образуются в нашем узоре.
Rotate – угол наклона узора. Если вы хотите получить бесшовный узор, оставляйте 0.
Zoom out – эта функция дублирует и мельчит узор, как если бы вы хотели сделать паттерн из одного повторяющегося сегмента. Таким сегментом выступает исходный файл.
Random – некий набор случайных настроек, с которыми очень интересно играться. Благодаря этой кнопке можно получить бесчисленное количество вариантов из одного исходника. Под этой кнопкой расположены 3 параметра, которые можно настраивать вручную. Кнопка Random является сочетанием всех трех параметров и я рекомендую использовать именно ее. Случайные настройки, заложенные в программе всегда дают интересные варианты, чего не всегда можно достичь, настраивая параметры вручную.

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

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

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

Вот какая галерея получилась у меня:

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

Возьмем одну из картинок и проверим паттерн на бесшовность:

Хочу отметить, что плагин запоминает настройки, которые вы применили и автоматически применяет их в следующий раз. Кнопка «Reset» сбрасывает все изменения до первоначальных настроек.

Я не упоминала о параметре Spinning Effect. В предыдущих преобразованиях мы использовали значение кнопки «Mirror». Посмотрим, что будет, если применить значение «Copy».

Как видим, мы получили спирально закрученный узор.
Применим параметр «Blend».

Спасибо за внимание! Если у вас получились интересные результаты, показывайте в комментариях.

Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Что такое паттерн в графическом дизайне

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

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

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

Паттерн – это порядок

Понятие «паттерн» используется в нескольких дисциплинах, но этот термин всегда говорит об упорядоченной системе. Это понятие используется не только в дизайне, «паттерн» – термин обширный. Его можно встретить в психологии, в музыке, проектировании и даже в биологии. Вот несколько примеров:

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

Паттерны в графическом дизайне

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

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

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

Посмотрите на пример сложного паттерна от Akeme Brand Identity. Здесь переплетаются женские фигуры, точки и листья, и все это в одной цветовой гамме. У этого узора нет швов: его можно продолжить в любую сторону, и он всегда будет выглядеть одинаково.

Элементы паттерна всегда расположены по правилам. Если какой-то элемент выпадает из общей концепции, то он рушится (получается простая иллюстрация).

Итак, перед вами точно паттерн, если:

Паттерн как часть фирменного стиля

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

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

Обычно дизайнер создает паттерны вместе с фирменным стилем компании. Паттерн работает как полноценная часть стиля бренда или линейки продукции, с его помощью можно оформить продукт и вызвать определенные ассоциации. Например, чтобы сделать упаковку чая более романтичной, дизайнеры Sophia’s Tea добавили цветочный паттерн в пастельных тонах. Настраивает на долгое чаепитие!

Хороший паттерн помогает донести философию бренда до потребителя. Если воздушный цветочный паттерн идеально подходит для романтичной упаковки чая, то это не значит, что нечто подобное можно использовать для всех чаев на свете. Хороший пример того, как паттерн транслирует суть компании, – дизайн фирменного стиля бара Cru. В этом случае дизайнеры в качестве узора использовали морских обитателей. Это сразу дает понять, на какой кухне специализируется этот бар. А еще здесь можно заметить маленькую деталь – буква «u» в части логотипа напоминает рыболовецкий крючок, и его тоже вплели в паттерн.

Паттерны – многофункциональная штука. С их помощью можно не только показать, на чем специализируется компания, или отобразить настроение продукта – разными паттернами можно разделить однотипные продукты в линейке. Именно так сделали дизайнеры компании Alora Coffee Co., которая занимается кофейными капсулами. Каждая коробочка имеет свой узор, обозначающий вкус. Легко запомнить!

Типы паттернов

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

Геометрический

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

Абстрактный

Абстрактные паттерны могут добавить щепотку современного искусства в ваш дизайн. Правда, такие узоры бывают сильно перегружены элементами, поэтому использовать их стоит с осторожностью. Мне очень нравятся абстрактные узоры от художника Tom Abbis Smith. Его узоры использовали для дизайна коробочек косметической продукции, в качестве принтов для одежды (есть целая коллекция!) и даже для упаковок попкорна.

Минималистский

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

С персонажами

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

Паттерн из логотипа

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

Типографика

Основа таких паттернов – буквы или слова, которые комбинируются по тем же правилам: цвет, угол, расстояние. Если вы создаете подобный узор для бренда, убедитесь, что шрифт соответствует его индивидуальности. Например, можно взять букву из названия компании или слово, которое наиболее точно транслирует философию бренда. Посмотрите, какие паттерны создали для DiaTipo SP. Узор, основу которого составляют буквы и знаки препинания, отлично выглядит на носителях разного рода: от значков до баннеров.

Как создать свой паттерн

Если, посмотрев на эти замечательные примеры узоров, вы захотели срочно создать свой, то обязательно ознакомьтесь с моей короткой инструкцией. Думаете, создать паттерн очень сложно? Возможно, но только если он состоит из множества сложных элементов, которые нужно рисовать от руки, а потом еще и соединять под разными углами. Давайте я покажу процесс создания простого паттерна с логотипом Timeweb. Весь процесс я буду показывать в программе Adobe Photoshop 2020.

Давайте попробуем залить этим паттерном какой-нибудь холст. Я создала документ рандомного размера. Чтобы применить узор к фону, сначала разблокируем его, а затем дважды кликнем мышью. У вас появится окно, отвечающее за стиль слоя. Здесь слева есть пункт «Наложение узора», где в выпадающем меню можно найти узор, который мы создали. Готово!

Заключение

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

19 советов по созданию паттернов

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

Лучшие художники по части паттернов — ведущие иллюстраторы и дизайнеры текстиля — делятся советами, о том как рисовать прекрасные повторяющиеся узоры с использованием Photoshop, Illustrator, карандашей, ручек, и красок.

Динара Миртлипова (Dinara Mirtlipova), Узбекистан:

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

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

Рис. 1. Паттерн Динары Миртлиповой

2. В свободное время я люблю рисовать “свободные паттерны”. Это не технический термин, просто я так их называю. Суть в том, что у меня нет предварительного плана в голове — я просто черчу квадрат 15х15 и начинаю рисовать в нем паттерн.

Рис. 2. Паттерн Динары Миртлиповой

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

Рис. 3. Элементы паттерна Динары Миртлиповой с Рис.3.

Лотта Хюльхорн (Lotta Kühlhorn), Швеция:

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

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

Рис.4. Паттерн Лотты Кюльхорн

5. Обычно, когда я сканирую свои рисунки, я делаю линии более черными и убираю ненужные части бумаги через настройку уровней (levels) в Photoshop-е. Я применяю настройки таким образом, чтобы сделать черные тона еще более черными, а белые еще более белыми, чем есть на рисунке.

Если оказывается, что это необходимо, я разделяю картинки, чтобы обработать их в Photoshop-е так, чтобы каждая часть мотива имела абсолютно одинаковые тона и чтобы все они были размещены на отдельных слоях.

6. Создайте три разных оригинала (например, для консервной банки для сардин я сделала три версии: в желтом, в черном, и в розовом цвете). Залейте все части, которые должны быть сплошного цвета, черным, используя инструмент Заливка в Photoshop-е.

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

Эбигейл Борг (Abigail Borg), Великобритания:

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

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

Рис.5. Паттерн Эбигейл Борг на наволочке.

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

Вы можете начать паттерн и сказать “Я хочу, чтобы здесь были розы и пионы и все”. Сложно представить, как в итоге будет выглядеть такой паттерн. В моей истории, самые удачные и привлекательные паттерны получались совершенно случайно.

Рис.6. Эбигейл Борг, процесс создания паттерна.

Рейчел Кейв (Rachel Cave), Великобритания:

9. Все мои работы начинаются в Illustrator-е, потому что я предпочитаю нырять в работу сразу и начинать создание форм, используя инструмент Перо (Pen tool). Иногда я могу сначала сделать несколько быстрых традиционных компоновочных эскизов, но обычно я играю с формами и узорами прямо сразу на компьютере.

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

Рис.7. Рисование цветочных элементов пером в Illustrator-е.

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

Очень полезный совет — использовать направляющие (‘Guides’) в Illustrator-е. Они помогут аккуратно разметить повторяющиеся плитки, что необходимо для создания идеального паттерна.

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

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

Мэри Танана (Mary Tanana), США:

12. Я помню, как один из моих преподавателей по иллюстрации в колледже сказал мне: “не покрывай глазурью пирог, пока он не испечен!” И в работе с паттернами я до сих пор придерживаюсь этой философии.

Рис.9. Работа над дизайном паттерна в ч/б.

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

Рис.10. Работа над покраской ч/б дизайна.

14. Когда я заканчиваю работу с цветом, я делаю “точечный тест”, чтобы посмотреть, как выбранные цвета взаимодействуют между собой. Это помогает в работе с принтами и здорово экономит время.

Рис.11. «Точечный тест».

Лесли Тодд (Lesley Todd), Великобритания:

15. Создайте иллюзию разнообразия в своем паттерне путем отражения, поворота и перекраски повторяющихся мотивов.

Рис.12. Паттерн Лесли Тодд.

16. Я люблю придавать текстуру и узор моим мотивам, но здесь важно помнить, что Adobe Illustrator даст вам загрузить в форму в специальный инструмент для создания узоров, если вы сначала расширите свой паттерн. Мне понадобилось какое-то время, чтобы это понять!

Рис.13. «Расширение» паттерна в Adobe Illustrator.

17. Инструмент для создания паттернов в Adobe Illustrator — замечательно подходит для экспериментов. Когда я создаю паттерн, самые на мой взгляд динамичные и интересные результаты получаются, когда я использую не один мотив, а несколько.

Лесли Вуд (Leslie A Wood), США:

18. Сначала нарисуйте формы довольно общего вида, а потом перенесите каждую из них на индивидуальный слой в Photoshop, продолжая дорабатывать дизайн. Хотя на это уходит довольно много времени, эффект получается более интересный, чем со стандартным повторяющимся паттерном. Так что я создаю отдельный слой для каждой формы, а потом копирую, вставляю и двигаю, чтобы посмотреть, как они “работают” вместе.

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

Рис.14. Паттерн Лесли Вуд.

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

Рис.15. Эскиз к паттерну на Рис.14.

Примечание переводчика: о технической стороне компоновки паттернов подробнее здесь!

Как сделать паттерн в фотошопе

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

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

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

Что такое паттерн

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

Пустыня Данакиль, Эфиопия. Паттерн, созданный природой. Источник: nationalgeographic.com

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

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

Чем паттерн отличается от текстуры

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

Из текстуры легко сделать паттерн. Достаточно отрезать фрагмент рисунка и с помощью ретуши соединить с дубликатами.

Имитация текстуры травы. Источник: unsplash.com

Почему паттерны так популярны

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

Цветочный фон сервиса по доставке букетов. Источник: florist.ru

Абстрактный синий фон сайта о музыке. Источник: spaceandsoundmusic.com

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

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

Виды паттернов

Паттерны в дизайне бывают различных видов в зависимости от того, что на них изображено.

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

Цвета и узоры на тартане — традиционной шотландской клетчатой ткани и одного из самых известных геометрических паттернов — символизируют клан, к которому относится её владелец. На данный момент мировой реестр тартанов насчитывает 3 000 разных видов этого орнамента.

Килты, традиционные шотландские юбки, сшитые из тартанов разной расцветки. Источник: stoneforest.ru

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

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

Орнамент дизайнера Уильяма Морриса «Клубничный вор». Источник: unsplash.com

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

Минималистичные паттерны содержат мало деталей и оставляют много пространства и воздуха. Они подчёркивают другие элементы дизайна и не отвлекают внимание от главного.

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

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

Фирменный дизайн Louis Vuitton. Источник: shoppingschool.ru

Как паттерны используют в дизайне: примеры из жизни

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

Фон сайта

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

Паттерн в качестве фона для сайта о детском творчестве kids-tube.ru

Часть фирменного стиля

Многие бренды выбирают в качестве фирменного стиля паттерн. Fendi, Burberry, Missoni, Paul Smith — именно оригинальный повторяющийся узор делает эти компании узнаваемыми по всему миру. Бренды используют фирменный паттерн для оформления логотипа, магазинов, продукции и другого.

Фирменный стиль бренда Missoni, узор зигзаг. Источник: notmartha.org

Упаковка

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

Фирменные пакеты бренда Victoria’s secret. Источник: love-toria.ru

Одежда

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

Идея газетного принта пришла к парижскому модельеру Эльзе Скиапарелли в 1935 г., когда она увидела, как рыбачки в Копенгагене носят на голове шляпы из газет. Для печати на платьях она собрала газетные вырезки о себе. В наше время текстовые паттерны используют для печати не только одежды, но и обуви, обоев, мебели и другого.

Интерьерный дизайн

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

Применение паттерна в дизайне интерьера. Источник: design-guru.moscow

Как сделать паттерн самому

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

Простой уровень: онлайн-генераторы паттернов

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

GeoPattern

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

Pattrninja

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

Patterncooler

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

Patternizer

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

Background Image Generator

Программа Background Image Generator отличается простым и понятным интерфейсом. По аналогии с другими сервисами паттерны можно создавать с помощью сохранённых в программе шаблонов.