Генератор фона – 15 сервисов для создания фоновых узоров и текстур / Полезное в сети / Постовой

Содержание

15 сервисов для создания фоновых узоров и текстур / Полезное в сети / Постовой

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

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

15 сервисов для создания цельных фоновых узоров и текстур.

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

BG Patterns
BG Patterns представляет собой современный инструмент для создания красочных узоров, используя различные встроенные фигуры или пользовательские изображения. Инструмент предлагает формы для различных тем, такие как цветы, вечеринки, животные и геометрические фигуры. Вы можете выбрать множество цветов для фона и фигур. Он также подразумевает вращение и масштабирование пользовательских изображений, настройку перекрытия для использования нескольких фигур. BG Patterns позволяет использовать картинки с разрешением, выше чем 300 × 300 точек в формате PNG и SVG.

Noise Texture Generator
Noise Texture Generator позволяет создать простую текстуру фона с использованием различных цветов и оттенков. Сервис позволяет устанавливать размеры текстуры, а также непрозрачность и плотность. Есть предпросмотр плитки и возможность загрузить её мгновенно.

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

Colour Lovers
Colour Lovers — современное приложение, которое позволяет создавать различные узоры, используя пользовательские палитры, изображения и встроенные стили. Сервис также предлагает Seamless Lite — инструмент на Flash для дизайна новых узоров, используя различные настройки для создания и редактирования, например, добавление фигур и текста, поворот и трансформирование фигур и многое другое.

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

Texture Generator
Texture Generator является инструментом для быстрой генерации текстур, используя различные цветовые оттенки и встроенные стили текстур. Инструмент позволяет использовать различные стили текстур, вроде земли, облаков, дерева и клеточек. В нем вы можете редактировать стили текстур, используя настройки, генерировать картинки в формате JPG и PNG.

Trianglify Generator
Бесплатныйгенератор low poly фонов. Есть возможность настройки цвета и градиентов. После настройки можно скачать изображение в векторном формате SVG или растровый вариант в формате PNG.

Trianglify Background Generator
Еще один low poly генератор фонов, но в отличие от предыдущего, этот имеет другую текстуру и более интересные вариации переходов цветов.

Background Image Generator
Отличный сервис для генерации фонов для сайта. Имеет множество вариантов текстур, которые раскрашиваются в нужный нам цвет.

Plaid Maker
Plaid Maker – современный сервис для генерирования клетчатых узоров в различном стиле. Вы можете выбрать комбинацию цветов для создания узора или просто отредактировать встроенный узор. Клетчатые узоры могут быть использованы в блоге, для фона веб-сайта, либо как фон приложения для iPhone или Android.

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

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

Background Dotter
Background Dotter от Pixelknetes — инструмент для генерирования точечных фонов, используя два разных цвета для точек и фонов соответственно. Точечные узоры на фоне обеспечивают модный дизайн для сайтов и билбордов.

Striped Backgrounds
Striped Background является современным инструментом, который позволяет генерировать полосатые узоры, используя 5 разных цветов. Вы можете сгенерировать узоры в 5 колонок в разных расширениях, вроде широкоэкранного, полноэкранного, HDTV и мобильного.

postovoy.net

Бесплатные генераторы бесшовных фонов (паттернов) для Ваших сайтов

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

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

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

И так, начнем.

Мы будем пользоваться сайтом www.stripegenerator.com.

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

Вот как выглядит сам генератор:

Как видите ничего сложного и всё логически понятно. Но всё равно хотелось бы дать понятия всем разделам:

  • stripe size — это ширина самой полоски, которая в данном случае красная;
  • spacing — расстояние между красными полосками;
  • stripe color(s) — цвет полоски. Как видите по умолчанию стоит красный цвет, который можно изменить. А также добавить ещё несколько цветов по душе.
  • background style — стиль фона паттерна. На выбор есть два градиента.
  • shadow — классная функция, с помощью которой настраивается тень от полоски. Этот параметр придаёт объёмности паттерну.
  • background color(s) — с помощью этой функции Вы сможете настроить цвет фон. По умолчанию стоит белый.
  • stripe orientation — стиль и наклон полоски. Выбор не большой, но этого вполне хватает.

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

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

Вот в принципе и всё, что хотелось сказать о этом генераторе. Всё просто и качественно.

Ну а теперь представляю Вам ещё несколько простых генераторов бесшовных фонов. Поехали.

Не плохой и простой генератор, который делает клеточные фоны. Так же есть несколько настроек, которые помогут сделать Вам паттерн.

Замечательный генератор паттернов. Есть много настроек, а также есть несколько изображений, которые Вы сможете использовать. Чтобы убрать изображение, прозрачность нужно поставить на 0.

Ещё один отличный генератор полосатых фонов

Фон, который Вы рисуете сами, а самое интересное, что сразу же видите, какой паттерн нарисовали.  Очень классная задумка.

Генератор полосатых фонов

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

beloweb.ru

10 бесплатных генераторов фона

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

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

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

 

