- Шульга Е. В.
- Уроки по обработке растровых изображений в Adobe Photoshop
- Просмотров: 3186
Photoshop. Как создать кнопку
Шаг 1. Создание документа
В Photoshop создаем документ размером ширина 250 пикс, высота 50 пикс, разрешение 72 пикс/дюйм (расширение для ПК), с прозрачным фоном:
Шаг 2. Рисуем основу
Выберите инструмент Прямоугольник со скругленными углами . На панели свойств установите Радиус 10 пикс, цвет 34b649:
На новом слое рисуем фигуру:
Шаг 3. Добавление стиля
Используя кнопку Добавить стиль слоя на палитре Слои зададим следующие параметры для Внешнего и Внутреннего свечения:
Удерживая нажатой клавишу CTRL, щелкните в палитре Слои по пиктограмме с изображением прямоугольника.
Создадим новый слой.
Выбираем инструмент Овальная область, и, удерживая нажатой клавишу ALT, создаем выделение, как показано на рисунке:
Выбираем инструмент Градиент . Задаем белый цвет и устанавливаем следующие параметры:
Заливаем выделенную область и снимаем выделение комбинацией клавиш CTRL+D. Получаем:
Шаг 4. Создание тени
Создаем новый слой. Выбираем инструмент Овальная область и создаем выделение:
Устанавливаем основной цвет черный, и инструментом Градиент заливаем:
Снять выделение.
Шаг 5. Оформление кнопки
Снова, удерживая нажатой клавишу CTRL, щелкаем в палитре Слои по пиктограмме с изображением прямоугольника, чтобы выделить основу кнопки.
Создайте новый слой. Выберите инструмент Прямоугольная область, и, удерживая нажатой клавишу ALT, вычитаем половину выделения:
Основной цвет – белый. Выбираем инструмент Градиент, непрозрачность уменьшаем до 11% и заливаем выделение.
Снять выделение.
Устанавливаем направляющие.
Создаем новый слой. Инструментом Овальная область рисуем круг и заливаем его Линейным градиентом с настройками:
применяем к нему эффект Тиснение:
Получим: