Как поменять цвет паттерна

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5. Готово!

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

Поделиться инструкцией:

Как помочь проекту