10 сервисов с бесплатными бесшовными фонами и текстурами.от Шамады

1. Subtlepatterns.com Очень хороший ресурс, предоставляющий замечательную подборку профессиональных текстур. Отличительная особенность - все фоны максимально нейтральны и “консервативны”, они подойдут для сайтов практически с любой тематикой. Нет ярких декоративных фонов. Чтобы посмотреть как будет выглядеть понравившийся фон, наведите на него курсор мышки и нажмите “Preview”. Фон сайта заполнится выбранной текстурой. Для сохранения архива с фоном, нажмите справа от фона“Download” (“Загрузить”). В архиве присутствуют образцы в формате .png и MacOS. ] 2. Noisetexturegenerator.com Сервис, с помощью которого вы сможете самостоятельно создать текстуру нужного вам цвета с произвольными параметрами зернистости (шума). Чтобы сгенерировать фон, с помощью ползунка задайте уровень непрозрачности зернистости (Noise opacity), плотность шума (Noise density) и в палитре выберите нужный цвет (Background Color). Если требуется, установите галочку “Прозрачность шума” (Transparent noise?). Когда все готово, задайте размер рисунка (Dimensions of the pattern) и нажмите кнопку “Download now!” (“Загрузить сейчас”) и сохраните изображение для дальнейшего использования. По умолчанию размер изображения составит 100x100 пикселей. Автор рекомендует сохранять 200x200. Однако не стоит устанавливать размер изображения 2000x2000 пикселей, чтобы “заполнить весь фон”, т. к. такое изображение будет очень “тяжелым” и будет долго загружаться. Смысл бесшовных фонов в том, что изображение можно будет размножить, сохраняя скорость загрузки, браузером! 3. Tile-able Backgrounds Blog Большая галерея разнообразных декоративных фонов - “под дерево”, “ткань”, “камень”, “мозаику” и т. п. Все темы разбиты на категории (справа вверху) для более удобного поиска подходящей текстуры. Если вы хотите яркий фон для своего сайта, то, пожалуй, это один из лучших ресурсов для поиска подходящего. Однако будьте осторожны, т. к. на ярком фоне остальной контент (текст, фото) может попросту “потеряться”. Одной из замечательных особенностей данного сервиса является то, что с помощью встроенного редактора вы можете изменить основной цвет текстуры. Причем не только той, что имеется в галерее, но и собственной, которую вы можете загрузить с компьютера [iflash=560,315,https://www.youtube.com/embed/ujyZSHul148] Для перехода в редактор нажмите кнопку “Edit with PatCreator” под выбранным образцом фона. Для просмотра образца нажмите кнопку “Preview”, для загрузки - “Download” (эти 2 кнопки доступны как в основной галерее, так и в редакторе). 4. Pattern8.com Большая подборка декоративных фонов с различными орнаментами. Для более простого поиска доступна сортировка по цвету (справа вверху). Для примерки фона и посмотреть как он смотрится на сайте, кликните на “Preview”, которое высветится при наведение курсора мышки. Для загрузки кликните по понравившемуся образцу и на странице с его подробным описанием нажмите кнопку “Download”. При желании вы можете оставить комментарий для автора или поддержать его материально. Также в знак признательности за предоставленный фон вы можете рассказать о нем в социальных сетях. Будьте вежливы и не забывайте говорить “Спасибо!”. 5. Background Image Generator Простой, но очень многофункциональный генератор фоновых изображений. Пользуясь им, вы почувствуете себя настоящим веб-дизайнером - все настройки вы сделаете самостоятельно, генератор лишь создаст изображение на основе ваших предпочтений. Как с ним работать? 1. Задайте основной цвет (Background Color). 2. Выберите шаблон текстуры (Pattern). Шаблон (Pattern) - это “рисунок”. Вы можете выбрать шаблон: кожа, растительный орнамент, металл, соты и т. д. 3. Задайте режим смешивания (Blend Mode). Режим смешивания (Blend Mode), упрощенно говоря, это способ наложения выбранного вами рисунка. 4. Ползунком установите интенсивность шаблона (Pattern Intensity). 5. Задайте уровень “шума” (зернистости), если это необходимо. 6. Инвертируйте рисунок, если это необходимо (Invert Pattern). 7. Для корректного отображения на Retina-дисплеях установите галочку Generate @2X. Для того, чтобы загрузить полученное изображение, нажмите кнопку “Download”. 6. Bgrepeat.com Большая коллекция разнообразных фоновых текстур - декоративных с орнаментами и абстрактных. Для загрузки кликните по понравившемуся образцу и в появившемся окне выберите действие “Download Background”. При необходимости в нем же вы можете получить стиль и html-код фона, нажав на “Background css & html code”. 7. Repeatxrepeaty.com Роскошная подборка креативных дизайнерских фонов. Если хотите выделиться, то repeatxrepeaty.com - это то, что вам нужно. Тематика текстур очень разнообразна, каждый из фонов - это маленький шедевр. Для получения изображения кликните по его миниатюре и в появившемся окне слева вверху нажмите на кнопку загрузки (стрелка вниз). Там же вы можете получить ссылку на фон, чтобы рассказать о нем своим друзьям, и ссылку на официальный сайт художника, который его разработал. 8. Dinpattern.com Отличный сервис с большим выбором дизайнерских фоновых текстур и бесшовных фонов и элементами обучения. Любое изображение в описании содержит небольшой видеоурок, описывающий процесс его создания. Единственным минусом, безусловно, является то, что все уроки комментируются на английском языке. Однако, если у вас нет языковых навыков, но вы хорошо разбираетесь в графических редакторах Adobe Photoshop и Illustrator, то большая часть вам будет понятна без слов. ;) Для загрузки изображения кликните по его миниатюре и в появившемся окне нажмите кнопку “Download this pattern”. В этом же окне вы найдете текстовое описание фона, ссылку на руководство по его использованию (на англ. языке), видеоурок, а также кнопку “Donate” на случай, если вам захочется материально поблагодарить автора, а также социальные кнопки. 9. Stripegenerator.com Еще один замечательный генератор фоновых изображений из разряда “сделай сам”. Особенностью его является “полосатость” создаваемых фонов. Полоска сегодня в моде! Чтобы создать собственный дизайнерский фон: 1. Задайте размер полоски с помощью ползунка (stripe size). 2. Расстояние между полосками (spacing). 3. Цвет/цвета полосок (stripe color(s)). 4. Выберите стиль фона (background style). 5. Добавьте чуточку тени, если это требуется (shadow). 6. Задайте цвет/цвета фона (background color(s)). 7. Выберите положение полос (stripe orientation). Вот и все! Фоновое изображение готово. Нажмите “Download”, чтобы загрузить его на компьютер. 10.Free TextureMate Тоже симпатичный сайт с симпатичным блогером, который разрешает забирать фоны и текстуры бесплатно. На сайте огромное количество растровых и стоковых фонов, которые можно скачивать пакетом. Слева внизу можно выбрать фоны по расцветке. Все фоны скачиваются очень быстро. источник