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

Онлайн каталог текстур для сайта

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

Предпросмотр текстуры

Всего на сайте доступно около 200 готовых текстур, которые можно скачать одним паком. Далее рассмотрим страницу Snacks — так же есть доступные для загрузки готовые архивы, фоновые рисунки для обоев и iPhone, а так же плагин Background Patterns, который дополняет страницу выбора фона для шаблона кнопкой, открывающей весь каталог фоновых изображений Subtle Patterns.

Второй сервис является уже генератором, то есть тем же редактором, только с определенной функцией - создание текстур. Сервис называется BgPatterns Maker, очень удобный, однако англоязычный, что уже не удивительно. Есть уже готовые эскизы с текстурами — различные узоры, фоновые подложки, возможность выбора цвета, а так же поворота узора текстуры. Пользоваться им тоже просто — достаточно выбрать готовый эскиз, задать ему фон, цвета и прочие эффекты, а затем посмотреть предварительный просмотр и скачать кусочек png.

Создание текстуры онлайн

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

Затем на вкладке Canvas выбираем текстуру фонового изображения, указываем ее размеры, а так же прозрачность. После этого переходим на вкладку Colors, где выбираем цвет как для фона, так и для узора, ну а затем в Rotation можно повернуть рисунок. Осталось посмотреть результат (кнопка Preview on page) и скачать его, если он устраивает (кнопка Download).

Кому и этого будет мало, можно воспользоваться еще одним каталогом текстур CG Textures, в котором помимо готовых решений для веб-дизайнера, есть так же и изображения для 3D предметов. Он удобен тем, что все текстуры разделены по категориям, среди которых найдутся и те, которые вам будут нужны. Кроме него можно посмотреть и TextureKing - попроще, чем первый, но готовых текстур в нем на порядок меньше.

Подведем итоги статьи:

  • Текстура, если она в виде отдельного файла, не является обязательной частью сайта, однако хотя бы CSS оформление фона использовать следует;
  • Создать текстуру можно в любом редакторе, уровня Gimp, ну или PhotoShop. Хотя для данных целей подойдет и простой редактор Paint.Net для Windows, однако в нем вроде бы нет фильтров;
  • Есть как онлайн каталоги, так и генераторы текстур — каталоги, по крайней мере тот, который разобрали, содержит только качественные изображения. Ну а генератор позволит людям, далеким от владения автономных редакторов, создать свою текстуру, причем довольно хорошего качества;

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

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>