DataLife Engine > Web графика > Красивая глянцевая кнопка для сайта.
Красивая глянцевая кнопка для сайта.23 марта 2009. Разместил: Nazgul |
|
1. Создайте новый документ, File > New с такими значениями:
With – 300px Height – 300px Resolution 72 pixels/inch 2. Активируйте инструмент Elliptical Marquee Tool (клавиша М) Нарисуйте круг, удерживая клавишу Shift.![]() 3.Затем активируйте инструмент Paint Bucket Tool (Заливка) и залейте выделение цветом #2В2В2В.![]() 4. Теперь создайте новый слой, нажав на палитре слоев, иконку Create a new layer, Layer1.5.Нажмите пункт текстового меню, Select>Modify>Contract и поставьте 2px и Select > feather, поставьте 5px. 6. Активируйте инструмент Paint Bucket tool и залейте цветом 5F5F5F.![]() 7. Теперь создайте новый слой, Layer2. 8. Сделайте на палитре инструментов, цвет переднего плана белый. Активируйте инструмент Gradient, выберите Linear gradient от белого к бесцветному и проведите мышкой с нажатой левой кнопкой сверху вниз сферы. Снимите выделение (Ctrl+D)![]() 9. Теперь создайте новый слой, Layer3. Активируйте инструмент Elliptical Marquee Tool, и нарисуйте внутренний круг, залейте его цветом #3D6D9C, инструментом Paint Bucket Tool.![]() 10. Затем создайте дубликат слоя, кликнув правой кнопкой по активному слою, и клик по команде Duplicate Layer. Перетяните дубликат под слой Layer3 и залейте черным цветом инструментом Paint Bucket tool,заливку вы не можете видеть т.к. она расположена под слоем Layer3.11. Теперь Edit > Free Transform, поставьте значения W103%H103%. ![]() Затем,щёлкнув правой кнопкой, выберите Blending Options и Gradient overlay и поставьте следующие значения. ![]() ![]() 12. Теперь активируйте слой Layer3, выберите Blending Options, для этого щёлкните левой кнопкой мыши по маленькой букве f в палитре Layers, и в списке выберите Inner Shadow и Inner Glow и поставьте такие значения. ![]() ![]() У вас должно получиться так: ![]() 13. Теперь активируйте инструмент Burch Tool, и проставьте следующие значения:![]() Цвет переднего плана 3D6D9C, и мягко проведите в нижней части сферы 2,3 раза, чтобы получился глянцевый эффект. Вид палитры слоёв после всех преобразований. ![]() А вот такая красивая кнопка у вас должна получиться. ![]() Вернуться назад |