Как быстро сделать стильную фоновую заливку

Привет, друзья! Этим уроком я открываю новую рубрику на блоге Mannodesign.Com под названием “Быстрые уроки”.

Довольно часто бывают ситуации, когда нужно что-то быстро набросать в Photoshop. Например, сделать заглушку на новый сайт, пока тот в разработке, а домен уже запущен в дело. Или, к примеру, нужно быстро нарисовать какую-нибудь картинку к посту. Вот как раз для таких случаев и полезно знать несколько простых, но интересных приемов, которые позволят выполнить задачу легко, быстро и красиво. И если даже вы не собираетесь становиться веб дизайнером, то все равно научиться управляться с ФШ не помешает. Хотя бы для оформления своих же постов.

Сегодня мы нарисуем очень простой, но в то же время красивый и стильный фон-заливку в духе Web 2.0. Серый цвет — беспроигрышный вариант, когда надо сделать строго и благородно. Вот что в итоге должно получиться:

fast-background5.jpg

Для начала создадим обычный квадрат и зальем его темно-серым цветом. Например, #717171

fast-background2.gif

Копируем этот слой. Затем копии добавим немного шума: Filter – Noise – Add noise со значением Amount равным 8. При этом должна быть включена галочка Monochromatic, чтобы шум не был цветным:

fast-background3.jpg

И теперь последний штрих! Чтобы фон-заливка не был таким пестрым, добавим чуточку мягкости, включив у этого слоя режим Soft Light:

fast-background4.gif

Сохранять такой фон-заливку лучше всего в формате jpg, чтобы вес получился не слишком большим.

Вот что с этим можно сделать еще:

fast-background6.png

21.07.2010 | Рубрика: Быстрые уроки

Похожие записи:

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

  1. Arkadi Austern
    21.07.2010 #

    Очень странный урок и заглушка. С таким же успехом можно прописать bgcolor=#333.. или картинку under-contruction замостить по экрану. Второе уже креативнее..

    [Ответить]

  2. RodgerFox
    21.07.2010 #

    вах вах

    [Ответить]

  3. Владислав Иващенко
    21.07.2010 #

    psdtool.ru - новый проект какой-то?

    [Ответить]

  4. art
    21.07.2010 #

    немного напоминает матовые поверхности

    [Ответить]

  5. Настя Манно
    21.07.2010 #

    Arkadi Austern, чем странен урок? В примере дается вариант фоновой заливки. Фоновой, а не картинки в целом. То есть, основы. Далее креативьте что пожелаете и посчитаете нужным.

    Владислав, это “старый” новый проект :) Все никак не соберусь его запустить.

    [Ответить]

  6. fazeful
    22.07.2010 #

    Урок-шутка? =)

    [Ответить]

  7. Настя Манно
    22.07.2010 #

    fazeful, можно и так назвать. Хотя, думаю, заголовок рубрики вполне все объясняет. Иногда нет смысла стрелять по мухам из пушки :)

    [Ответить]

  8. br-caterina
    27.07.2010 #

    Спасибо за совет - похоже на помехи на тв, попробую сделать сама

    [Ответить]

  9. markinyan
    07.08.2010 #

    А кстати, помехи можно сделать просто увеличив уровень шума.
    Я такую картинку часто во флеш-роликах использую, где мне надо телевизор с помехами сделать.

    [Ответить]

  10. RodgerFox
    27.08.2010 #

    НЕ ЛЮБЛЮ, НЕ ЛЮБЛЮ ФОТОШОП!!!!! (руки кривые) ,зато тоже самое можно сделать только с помощью css)

    [Ответить]

  11. kyoks
    01.10.2010 #

    А по-моему неплохо)

    [Ответить]

  12. Александр
    10.10.2010 #

    Довольно симпатично.Мне тоже нравиться.

    [Ответить]

  13. ipgraff
    02.12.2010 #

    а еще можно добавить Filter -> Motion Blur … только угол правильно поставить ;)

    [Ответить]

Пожалуйста, оставьте ваш комментарий. Спасибо!