БЕСПЛАТНЫЕ УРОКИ. Компьютерная графика

Photoshop. Как создать кнопку

Шаг 1. Создание документа

В Photoshop создаем документ размером ширина 250 пикс, высота 50 пикс, разрешение 72 пикс/дюйм (расширение для ПК), с прозрачным фоном:

g kn 1

Шаг 2. Рисуем  основу

Выберите инструмент Прямоугольник со скругленными углами g kn 2. На панели свойств установите Радиус 10 пикс, цвет 34b649:

g kn 3

На новом слое рисуем фигуру:

g kn 4

Шаг 3. Добавление стиля

Используя кнопку Добавить стиль слоя g kn 7 на палитре Слои зададим следующие параметры для Внешнего и Внутреннего свечения:

g kn 5

g kn 6

Удерживая нажатой клавишу CTRL, щелкните в палитре Слои по пиктограмме с изображением прямоугольника.

Создадим новый слой.

Выбираем инструмент Овальная область, и, удерживая нажатой клавишу ALT, создаем выделение, как показано на рисунке:

g kn 8

Выбираем инструмент Градиент g kn 9. Задаем белый цвет и устанавливаем следующие параметры:

g kn 10

Заливаем выделенную область и снимаем выделение комбинацией клавиш CTRL+D. Получаем:

g kn 11

Шаг 4. Создание тени

Создаем новый слой. Выбираем инструмент Овальная область и создаем выделение:

g kn 12

Устанавливаем основной цвет черный, и инструментом Градиент заливаем:

g kn 13

Снять выделение.

Шаг 5. Оформление кнопки

Снова, удерживая нажатой клавишу CTRL, щелкаем в палитре Слои по пиктограмме с изображением прямоугольника, чтобы выделить основу кнопки.

Создайте новый слой. Выберите инструмент Прямоугольная область, и, удерживая нажатой клавишу ALT, вычитаем половину выделения:

g kn 14

Основной цвет – белый. Выбираем инструмент Градиент, непрозрачность уменьшаем до 11% и заливаем выделение.

Снять выделение.

Устанавливаем направляющие.

g kn 15

Создаем новый слой. Инструментом Овальная область рисуем круг и заливаем его Линейным градиентом с настройками:

g kn 17

применяем к нему эффект Тиснение:

g kn 16

Получим:

g kn 18

Добавить комментарий
  • Комментарии не найдены