Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

В этом уроке будем создавать такую простую кнопку при помощи инструмента прямоугольника и стилей слоя:


Хромированная кнопка


1. Создайте новый документ размером 150х150 пикселей с чёрным фоном. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте белый прямоугольник. Затем растеризуйте слой (Rasterize - Shape):


Хромированная кнопка


2. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените эти стили:

Внутренняя тень (Режим – Умножение):


Хромированная кнопка


Внешнее свечение (Режим – Осветление; Метод – Мягкий):


Хромированная кнопка


Наложение градиента (Режим – Нормальный; Стиль – Линейный):


Хромированная кнопка

Хромированная кнопка


Обводка (Положение – Снаружи; Режим – Нормальный; Тип обводки – Градиент; Стиль – Линейный):


Хромированная кнопка

Хромированная кнопка


3. Теперь инструментом Кисть (Brush Tool) нарисуйте линию белого цвета диаметром 1 пиксель:


Хромированная кнопка


Потом ещё одну цветом #616161:


Хромированная кнопка


4. Добавьте текст и мы закончим:


Хромированная кнопка




Ссылка на источник урока

написал : wu51

Спасибо, очень помогло. Отличный урок.

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: