Amanda.org.ua - создание сайтов, разработка сайтов, дизайн, верстка, сделать сайт, сделать сайт Киев. Киев, Украина
 
Назад

Кнопка со стеклянным эффектом

Стеклянная кнопка, Кнопка из стекла, Photoshop

1. Создаем новый документ и заливаем светло серым фоном.

2. Выделяем область инструментом Rounded Rectangle Tool и заливаем любым контрастным цветом.

3. Дублируем слой два раза. Должны получиться 3 слоя (не считая фона).

4. Верхний слой называем Glance, средний Volume и нижний – Button. Верхний и средний слой скрываем.

5. Открываем Blending Options у слоя Button и повторяем действия на картинке:

Результат:

Результат:

Результат:

6. Делаем видимым слой Volume.

8. Открываем Blending Options. С самого начала ставим Fill Opacity на 0%.

9. Добавляем стиль:

Обратите внимание на ползунки.

Результат:

10. Делаем видимым слой Glance. Меняем его форму и расположение, чтобы получилось:

11. Обрезаем нижнюю часть:

12. Делаем Fill Opacity на 0%. Добавляем стиль:

Конечный результат:

Windows (Tahoma):

Mac OS X (Lucida):