Главная » Уроки » Уроки по веб-дизайну:
Перевод основных меню в Adobe Photoshop

стеклянная кнопка

Шаг 1. Создайте новый документ с белым фоном размером 200х100 рх.

Создайте новый слой и выберите его. Используя Rounded Rectangle Tool

выделите эллипс по середине. Он должен быть чёрного цвета. После этого

в палитре слоёв устанавливаем Fill – 0%





Шаг

2. Овал должен исчезнуть. Layer > Layer Style > Drop Shadow и

отмечаем параметры как на скриншоте. Вы можете поменять параметры как

хотите, но НЕ ЗАКРЫВАЙТЕ ОКНО LAYER STYLE до конца 6 – го шага.





Шаг 3. Переходим на вкладку Inner glow и устанавливаем следующие параметры.



 





Шаг 4. Дальше случается волшебство. Перейдите во вкладку Bevel & Emboss. Вот нужные параметры.





Шаг 5. Теперь перейдём во вкладку Contour. Применяем следующие параметры.





Шаг 6. Для заключительного шага перейдите во вкладку Satin. Вводим параметры с картинки.



Вот и всё!!! Поменяйте фон и вы будете смотреть через кнопку как через стекло.



Примечание: желательно размыть кнопку немного по Гаусу (Filter – Blur – Gaussian Blur).






Перевод основных меню в Adobe Photoshop

Сообщить о проблемном уроке



Источник: http://www.biorust.com/tutorials/detail/30/en/
Категория: Уроки по веб-дизайну: | Добавил: To4kA (02.10.2007)
Просмотров: 3977 | Комментарии: 2 | Рейтинг: 3.7/3
Всего комментариев: 2
2 briunetka  
blin u menia photoshop cs3 i u menia ne polu4ilosi stekleannaia knopka a prosto knopka sad sad sad sad sad

1 PoIson430  
Прикольно!!!

dth="100%" cellspacing="1" cellpadding="2" class="commTable">
Имя *: Email:
Код *: