QuickTUTS.ru - УРОКИ PHOTOSHOP, САЙТОСТРОЙ, БЕСПЛАТНЫЕ ФАЙЛЫ

Шаг 1 – Создание основы кнопки

Начнем! Создайте новый документ размером 500х300px и заполните холст белым цветом. Выберите инструмент Rounded Rectangle Tool, укажите Radius 30px, Color #d61d23 и создайте следующую фигуру:

После этого примените следующие стили слоя (Layer > Layer Style)

Должно получиться нечто подобное:

Шаг 2 – Создание отражения кнопки

Теперь необходимо добавить отражение кнопки. Дублируйте слой с кнопкой, просто перетащив его на иконку или нажмите Ctrl+J. Создайте новый слой над дубликатом и нажмите Ctrl+E. Это делается для того, чтобы при перевертывании изображения сохранить стили слоя. Затем переверните его по вертикали, выбрав Edit> Transform> Flip Vertical.

Чтобы низ отражения сделать более прозрачным, необходимо применить Quick Mask c градиентом. Для этого нажмите на кнопку Q и создайте градиент от верха изображения до низа. Должно получиться так:

Теперь вернитесь в нормальный режим, нажав Q. Появилось область выделения. Нажмите кнопку Del.

Удалите выделение, нажав Ctrl+D.

Шаг 3 – Добавление бликов

Выберите инструмент Rounded Rectangle Tool, укажите Radius 80px, цвет (Color) выберите белый и создайте новую форму как на изображении.

Необходимо перевести получившуюся форму в растр-изображение, для этого выберите Layer > Rasterize > Shape. После этого опять активируйте режим Quick Mask и создайте следующий градиент:

Вернитесь в стандартный режим и очистите область выделения, нажав на кнопку Del.

Снимите выделение Ctrl+D и измените режим Blend Mode на Overlay.

Шаг 4 – Добавление дополнительных элементов

В принципе, кнопка получилась. Теперь добавьте дополнительные элементы. Выберите Ellipse Tool и создайте окружность белого цвета.

После этого примените следующие стили слоя:

Должно получиться следующее:

Теперь выберите любое изображение, например, изображение земли, уменьшите его размер до необходимого и добавьте его на кнопку, как показано ниже:

Теперь сделайте это изображение черно-белым (Image > Adjustments > Desaturate (Ctrl+Shift+U)) и измените Blend Mode слоя на Overlay:

Выберите инструмент Sharpen Tool со следующими настройками: Brush: 100px, Mode: Normal, Strength: 40%. И нажмите на изображение, которое Вы загрузили. Оно должно стать чётче.

Теперь можно добавить текст:

Добавьте тень:

Окончательный результат

Остальное зависит от Вашей фантазии.