Красивая кнопка в стиле Виста

1. Создаем новое изображение с размером 200х100 рх.
2. Создаем новый слой и називаем его "vistabutton".
Берем инструмент "rectangle tool" и делаем выдиление 100х50 рх.
3. Теперь создадим градиент. Открываем окно градиента и
делаем "right click" в левый угол и выбираем 252525 цвет.
Потом снова "right click" в правом углу и выбирем 9a9a9a цвет.
Теперь "right click" по средине градиента и вибирем
"Split segment at midpoint". Потом сдвигаем оба цвета в средину
градиента и сохраняем градиент.


















4. Берем инструмент "Blend tool", выбираем наш градиент и
проводим мышкой снизу вверх (с нажатой левой кнопкой мыши).
5. Теперь создаем "outline" с размером 1рх.
"Right click" на нашей кнопке и выбираем "alpha to selection".
Создаем новый слой и называем его "Outline". Потом идем в
Select > Grow > 1px.



6. Меняем "foreground color" на 424242 цвет. Опускаем этот под
слой "vistabutton".



7. Увеличаем Zoom и при помощи "selection tool" и создаем
прямоугольник в средине кнопки как показано на картинке.



8. Теперь берем "subtract from the current selection" в
панеле инструментов и рисуем еще прямоугольние зажимая CTRL.



9. Создаем новый слой и берем "Blend tool" и выбираем
White color to Transparent (FG to Transparent)
и проводим мышкой сверху вниз и уменьшаем opacity до 64.



10. Делаем выдиление как на картинке.



11. Берем "Blend tool" и в Tool Options понижаем Opacity до 25 и меняем
" Shape to "Radial". И проводим мышкой от центра на 100 рх.



Должно получиться так:



12. Берем "favorite tool" и создаем градиент размером 1 рх внизу кнопки.



13. Берем "Blend tool" и уменьшаем "Opacity" ло 80 меняем градиент
на "Radial" и проводим мышкой от центра выдиления на 95 рх вниз.



Вот результат:



Для тех кому надо вылаживаю скрипт при помощи которого можно
делать такие кнопочки при одном нажатии кнопки мыши.

Скачать скрипт

Вот что можна делать при помощи этого скрипта: