Страница 1 из 11
Форум » Adobe Photoshop » Уроки для Photoshop » Светящаяся стеклянная кнопка (Glowing Glass Button)
Светящаяся стеклянная кнопка
Reddy Дата: Понедельник, 24.05.2010, 02:16 | Сообщение # 1
Reddy
Новичок
Сообщений: 129
Репутация: 14
Страна: Латвия
Статус: Offline

01. Создаём новый документ - File --> New (Ctrl+N) размером 150х50 пикселей, и заливаем фон чёрным цветом.

02. Создадим новую группу для слоёв (Layer --> New --> Layer Set или Layer --> New --> Group) и назовём её glowing glass. Теперь создаём новый слой, который назовём glass - Layer --> New --> Layer (Shift+Ctrl+N).

03. Выберем инструмент Elliptical Marquee Tool (M), и выставим настройки как на картинке:

Сделаем выделение с левой стороны нашего документа, и зальём его белым цветом (Edit --> Fill), при этом выделением не снимаем!

Зажав на Shift нажмите на правою стрелку клавиатуры, чтобы наша выделенная область сместилась направо на нужное нам расстояние (обычно достаточно 9-10 нажатий), и снова заливаем выделение белым цветом.

04. Выбираем инструмент Rectangular Marquee Tool (M) с параметрами по умолчанию:

Выделяем область между двумя кругами, как на картинке:

Заливаем эту область белым цветом и снимаем выделение (Ctrl+D)

05. Дважды кликаем на слое glass, чтобы открылось окно Blending Options, и высттавляем параметры для следующих стилей:

Outer Glow

Inner Glow

Color Overlay

Gradient Overlay

Stroke

Теперь нажимаем Ctrl+I (или Image --> Adjustments --> Invert ), и чтобы получилось следующее:

Теперь для слоя glass меняем Blending Mode на Screen.

06. Создадим новый слой над слоем glass - Layer --> New --> Layer (Shift+Ctrl+N), и назовите его reflection. Удерживая клавишу Ctrl кликнем левой кнопкой мыши на слое glass.

Выберем слой reflection. Нажмём на клавишу D, чтобы сбросить палитру. Выберем инструмент Gradient Tool (G) с такими настройками:

Зажав клавишу Shift протягиваем градиент снизу вверх. Теперь ставим прозрачность слоя на 30%, а Blending Mode - на Screen.

С помощью Elliptical Marquee Tool (M) делаем следующее выделение:

Теперь жмём Delete, затем Ctrl+D. Основание кнопки готово:

07. Выбрав инструмент Horizontal Type Tool и нужный нам шрифт (например, Bit Dust 2), пишем необходимый нам текст.

Добавим Blending Options:

Outer Glow

08. Создадим новый слой - Layer --> New --> Layer (Shift+Ctrl+N) - divide. С помощью Rectangular Marquee Tool (M) выделяем область размерами 1х18 пикселей:

Заливаем данную область белым цветом (Edit --> Fill), затем сдвигаем её на один пиксель вправо, и заливаем уже чёрным цветом. Теперь меняем Blending Mode на Soft light.

Создаём ещё один слой - arrow. С помощью Polygonal Lasso Tool "рисуем" небольшую стрелку.

Теперь заливаем данное выделение белым цветом, и наша кнопка готова.

Источник

спец по кнопачкам
 
Форум » Adobe Photoshop » Уроки для Photoshop » Светящаяся стеклянная кнопка (Glowing Glass Button)
Страница 1 из 11
Поиск:
Rambler's Top100 Рейтинг@Mail.ru Яндекс.Метрика
Полное или частичное копирование материалов только с указанием гиперссылки на www.otherside.ws

© 2010-2017 Other Side | Хостинг от uCoz