Создание вот таких вот кнопочек.
1. Создадим файл напр. размером 200х35 пикселей. Зальем его серым цветом R70 G70 B70.
2. Выберем
инструмент Rectangular Marquee Tool с фиксированным размером 194х29 и
расположим ровно посередине. Создадим новый слой и зальем его новым
цветом, любым, значения не имеет и на конечный результат не влияет.
3. Зададим новому слою стили как у меня. Градиент можно задать любого цвета, от светлого к темному.
4.
Выберем инструмент Rounded Rectangle Tool с радиусом 5 пикселей и
нарисуем скругленный прямоугольник. Переведем в выделение и в новом
слое зальем белым цветом.
5. Выберем Elliptical Marquee Tool и нарисуем овальное выделение, примерно как у меня. Отрежем лишний кусок.
6. Зададим новому слою прозрачность 25% -- это для первого варианта. Сохраним файл, напр. как button_1
7.
Для второго варианта – щелкнем на клавише D, перейдем в режим быстрой
маски, выберем градиент Foreground to Transparent, зальем им кнопочку
сверху, дабы получить плавный переход, выйдем из режима быстрой маски и
отрежем нижнюю часть слоя. Если вы случайно залили не в ту сторону, как
я, просто инвертируйте выделение.
Получим заготовку для вариантов 2 и 3, сохраним как button_2
8. Создадим новый слой, под слоем
с белой заливкой. Выберем из панели инструмента Custom Shape Tool вот
такую форму для стрелочки (или другую, на ваше усмотрение), нарисуем
стрелку, создадим выделение и зальем белым. Продублируем слой три раза,
сдвигая при помощи стрелочек относительно предыдущего на нужное
расстояние. Каждому слою зададим прозрачность от 100% до 25%
(соответственно 100%, 75%, 50%, 25%). Свяжем слои и склеим связанные.
9. Зададим полученному слою вот такие стили.
9. Расположим надпись, выбрав достаточно жирный шрифт. Зададим слою стили как в слое с стрелками. Получим вариант 2 или 1 в зависимости от заготовки.
10. Для
варианта 3 щелкнем на слое правой кнопкой и выберем Blending Options.
Поставим “птюшку” напротив Blend Interior Effects as Group, и зададим
режим смешивания Linear Light.
| ← Состаривание лицa | Стеклянная кнопка. → |
|---|
Комментарии:
Комментарии сайта
ВКонтакте
Facebook
