свежее комменты
рубрики
реклама
Буклеты, брошюры - листовки - наша типография печатает всё.

Если вы хотите получать уведомления о новых записях на блоге Mannodesign.Com, то просто подпишитесь на RSS-рассылку.

Введите ваш e-mail:

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

line

Привет, друзья! Этим уроком я открываю новую рубрику на блоге 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 Рубрика: Быстрые уроки

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

  1.   Комментарий от Arkadi Austern — 21 Июль 2010 #

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

  2.   Комментарий от RodgerFox — 21 Июль 2010 #

    вах вах

  3.   Комментарий от Владислав Иващенко — 21 Июль 2010 #

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

  4.   Комментарий от art — 21 Июль 2010 #

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

  5.   Комментарий от Настя Манно — 21 Июль 2010 #

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

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

  6.   Комментарий от fazeful — 22 Июль 2010 #

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

  7.   Комментарий от Настя Манно — 22 Июль 2010 #

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

  8.   Комментарий от br-caterina — 27 Июль 2010 #

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

  9.   Комментарий от markinyan — 7 Август 2010 #

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

  10.   Комментарий от RodgerFox — 27 Август 2010 #

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

Трэкбеки

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