Как сделать такой фон?

Question

[arseniylebedev]

Вот пример сайта
livedemo00.template-help.com/wt_52648
Как сделать такой же фон?

Comments

[Даниил Попов]

Там просто картинки на фоне

[arseniylebedev]

Даниил Попов, на каком элементе?

[Даниил Попов]

arseniylebedev, а про какой вы спрашиваете?

[arseniylebedev]

Даниил Попов, Который в шапке

[Максим Тимофеев]

arseniylebedev, И что там? Просто картинка. Вы или тегами ошиблись и вопрос в плоскости photoShop или забыли учебник прочитать перед тем как делать.

Answer 1

[tema_sun]

ctrl+shift+i и вперед исследовать.

Comments

[Максим Тимофеев]

а что там исследовать? Как картинку на фон поставить? Конкретно из примера

background: url(../images/header_bg.jpg) no-repeat;

[tema_sun]

Максим Тимофеев, я о том и говорю. Но было бы больше пользы, если бы чувак сам это нашел.

Answer 2

[frees2]

https://jsfiddle.net/igord/cm96exzn/5/
Придумал, тут уже критиковали, только рисунок надо уменьшить сильно

Comments

[Максим Тимофеев]

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

[frees2]

Максим Тимофеев,
1 Фон идет под картинку.
1.а Сжатая и обработанная картинка с фильтром весит гораздо меньше - без линий и пикселизации.
2 В идеале сжать до максимума.
3 Без фильтра ( это художники считают, современное мнение, для проф. дизайна), пока без фоновой картинки невозможно сотворить идеальную палитру фона.

[Монти Пайтон]

Максим Тимофеев, мало кто оптимизирует код с самого начала

[Максим Тимофеев]

Ostin1, да тут вопрос времени, это задача для дизайнера. Он в PS это делает за 5 минут.

Answer 3

[Нерон Лордов]

В фотошопе нужно наложить blur, либо из blur gallery, либо банальный gaussian blur.
Всё.

Answer 4

[Леонид Никулин]

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

Вкусного вам дизайна...