TRIANGLIFY GENERATOR

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

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

С помощью генератора можно выбрать одну из 27 разработанных профессиональными дизайнерами цветовых схем, но если нужно сделать что-то свое, то всегда можно сгенерировать собственную схему. Полученный фон можно сохранить в форматах PNG и SVG.

 

TRIANGLIFY BACKGROUND GENERATOR


Инструмент Trianglify Background Generator использует тот же триангуляционный JS-плагин, что и предыдущий генератор. Скрипт, лежащий в основе программы, использует несколько палитр из COLOURlovers и ColorBrewer и позволяет использовать дополнительные настройки, такие, как выбор типа градиента.

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

 

GEOPATTERN


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

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

Результат можно сохранить в формате PNG.

 

DELAUNAY TRIANGLE PATTERN MAKER


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

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

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

 

FLAT SURFACE SHADER


На первый взгляд Flat Surface Shader ничем не отличается от предыдущего генератора случайных фонов. Однако это не так, сервис использует более рандомный и динамичный подход к триангуляции Делоне. Генерация полигонов происходит несколько хаотично, так как источники света в этом инструменте находятся в постоянном движении.

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

 

WATERPIPE.JS


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

Waterpipe.js.

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

 

COLORFUL CSS GRADIENT BACKGROUND GENERATOR


Инструмент Colorful CSS Gradient Background Generator наверняка пригодится дизайнерам, создающим сайты и приложения, особенно тем, кто работает с iOS. Это веб-сервис позволяет создавать красивые градиентные фоны буквально на лету.

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

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

 

UNIQUE GRADIENT GENERATOR


С помощью инструмента Unique Gradient Generator можно создавать фоны из любого растрового изображения. Размер изображения практически не имеет значения, генератору достаточно даже картинки размером 7х3 пикселя. Инструмент размывает исходник до полной неузнаваемости, подобно эффекту Gaussian Blur в Adobe Photoshop.

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

Генератор имеет библиотеку из 33-х готовых к использованию изображений, но можно загрузить и собственные файлы. Готовый фон можно скачать в растровом формате или как код CSS.

 

MATERIAL DESIGN BACKGROUND GENERATOR

Инструмент Material Design Background Generator, это сервис, который находится на пике популярности, ведь с помощью данного инструмента можно без особых усилий генерировать фоновые изображения в стиле Material Design, созданном дизайнерами и веб-разработчиками компании Google.

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

 

K’S WATERCOLOR BACKGROUND IMAGE GENERATOR

Инструмент K’s Watercolor Background Image Generator создает бесшовные текстуры с эффектом акварели. Генератор создает изображение с помощью полупрозрачных кругов, которые, сливаясь, имитируют акварельные пятна. На настоящую акварель не очень похоже, но фоны получаются достаточно интересными.

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

Автор: Диана Сиддикви

designmojo.ru

Полезные веб-сервисы дизайнеру №10: фоны, генераторы, SVG

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

SVG Backgrounds

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

Ваша задача выбрать один из нескольких типов заливки: градиент, объекты, полоски, узоры и т.п. Затем редактируете имеющиеся настройки — указываете цвета, прозрачность, рамки, размеры элементов и т.п. На выходе получаете соответствующий CSS код.

Mobbin.design

Авторы ресурса Mobbin.design вручную отбирают лучшие дизайны мобильных приложений для вдохновения. Здесь 2 варианта навигации: можно отдельно просматривать список примеров по проектам (Apps), либо переключиться на вкладку определенных элементов (Patterns). Дабы получить доступ к полному архиву и некоторым функциям придется зарегистрироваться. Хорошее дополнение другим сервисам сборникам дизайнов мобильных интерфейсов.

The Front-End Checklist

В The Front-End Checklist найдете что-то вроде чек-листа со списком необходимых действий при создании сайта. Вы можете ознакомиться со всеми важными задачами веб-разработки, которые крайне желательно внедрять в своих/клиентских веб-проектах.

Отмечайте уже выполненные задачи, тем самым повышая рейтинг/оценку вашей работы. Перечень пунктов для удобства разбит на несколько категорий: HTML, CSS, скрипты, изображения, SEO, производительность и т.п. Кроме того, есть компоновка по трем уровням приоритетности — логично начинать с наиболее важных правок, а после заняться второстепенными.

Record Label Logos

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

GradPad

Очередной генератор градиентов под названием GradPad. В принципе, здесь все весьма приятно и наглядно организовано. С помощью шкалы и передвигаемых элементов цветов в самом низу страницы создаете свой оригинальный вид перехода. Затем сверху кликаете по ссылке «Get CSS for this Gradient» дабы получить результирующий код.

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

Flag Icon CSS

Flag Icon CSS — отличное дополнение к нашей недавней подборке с иконками флагами в PNG / JPG. Все экземпляры выполнены в формате SVG. Для удобства доступно разбиение на группы: Африка, Европа, Азия, Океания и т.п., хотя не совсем понятно зачем оно нужно — ведь вся графика скачивается в одном архиве. Дополнительно на сайте есть мини игра с угадыванием столиц государств.

