Creative emotion
01-07-2005 15:35 Модная кнопка
Сегодня мы с вами научимся делать кнопку с очень популярным эффектом зеркальной поверхности (glassy)


1. Создадим новый документ среднего размера на выш выбор.

2. Зальем фон градиентом


3. Выберем основным цветом белый (для этого нажмем D, а затем X). Выберем rounded rectangle tool

Изменим радиус на 20px. Создаем новый слой, который можно назвать "button". Рисуем прямоугольник по середине.
должно получится что-то вроде этого:


4. Выделем слой "button" и зайдем в blending options кликнув два раза на слой.
Стави настройки

drop shadow:


inner shadow:


Gradient Overlay:


Должно получится что-то вроде этого:


5. Зажимаем CTRL и кликаем на слой "button", чтобы выделить его. Включаем инструмент Elliptical Marquee tool (кнопка M) зажимаем Alt и вырезаем большой овал снизу, чтобы получилось примерно вот так:


6. Не выключая выделение, создаем новый слой, который можно назвать "shine". Закрашиваем его белым и выключаем выделение (CTRL+D). Теперь нужно создать маску для этого слоя.


7. Включаем черно-белый градиант и заливаем им маску так как показано на картинке
starting point - точка начала
ebding point - точка конца
Проще говоря тянем из starting point в ending point


Теперь кнопка закончена, можно еще поиграть с прозрачностью, добавить текст, отражение.
Цвета можно настроить в Image>Adjustments>Hue/Saturation


оригинал - http://www.thewebtalk.com/viewtopic.php?t=952


posted by Turbon01d
Комментарии:
01-07-2005 21:31
MiXtuRa_
2d всех порулит. в инксэйпе делаю такие обыекты векторными и за доли секунды. кнопки - вчерашний день, свободная форма - форева.

подписаться на всех - это, безусловно, благородно, но как сказал гусин: если что-либо стоит сделать - стоит сделать это хорошо.
для свежего списка лучше скопировать http://murchik.biteks.ru/pch/pch.php?id=31358 можно еще на всяких буклей натравить его и деклуд сделать - тогда список шпаны будет полным.

Дезигн журнал
Murchik Ну а кому-то и это в новинку

Ну надаже как-то посещаемость создавать. Неохото все это делать в пустоту... Добавил из этого списка, правда не много, лимит чертов =) Спасибо.
А кого там натравить? можно подробнее, плиз. =)

есть только миг...
ой....толпу не люблю...
ребята не разочаровывайте....

есть только миг...
Murchik поделись примером свободной формы кнопки

Заяц-Забегаяц
Летающая_душа да вряд ли толпа будет. Останутся в любом случае те, кому действительно нужно и интересно.

02-07-2005 12:01
moon child
Большое спасибо. Надо заюзать. Хотя кнопки, имхо, не рулят. Рулят простые ссылки и "вкусный" подбор цветовой гаммы ^^ Заюзаем в других целях.

есть только миг...
я только учусь этому, вопросов море.....

Дезигн журнал
Летающая_душа смело спрашивай все, что не понятно..

есть только миг...
Creative emotion решу в ближащию неделю(надеюсь) квартирный вопрос и работать буду, тогда и вопросы будут

есть только миг...
еще надоем вопросами)))))))
я такая!))

Дезигн журнал
Летающая_душа =))) для этого все и создавалось

Камрад
фот вам клевый сайт... лично я для себя там много интересных штук почерпнула..отрываю от сердца можно сказать
http://webdesign.templatemonster.com

Заяц-Забегаяц
Да, темплэйтмонстр хороший сайт. там еще шаблоны неплохои выставляют. Их там много на разные темы. Можно идей набратся хороших

Закрыть