Веб-Острова Анатолия Куликова

Делаем паттерн из иконок

Делаем паттерн из иконок

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

И вот, наконец я добрался до ресурса с иконками, которым часто пользуюсь — до flaticon.com, и задумавшись на очередной странице, сам не заметил, как докрутил до подвала сайта и на глаза мне попалась строчка в меню — генератор паттернов. А что мы делаем, если видим интересную ссылку?

Генератор паттернов у flaticon’a очень простой, но большего в принципе и не нужно.

Всё, что нужно для создания паттерна, здесь есть — куча иконок, инструменты для редактирования изображений (можно менять цвет, отражать, изменять прозрачность, клонировать и перемещать по слоям). Можно также изменить цвет фона. И главное — результат сразу виден, что весьма удобно.

Готовый паттерн можно сохранить в нескольких форматах — png, jpg, svg и даже Base 64 (осторожно, много кода). Особенно классно то, что инструмент может сохранять в svg.

Надеюсь, что моя находка будет для вас полезной.

Анатолий Куликов

Анатолий Куликов

Автор блога, дизайнер, веб-разработчик

Новые статьи

Разбираемся с Яндекс.Коннектом

Разбираемся с Яндекс.Коннектом

Разбираемся с новым сервисом от Яндекса
Следим за клавиатурой с помощью JS

Следим за клавиатурой с помощью JS

Отслеживаем нажатие клавиш на клавиатуре и совершаем действия
Надежность пароля в картинках

Надежность пароля в картинках

Скажи пользователю, что ты думаешь о его пароле
Скроллинг по странице

Скроллинг по странице

Делаем плавный скроллинг по странице с помощью JQuery и HTML5
AI композитор Amper Music

AI композитор Amper Music

Проблем с музыкой для своих проектов больше не будет
Качаем шрифты с Google Fonts

Качаем шрифты с Google Fonts

Скачать шрифты Google Fonts бесплатно, без смс, для своего сайта

Статьи по теме

Ахроматический контраст в веб-дизайне

Ахроматический контраст в веб-дизайне

Краткая теоретическая статья о применении ч/б при разработке дизайна
Главные цвета весны 2018 от Pantone

Главные цвета весны 2018 от Pantone

Главные цвета весны 2018 от Института Цвета Pantone
Обзор Icons8 — гибкая библиотека иконок

Обзор Icons8 — гибкая библиотека иконок

Достаточно своеобразная библиотека иконок (бесплатных и не очень) с широким функционалом
Тренды веб-дизайна 2018

Тренды веб-дизайна 2018

Как будет модно верстать в 2018 году