30 Seconds of CSS

На веб-ресурсе 30 Seconds of CSS собрана коллекция самых популярных и полезных сниппетов CCS таблиц стилей. Они весьма простые для понимания — вам достаточно менее 30 секунд дабы разобраться во всех деталях и нюансах.

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

Trianglify.io

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

Выбирайте одну из предложенных палитр или задавайте свои варианты цветов. Также есть парочка настроек: 2 ползунка для определения размеров и разброса полигонов + ширина/высота изображения. Итоговый результат доступен в PNG или SVG форматах.

Piano Keyboard

Некто Felipe Fialho реализовал небольшое пианино с помощью CSS и JavaScript. Вы можете нажимать клавиши мышкой или использовать кнопки клавиатуры в ряду, начинающемся с «caps lock». Веб-технологии позволяют делать удивительные вещи.

Particle Effects for Buttons

Particle Effects for Buttons — небольшая библиотека скриптов, которые создают для кнопок сайта визуальный эффект разрыва их на множество частиц при нажатии. Посмотрите демонстрацию — выглядит неплохо. В статье найдете алгоритм внедрения данной фишки, а также описание используемых функций. Можно выбирать разные виды эффекта, сторону начала и скорость его выполнения. Кстати, советуем почитать про развитие дизайна кнопок на сайтах и в интерфейсах.

Надеемся юбилейный выпуск вам понравился. Если к следующему месяцу успеем набрать 5-6 достойных сервисов, обязательно опубликуем обзор пораньше. Предлагайте интересные кандидатуры для следующей публикации в комментах.

design-mania.ru

6 генераторов для создания фонов и изображений в стиле Полигон (Low Poly)

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

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

Так же рекомендую следующее:

Генератор фона в стиле Полигон — Trianglify

Очень простой и простой генератор, который позволит создать фоны в стиле Low Poly. Тут присутствует не много настроек, которых хватит для того, чтобы создать подходящий и красивый фон для Вашего сайта. Так же уже готовый полигон фон Вы сможете бесплатно скачать в формате SVG.

Перейти

Генератор для создания изображений в стиле Полигон

Отличный и функциональный генератор для создания триангулярных изображений. Множество настроек позволит Вам создать то изображение которое именно нужно. Так же Вы можете использовать кнопку рандомизации для получения случайных результатов, по моему тоже очень полезная функция. После  ого как изображение будет готово Вы сможете скачать его в форматах PNG и SVG.

Перейти

Offline инструмент для создания Полигон изображений

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

Перейти

DMesh — отличная программа для создания Low Poly картинок

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

Перейти

Java приложение для триангуляции изображений

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

Перейти

Триангуляция Делоне — много настраиваемый инструмент

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

Перейти

Спасибо http://www.noupe.com

beloweb.ru

Online сервисы для создания фона (background) для сайта / блога

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

В сети есть около десятка сервисов (а может и больше), которые помогут вам сгенерировать правильный фон, задавая лишь некоторые его параметры — цвет, узор и т.п. Если у вас нет желания вникать во все азы Photoshop`а — воспользуйтесь одним из сайтов ниже.

Stripe Generator

Дословно название Stripe Generator переводится как «генератор полос» — в принципе, его оправдывает на все 100%. Вы можете выбрать расположение полос, расстояние между ними, их ширину, цвет, наличие тени — в общем, практически все:

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

StripeMania

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

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

Tartanmaker

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

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

P.S. Если у вы ведете тематический блог о дизайне — предлагаю обменяться постовыми.

design-mania.ru

8 бесплатных онлайн инструментов для создания фонов и паттернов

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

1. Patternify

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

2. Gerstnerizer

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

3. Tartanmaker

Если вам нравятся узоры из пересекающихся горизонтальных и вертикальных окрашенных линий, то инструмент Tartanmaker как раз для вас. Выберите три цвета, ориентацию, размер «нити» и жмите кнопку «Make It», чтобы получите собственный вариант шотландской клетки (тартан). Здесь имеется галерея с узорами, которые создали другие пользователи. Открывайте и скачивайте их бесплатно.

4. Stripe Generator

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

5. Colour Lovers Seamless

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

6. Patternizer

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

7. GeoPattern

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

8. PlaidMaker

PlaidMaker – ещё один инструмент для создания красивого клетчатого рисунка. Выберите из палитры цвета, которые хотите использовать, а затем сделайте по отдельности горизонтальный и вертикальный узор. Для обеих ориентаций можно применить зеркальные изображения. Если у вас нет желания разрабатывать узор «с нуля», нажмите вверху кнопку «Browse Plaids», чтобы посмотреть готовые проекты, которые сможете скачать в формате PNG для различных мобильных размеров и в качестве обложки для Facebook.

Facebook

Вконтакте

Twitter

Pinterest

Одноклассники

cameralabs.org

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *