При создании сайта или собственной веб-странички одной из наиболее часто возникающих задач является создание кнопок навигации по сайту. Эти кнопки могут быть в виде простейших фигур залитых цветом или градиентом, а могут буть искусно сделаными, привлекающими внимание посетителя сайта. В этом уроке фотошоп мы создадим нестандартную кнопку, на которую захочется нажать.
Шаг1. Подготовка рабочего пространства. Создаем новый файл (CTRL+N) размером 400х300 пикселей. Затем заливаем все простанство круговым градиентом (G), цвета подбираем по усмотрению.
Для создания интересной текстуры фона можно подобрать фоновый рисунок в интернет. Создаем новый слой (Shift+CTRL+N). На него добавляем фоновый рисунок и уменьшаем прозрачность слоя до 30-40%.
Шаг 2. Создаем новый слой. Выбираем Ellipse tool (U) и рисуем контур будущей кнопки. Затем с нажатой кнопкой CTRL нажимаем на слой с кнопкой, чтобы выделить окружность. Выбираем градиентную заливку с круговым градиентом (G), подбираем цвета (например #EA881D в центре, #7F2A08 у края) и заливаем окружность.
Шаг 3. Работаем над внешним видом кнопки. Нажимаем правой кнопкой мыши на слое с кнопкой, выбираем Blending Options и заполняем как на картинках ниже.
Должны получить на выходе:
Шаг 4. Добавляем блик на кнопку. Создаем новый слой. Выбираем Ellipse tool (U), рисуем эллипс в верхней части кнопки, затем выделяем контур эллипса и делаем круговую градиентную заливку от верхней точки эллипса к нижней (цвет сверху
Затем меняем тип слоя на Screen и уменьшаем прозрачность до 85%.
Вот кнопка и готова, далее на нее можно нанести текст или графический рисунок-фон.
Для создания фона, создаем новый слой, в него вставляем рисунок фона по размеру соответсвующий кнопке. Затем с нажатой кнопкой CTRL нажимаем на слой с рисунком, чтобы выделить его. ДалееSelect > Feather (выбираем подходящий радиус). Делаем инвертирование Shift+CTRL+I и нажимаем кнопку Delete.
Источник: Fotoeffekty.ru – онлайн фоторедактор и уроки фотошоп
