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 рх вниз.
Вот результат:
Для тех кому надо выкладываю скрипт при помощи которого можно
делать такие кнопочки при одном нажатии кнопки мыши.
Вот что можна делать при помощи этого скрипта:
