Как в Фотошопе сделать заливку для изготовления веб-элементов

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

Изготавливаемая  кнопка горизонтального меню имеющая в оригинале размер, к примеру, 120х30 пикс. Первоначально выглядит она вот так.

Понятно что в таком виде использовать кнопку не совсем прилично. Можно употребить к основному слою эффект "тиснение". Получится вот так. 

Можно изменить шрифт и растрировав текстовый слой добавить обводку текста.

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

Простейшей заливкой для мелких деталей будет заливка сделанная таким образом. Создам новый прозрачный документ размерностью 4х4 пикс. Вот такой крошечный.При максимальном увеличении он будет выглядеть вот так. 

Взяв карандаш размерностью в 1 пикс. нанесу вот такую линию

Следует напомнить что размер слоя 4х4 пикс, а точки выполнены твёрдым карандашом размерностью в 1 пикс.

Следующее что нужно сделать - это определить сделанное как узор. Залью основной слой свеже-сделанной заливкой. 

Как видно кнопочка существенно изменилась и стала похожа на веб- элемент.  Готовое горизонтальное меню с такой заливкой будет выглядеть вот так. 

Внимание: При создании заливки можно наносить цветные (любого комбинированного цвета)  точки в любом порядке и изменять размер документа. Каждый раз заливка будет новой. 

И так далее,так далее,так далее.  

Cтатья не является прямым указанием к беспрекословному исполнению, а написана в целях ознакомления с возможностями тех или иных инструментов графического редактора Фотошоп. Удачи!  :)