Как поменять цвет паттерна с Паттернэлли

На Паттернэлли можно скачать паттерн в векторном формате — svg, изменить цвет, масштаб, поворот, да что угодно.

Сейчас же расскажу как изменить цвет на примере паттерна Textile 2.

Скачайте паттерн в svg

Цвет не важен.

2. Откройте в Figma

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

2.1. Слева находится список слоёв. Выделите слой с паттерном — просто кликните по нему.

2.2. В правой панели отобразятся параметры паттерна, в том числе и цвет. У Textile 2 всего два цвета: чёрный — фон, тёмно-серый — рисунок.

3. Выберите цвет

Сначала подберите тон, потом подгоните яркость и насыщенность.

Чтобы цвета фона и рисунка сочетались, тон должен быть одинаковым. Его легче отследить в цветовой модели HSL — здесь тон будет первым значением.

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

Итак, установите цвет, например:

Получился вот такой паттерн:

4. Сохраните паттерн

4.1. В правой панели внизу раскройте Export
4.2. Выберите svg или png
4.3. Нажмите Export

5. Готово!

Если возникнут вопросы — напишите мне в Telegram, я помогу.

Советы по паттернам для фона

Выбирайте рисунок и цвет паттерна такие, чтобы не отвлекали внимание от важного контента.

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

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

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

Человек старается поскорее уйти от таких паттернов.
Делайте цвет фона паттерна не чёрным, а тёмно-серым.

Так меньше контраст, легче глазам читать. Если, конечно, чёрный не является неотъемлемой фишкой проекта.
Передавайте с помощью паттерна философию бренда, настроение, стиль, образ.

Это повышает понимание и запоминание бренда.

Подписаться на мои каналы

Поделиться или сохранить