Автор статьи: Аверин Александр
>Немного болтов и заклепок.
Рано или поздно любой веб-дизайнер приходит к мысли украсить элементы своего сайта стильными заклепками, шурупами, болтами и прочей фурнитурой. Как же нарисовать эту фурнтуру не затрачивая лишних услилий?
А все очень просто. Начнем. Сделайте выделение как показано на рисунке.
![пример](/images/arti/31-1.gif)
Залейте его линейным градиентом как показано ниже.
![пример](/images/arti/31-2.gif)
Залейте выделение тем же градиентом, но в противоположном направлении (см. рисунок выше).
![пример](/images/arti/31-3.gif)
Можно повторить эти действия. Результатом станет вполне стильная заклепка (особенно если ее уменьшить до нужного размера).
![пример](/images/arti/31-4.gif)
Сделать из нее винт не составляет труда. Прежде всего сделайте выделение как показано на рисунке. И нажмите комбинацию клавиш Ctrl+L.
![пример](/images/arti/31-5.gif)
В появившемся меню Levels укажите в центральном окне значение от 0.1 до 0.4 (см. рисунок выше).
![пример](/images/arti/31-6.gif)
Слегка сместина наше выделение вправо и снова вызовите палитру Levels. Только на сей раз введите в центральном окне значение от 1.5 до 2.5.
![пример](/images/arti/31-7.gif)
Ну вот, винт почти готов. Осталось наложить на него металлическую текстуру. Как это сделать? Для начала просто скопируйте фон на новый слой и измените режим налржения на Screen. Если необходимо подкорректируйте прозрачность слоя.
![пример](/images/arti/31-8.gif)
После этого можно применить фильтр Lightning Effects из набора Render. Правильное освещение позволит сделать наш винт более реалистичным (то же относится и к заклепке). Достаточно просто расставить готовые винты и заклепки по своим местам, повернуть их на нужные углы и, я думаю ваш элемент интерфейса больше не будет выглядеть висящим в воздухе.
![пример](/images/arti/31-9.gif)
Например вот так может выглядеть интерфейс после добавления болтов и заклепок:
![результат](/images/arti/bolt.gif)