2013-09-17_061413При разработке некоторых веб-элементов интерфейса, например при работе с шаблоном веб-сайта, может понадобиться нарисовать в программе Photoshop навигационную кнопку. Рассмотрим пример.

Для начала создайте новый файл размером 500 на 500 пикселей. На нем создайте новый слой и установите цвет переднего плана #737373.

Залейте новый слой цветом, который только что был вами установлен. Примените фильтр Noise (Шум), Filter|Noise|AddNoise (Фильтр|Шум|Добавть шум). Установите значение, к примеру, 44%. Затем воспользуйтесь фильтром размытия (Blur). Затем, переходим в палитру «каналы» и создаем там новый канал. Можно назвать его «Окантовка изображения».

После этого, рисуем основу кнопки, используя любую понравившуюся форму из набора Shape. После этого дублируем канал, так же, как и перед этим.

Затем, делаем активным верхний слой и, при помощи фильтра Render, придаем изображению свечение по центру. Filter|Render|LightingEffects (Фильтр|Рендер|Световые эффекты). По умолчанию уже установлены самые оптимальные значения для этого фильтра, но всегда можно и нужно поэкспериментировать с ними.

После всех вышеперечисленных операций рекомендуется повторно применить размытие по Гауссу, использовав соответствующий фильтр.

Дальше кнопку можно доработать по своему усмотрению и в зависимости от того, какие к ней предъявляются требования. Добавьте соответствующую надпись, картинку или пиктограмму, используя Shape.