 |
Блестящая стеклянная кнопочка |
|
 |
| |
Вот такая
вот кнопочка. Сделать ее несложно, единственный недостаток – смотрится только на очень темном фоне.
|
|
| |
1.
Создадим файл размером 150х50 и зальем черным цветом.
2.
Выберем инструмент Circle Marquee
T
ool фиксированного размера 20х20
3. Создадим новый слой, щелкнем выделением, зальем белым цветом. Потом сдвинем выделение по горизонтали при помощи нажатой кнопочки Shift и стрелки вправо, настолько, насколько нам нужно. Выделение тоже зальем белым цветом.
4. Инструмент Rectangle Marquee
T
ool, стиль Normal, рисуем аккуратное прямоугольное выделение.
5. Зальем выделение белым цветом. Все это сделаем в одном слое.
6.
Layer – Layer Style -- Blending Options.
Везде будем использовать голубой цвет #00FFF7, хотя можно попробовать и другой какой-то.
7. Вот что у нас получится.
8. Нажмем Ctrl-I чтобы инвертировать изображение.
9. Создадим вот такое овальное выделение большого радиуса, примерно как у меня. Создадим новый слой. Щелкнем на клавише D и выберем градиент Foreground to Transparent. Зальем градиентом вертикально, от верха до низа выделение. Инвертируем выделение. Щелкнем на клавише Х, градиент изменится на белый-прозрачный. Проведем от верхнего края картинки до низа выделения.
10. Загрузим выделение кнопочки, щелкнув на предыдущем слое с нажатой клавишей Ctrl. Инветируем выделение и отрежем лишнее. Режим смешивания слоя
soft light.
11.
Для надписи я выбрала вот такой шрифт.
12. К надписи применим вот такой стиль слоя.
13.
Создадим копию слоя с надписью, перевернем ее вертикально. Щелкнем правой кнопочкой на копии слоя и выберем команду
Rasterize
Layer
. Щелкнем на клавише D, перейдем в режим быстрой маски, выберем градиент Foreground to Transparent, зальем им кнопочку снизу, дабы получить плавный переход, выйдем из режима быстрой маски и отрежем нижнюю часть слоя. Немного уменьшим прозрачность. У меня 90%.
14. Можно еще немного украсить кнопочку, – например, создадим новый слой, прямоугольным выделением нарисуем полоску, зальем ее черным цветом, сдвинем влево, зальем белым и зададим режим смешивания soft light
15. Нарисуем еще вот такой треугольничек. Я нарисовала при помощи
Path
, потом задала выделение.
Создадим новый слой и зальем выделение белым.
16. Зададим режим смешивания soft light и несколько раз скопирум слой. Вот такакя миленькая кнопочка получилась.
P.S. Изначально данная статья, видимо, находилась на сайте -
www.n-sane.com
.
Переведена с английского, обработана и дополнена, мной. Некоторые изначальные операции показались мне лишними, некоторые не дающими нужного эффекта, и были изменены.
6.
Layer – Layer Style -- Blending Options.
Везде будем использовать голубой цвет #00FFF7, хотя можно попробовать и другой какой-то.
7. Вот что у нас получится.
8. Нажмем Ctrl-I чтобы инвертировать изображение.
9. Создадим вот такое овальное выделение большого радиуса, примерно как у меня. Создадим новый слой. Щелкнем на клавише D и выберем градиент Foreground to Transparent. Зальем градиентом вертикально, от верха до низа выделение. Инвертируем выделение. Щелкнем на клавише Х, градиент изменится на белый-прозрачный. Проведем от верхнего края картинки до низа выделения.
10. Загрузим выделение кнопочки, щелкнув на предыдущем слое с нажатой клавишей Ctrl. Инветируем выделение и отрежем лишнее. Режим смешивания слоя
soft light.
11.
Для надписи я выбрала вот такой шрифт.
12. К надписи применим вот такой стиль слоя.
13.
Создадим копию слоя с надписью, перевернем ее вертикально. Щелкнем правой кнопочкой на копии слоя и выберем команду
Rasterize
Layer
. Щелкнем на клавише D, перейдем в режим быстрой маски, выберем градиент Foreground to Transparent, зальем им кнопочку снизу, дабы получить плавный переход, выйдем из режима быстрой маски и отрежем нижнюю часть слоя. Немного уменьшим прозрачность. У меня 90%.
14. Можно еще немного украсить кнопочку, – например, создадим новый слой, прямоугольным выделением нарисуем полоску, зальем ее черным цветом, сдвинем влево, зальем белым и зададим режим смешивания soft light
15. Нарисуем еще вот такой треугольничек. Я нарисовала при помощи
Path
, потом задала выделение.
Создадим новый слой и зальем выделение белым.
16. Зададим режим смешивания soft light и несколько раз скопирум слой. Вот такакя миленькая кнопочка получилась.
P.S. Изначально данная статья, видимо, находилась на сайте -
www.n-sane.com
.
Переведена с английского, обработана и дополнена, мной. Некоторые изначальные операции показались мне лишними, некоторые не дающими нужного эффекта, и были изменены.
|
|
|
Dear user, you are not registered on this site. To post comments or write news you should register or login with your account.
|
|
 |
|
 |
 |
Information |
 |
| |
 |
Members of Гости cannot leave comments. |
|
 |
© Computer-Arts.info 2006-2008 / Design by serEga. |
|
|
|
• 
