Записи Друзья Комментарии
ВалИв
Аватар ВалИв

 -Рубрики

 -Поиск по дневнику

Поиск сообщений в ВалИв

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 08.10.2016
Записей: 26514
Комментариев: 1859
Написано: 29055


Простой генератор фонов на любой вкус

Вторник, 28 Февраля 2017 г. 16:17 + в цитатник
Цитата сообщения Шадрина_Галина
Прочитать целикомВ свой цитатник или сообщество!
Простой генератор фонов на любой вкус


Предлагаю вам познакомится с простым, но очень многофункциональный генератором фоновых изображений Background Image Generator. Пользуясь им, вы почувствуете себя настоящим веб-дизайнером - все настройки вы сделаете самостоятельно, генератор лишь создаст изображение на основе ваших предпочтений.
Clip2net_170223145558 (327x150, 66Kb)

А сейчас немного поподробнее как работать с генератором Background Image Generator.

Зайдя на сайт, Background Image Generator., мы увидим большое поле для фона (при заходе оно чистое), а с правой стороны, панель инструментов, для работы по созданию собственного фона. Рассмотрим эту панель поподробнее.

1. Давайте сразу определимся с основным цветом фона, который хотим создать. Задаем основной цвет кнопкой (Background Color).
1 (700x268, 192Kb)


2. Выберите шаблон текстуры кнопкой (Pattern).
Шаблон (Pattern) - это “рисунок”. Вы можете выбрать шаблон: кожа, растительный орнамент, металл, соты и т. д. Вам откроется целый список шаблонов. Нажимайте на них, и на ОБРАЗЦЕ фона, вы сразу увидите, как это будет выглядеть на создаваемом вами фоне.
2 (700x265, 158Kb)



3. Задайте режим смешивания кнопкой (Blend Mode).
Режим смешивания (Blend Mode), упрощенно говоря, это способ наложения выбранного вами рисунка. Вам так же откроется целый список шаблонов. Нажимайте на них, и на ОБРАЗЦЕ фона, вы сразу увидите, как это будет выглядеть на создаваемом вами фоне.
3 (700x259, 145Kb)



4. Ползунком, путем передвигания его, установите интенсивность шаблона (Pattern Intensity).
4 (609x130, 29Kb)



5. Задайте ползунком уровень “шума” (зернистости), если это необходимо (Noise).
5 (644x93, 19Kb)



6. Инвертируйте рисунок, если это необходимо, для этого поставьте галочка перед (Invert Pattern). И вы увидите на образце как меняется ваш фон.
6 (659x66, 16Kb)



7. Для корректного отображения на Retina-дисплеях установите галочку напротив Generate @2X. Ваш фон на рисунке сразу изменится. Можно поэкспериментировать с галочками. Ставя и снимая их.
7 (700x99, 85Kb)



8. В любое время вы можете изменить любой из этих параметров, если вас в нем что то не устроило. Если вас все устроило, переходим к сохранению фона. Для сохранения полученного изображения, ЖМИТЕ кнопку “Download”.
8 (442x210, 31Kb)

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

Как быстро создавать фон, имитирующий тетрадный листы, в линейку, клеточку, альбомные, и прочие. СМОТРИТЕ ЗДЕСЬ

Как легко и быстро самостоятельно создать текстуру нужного вам цвета с произвольными параметрами зернистости (шума). СМОТРИТЕ ЗДЕСЬ

Удачи в вашем творчестве.



Серия сообщений "Фоны для блогов":

Часть 1 - Оригинальные черные фоны
Часть 2 - БОЛЬШАЯ КОЛЛЕКЦИЯ ФОНОВ на все темы
...
Часть 16 - Коллекция фонов на все темы
Часть 17 - Делаем свой фон без фотошопа.
Часть 18 - Простой генератор фонов на любой вкус


Серия сообщений "генераторы":
генераторы
Часть 1 - Бродилка "Генераторы он-лайн"
Часть 2 - Делаем баннер за 5 секунд!
...
Часть 16 - CssRound: округлые генератор угол CSS3-урок
Часть 17 - Мои помощники генераторы для создания рамочек..Делюсь.
Часть 18 - Простой генератор фонов на любой вкус
Часть 19 - Оформление текста в генераторе
Часть 20 - Автогенератор ТАБЛИЦ.
...
Часть 39 - Новый генератор прозрачного фона
Часть 40 - Вас может заинтересовать... Создать открытку или текст на изображении онлайн (жмите на картинки)
Часть 41 - Генератор прокрутки для текста

Метки:  
Нравится

Комментировать — К дневнику — Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку


О проекте