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





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

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


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

Подсказка

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

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

1. Создайте новый документ размером 500×200 пикселей с разрешением 72dpi. Залейте фон чёрным цветом:


Стильные кнопки в стиле техно


2. Создайте новый слой (Create New Layer), инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) с радиусом 5 пикселей создайте такую фигуру:


Стильные кнопки в стиле техно



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

Внутреннее свечение:



Стильные кнопки в стиле техно



Наложение градиента:


Стильные кнопки в стиле техно



Обводка:


Стильные кнопки в стиле техно



Результат:


Стильные кнопки в стиле техно



4. Теперь добавим кнопки. Выберите инструмент Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) с радиусом 2 пикселя. Создайте фигуру, как показано ниже:


Стильные кнопки в стиле техно



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

Наложение цвета:


Стильные кнопки в стиле техно



Обводка:


Стильные кнопки в стиле техно



Результат:


Стильные кнопки в стиле техно



6. Сделайте выделение слоя с кнопкой (Ctrl+Click), потом выберите инструмент Градиент (Gradient Tool), цвет - от белого к прозрачному, создайте новый слой (Create New Layer) и залейте выделение:


Стильные кнопки в стиле техно



7. Снимите выделение (Ctrl+D) и сделайте копию этого слоя. Сделайте копию невидимой, потом вернитесь к нашему оригинальному слою. Сделайте выделение инструментом Прямоугольная область (Rectangular Marquee Tool), как показано ниже и нажмите Delete.


Стильные кнопки в стиле техно




8. Теперь перейдите в скрытый слой и сделайте его видимым. В нём создайте выделение, как показано ниже и нажмите Delete.


Стильные кнопки в стиле техно




9. Снимите выделение (Ctrl+D) и установите Непрозрачность (Opacity) слоя 50%. Объедините все слои кнопки, сделайте несколько копий и расположите их, как показано ниже:


Стильные кнопки в стиле техно




10. Теперь можете добавить текст на кнопки. Я использовал шрифт Kroeger056 (8 pt, no Anti-Aliasing):



Стильные кнопки в стиле техно






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

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

Ваше Имя

Ваш E-mail

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

Введите код: