RSS
 

Кнопка с эффектом нажатия

23 марта

В этом уроке вы узнаете, как создать в Photoshop кнопку с эффектом нажатия.

rollover_button

1. Создайте новый документ 146×91 пикселей.

1

Закрасьте фон цветом #352f9b.

2

2. Сейчас необходимо создать форму кнопки. Для этого в палитре Каналы создайте новый канал, щёлкнув мышью на средней кнопке в нижней части палитры. Выберите инструмент Прямоугольная область и создайте выделение в центре. [Прим. переводчика: размер кнопки приблизительно 108x40 пикс.].

2-1

Закрасьте область выделения белым цветом и снимите выделение [Ctrl+D]. Выберите Фильтр>Размытие>Размытие по Гауссу и установите значение параметра радиус 3. Нажмите Ctrl+L, для вывода на экран диалогового окна Уровни. Переместите левый и правый ползунки входных значений ближе к центру. Щёлкните теперь на имени альфа-канала с нажатой клавишей Ctrl, чтобы загрузить выделение.

2-2

3. Вам предстоит применить к кнопке градиент. Для этого создайте новый слой.

3

Выберите инструмент Градиент и перетащите его снизу вверх, заполнив выделенную область. Вы можете осветлить градиент. Для этого выберите команду Изображение>Коррекция>Яркость/ Контрастность и увеличьте яркость до +60. Снимите выделение [Ctrl+D].

3-1

4. При активном слое с кнопкой, щёлкните на значке f в нижней части палитры слоёв и выберите эффект Скос и рельеф. Установите Стиль: Внутренний скос, а параметр Метод: Плавный. Выберите инструмент Текст и напечатайте какой-нибудь текст.

4

Мы получили ненажатую кнопку. Сохраните её для дальнейшего применения [Файл>Сохранить для Web]. Чтобы придать кнопке эффект нажатия, ещё раз щёлкните на значке f в нижней части палитры и примените эффект Внутренняя тень. Немного сместите текст ниже и у вас получилась нажатая кнопка. [Прим. переводчика: чтобы выполнить небольшое смещение текста, выберите инструмент Перемещение и нажмите клавишу курсора вниз].

4-1

5

Author: AskingPhotoshop.com

 
Комментариев нет

Опубликовано в рубрике Уроки Photoshop

 

Прокомментировать