Многопрофильное рекламное агентство
О компании
Портфолио

База знаний / Как делать паттерны в фотошопе

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

Паттерн (от англ. pattern – шаблон) фокусируется на повторении.

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

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

В веб-дизайне

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

В фирменном стиле

Паттерны являются весьма полезными инструментами, которые часто применяются в качестве фона рекламно-графических материалов, сувенирной продукции и корпоративной деловой документации. Использование паттерна в фирменном стиле формирует уникальность и повышает узнаваемость вашей компании даже без таких дополнительных подсказок, как логотип, название, слоган и т.п. Например, всем известен знаменитый паттерн Louis Vuitton (золотистые орнаменты и перекрещенные буквы LV на коричневом фоне) или узнаваемый многими паттерн бренда Burberry (красно-бело-черно-желтая «клетка»).

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

В оформлении конкретных продуктов

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

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

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

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

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

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

  1. Берем наше готовое изображение или рисуем часть будущего принта (важно оставить пространство по краям листа). А затем разрезаем его на 4 части.
  2. Теперь наше изображение нужно сдвинуть по диагонали (так, чтобы левый нижний угол оказался вверху справа, левый нижний угол – внизу справа и т.д.) В Photoshop это можно сделать с помощью инструмента Сдвиг/Offset
    Фильтры > Другое > Сдвиг
    Go to Filter > Oter > Offset


    В значении сдвига сделайте равным половине ширины/высоты вашего изображения. Отметьте пункт «Вставить отсеченные фрагменты»
  3. Заполняем образовавшуюся пустоту элементами, которые не будут соприкасаться с краями. 
  4. Сохраните изображение как узор.
  • Воспользуйтесь инструментом «Прямоугольная область» на изображении, чтобы выбрать область, предназначенную для применения в качестве узора. Параметр «Растушевка» должно быть присвоено значение 0 пикселей.
  • Редактирование > Определить узор
  • Введите имя для узора в диалоговом окне «Имя узора».

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