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

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

17 января 2013 • 365psd
Как изменить фон сайта под свои нужды
Очень часто бывает, что вы нашли подходящий фон, но вас немного не устраивает либо оттенок, либо его яркость, контрастность, насыщенность и так далее.

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

В таком случае поможет сервис обработки изображений онлайн. Пожалуй, лучшим из них на данный момент является сервис Pixlr Editor. Это практически Фотошоп онлайн.

Загрузить изображение
Итак, вот такую картинку мы увидим, открыв редактор. Соответственно, следует загрузить картинку с компьютера, либо вставить URL картинки.

Возьмем для примера любой фон. Загружаем его, и открывается окно редактора, очень похожее на интерфейс Фотошопа. Предположим, нам надо изменить оттенок фона и сделать его, скажем, более зеленоватым, под цвет "хаки". Последовательность действий такая:
  • Слой → Новый слой
  • В левой панели инструментов выбираем "Заливка" Инструмент заливка
  • В этой же панели инструментов выбираем цветовую палитру и определяемся с цветом. Цвет надо выбрать плотный и интенсивный, потому что потом мы изменим его прозрачность, и останется лишь оттенок.
  • Заливаем новый слой выбранным цветом.
  • В правой панели инструментов в окошке "Слои" находим такой значок Инструмент прозрачность и жмем. Опытным путем подбираем прозрачность слоя.
  • При необходимости можно произвести коррекцию тона: Коррекция → Цветовой тон / Насыщенность.
Вот примеры возможных результатов. В примере было использовано вот этот фон.

Еще один важный и полезный инструмент - Коррекция → Яркость / Контрастность. С помощью только этого инструмента можно из светлого фона сделать практически черный.

Это только один из вариантов изменения фона и, пожалуй, один из самых простых. Еще можно просто открыть изображение и сразу перейти к инструменту Коррекция → Цветовой тон / Насыщенность. Часто только одним этим простым шагом можно достичь нужного результата.

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


Теги: статьи
Рейтинг: +5 Голосов: 5

Комментарии (16)

Андрей 31 января 2013 в 22:50

Вот за это спасибо! Облазил весь интернет - нужен был именно цвета хаки фон. Взял у вас фон и поменял его как мне надо было. Большое спасибо!

Ответить
Сева 21 февраля 2013 в 10:28

Да, программа зачотная и советы полезные. Thanks!

Ответить
Лия 2 марта 2013 в 17:42

Большое спасибо! Долго искала фон - мне нужно было легкого зеленого оттенка. Фотошопа нет - да и вообще я не ладах с программами. Теперь в моем блоге тот фон, который я хотела.

Ответить
Артем 22 марта 2013 в 13:09

Круто. Твитнул тему. Полезно будет многим

Ответить
Рафик 30 мая 2013 в 16:10

Классные у вас фоны. И главное смотреть удобно. Большое спасибо.

Ответить
Макс 12 июня 2013 в 19:14

Спс за статью. Помогли реально.

Ответить
Саня 12 июля 2013 в 12:16

Спасибо! Очень удобная штука!

Ответить
Артем 2 августа 2013 в 00:02

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

Ответить
365psd 2 августа 2013 в 03:59

Плановое обновление сайта... В ближайшее время все вернется...

Ответить
Артем 3 августа 2013 в 21:36

Да, то то я вижу дизайн поменялся слегка )) Спасибо, все нашел что нужно.

Ответить
Игорь 30 января 2014 в 01:48

Как же оказывается все просто)))

Ответить
Fox 13 февраля 2014 в 10:54

Действительно полезное.
Спасибо!)

Ответить
Денис 19 февраля 2014 в 00:29

Лучшая и самая удобная подборка фонов в рунете!

Ответить
0 12 августа 2014 в 03:12

Спасибо за онлайн программу. Всякое бывает, а ФШ не всегда под рукой) теперь всегда glasses

Ответить
0 28 ноября 2014 в 18:50

Огромное спасибо за ваш сайт, огромная куча полезных штук! Много фонов и вообще всего, что может понадобится для сайта. Удобно, приятно. Благодарность не знает границ)

Ответить
Валентина 27 июля 2016 в 14:28

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

Ответить