31 мар. 2013 г.

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

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

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



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



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



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


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



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



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

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




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

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

Комментариев нет:

Отправить комментарий

Внимание: Во избежание публикации нецензурных выражений, спама и лишённых всякого смысла высказываний, все комментарии проходят предмодерацию. Спасибо за понимание.