При создании страниц веб-сайта используется большое кол-во различных элементов и их фонов. Это всевозможные фоновые заливки блоков,меню, кнопок и т.д. Так как многие элементы достаточно малы в размерах, то и заливки для этих элементов должны быть соответствующе малы и аккуратны в исполнении.
Изготавливаемая кнопка горизонтального меню имеющая в оригинале размер, к примеру, 120х30 пикс. Первоначально выглядит она вот так.
Изготавливаемая кнопка горизонтального меню имеющая в оригинале размер, к примеру, 120х30 пикс. Первоначально выглядит она вот так.
Понятно что в таком виде использовать кнопку не совсем прилично. Можно употребить к основному слою эффект "тиснение". Получится вот так.
Можно изменить шрифт и растрировав текстовый слой добавить обводку текста.
Всё это хорошо, но вот не хватает самой кажется мелочи-это заливки основного слоя способной сущесвенно изменить вид веб-элемена.
Простейшей заливкой для мелких деталей будет заливка сделанная таким образом. Создам новый прозрачный документ размерностью 4х4 пикс. Вот такой крошечный.При максимальном увеличении он будет выглядеть вот так.
Взяв карандаш размерностью в 1 пикс. нанесу вот такую линию
Следует напомнить что размер слоя 4х4 пикс, а точки выполнены твёрдым карандашом размерностью в 1 пикс.
Следующее что нужно сделать - это определить сделанное как узор. Залью основной слой свеже-сделанной заливкой.
Как видно кнопочка существенно изменилась и стала похожа на веб- элемент. Готовое горизонтальное меню с такой заливкой будет выглядеть вот так.
Внимание: При создании заливки можно наносить цветные (любого комбинированного цвета) точки в любом порядке и изменять размер документа. Каждый раз заливка будет новой.
И так далее,так далее,так далее.
Cтатья не является прямым указанием к беспрекословному исполнению, а написана в целях ознакомления с возможностями тех или иных инструментов графического редактора Фотошоп. Удачи! :)
Комментариев нет:
Отправить комментарий
Внимание: Во избежание публикации нецензурных выражений, спама и лишённых всякого смысла высказываний, все комментарии проходят предмодерацию. Спасибо за понимание.