Свежее на сайте:

Вопросы (FAQ)

СТАТЬИ Administrator 17098 Hits
Популярные вопросы от новичков

О графическом редакторе Adobe Photoshop CS6

СТАТЬИ Administrator 27376 Hits 1 Comments
ВСЯ ПРАВДА О ADOBE PHOTOSHOP CS6 Краткое описаниеПрежде, чем мы начнем описание, хотелось бы отметить, что…
показать все

Блестящая кнопочка

E-mail

Close

Создание вот таких вот кнопочек.
alt
alt
alt
 

1. Создадим файл напр. размером 200х35 пикселей. Зальем его серым цветом R70 G70 B70.
alt
2. Выберем инструмент Rectangular Marquee Tool с фиксированным размером 194х29 и расположим ровно посередине. Создадим новый слой и зальем его новым цветом, любым, значения не имеет и на конечный результат не влияет.
alt
3. Зададим новому слою стили как у меня. Градиент можно задать любого цвета, от светлого к темному.
alt
alt
alt
4. Выберем инструмент Rounded Rectangle Tool с радиусом 5 пикселей и нарисуем скругленный прямоугольник. Переведем в выделение и в новом слое зальем белым цветом.
alt

alt


5. Выберем Elliptical Marquee Tool и нарисуем овальное выделение, примерно как у меня. Отрежем лишний кусок.

alt
alt
6. Зададим новому слою прозрачность 25% -- это для первого варианта. Сохраним файл, напр. как button_1
alt
7. Для второго варианта – щелкнем на клавише D, перейдем в режим быстрой маски, выберем градиент Foreground to Transparent, зальем им кнопочку сверху, дабы получить плавный переход, выйдем из режима быстрой маски и отрежем нижнюю часть слоя. Если вы случайно залили не в ту сторону, как я, просто инвертируйте выделение.
alt
Получим заготовку для вариантов 2 и 3, сохраним как button_2
alt
8. Создадим новый слой, под слоем с белой заливкой. Выберем из панели инструмента Custom Shape Tool вот такую форму для стрелочки (или другую, на ваше усмотрение), нарисуем стрелку, создадим выделение и зальем белым. Продублируем слой три раза, сдвигая при помощи стрелочек относительно предыдущего на нужное расстояние. Каждому слою зададим прозрачность от 100% до 25% (соответственно 100%, 75%, 50%, 25%). Свяжем слои и склеим связанные.
alt
9. Зададим полученному слою вот такие стили.
alt
alt

9. Расположим надпись, выбрав достаточно жирный шрифт. Зададим слою стили как в слое с стрелками. Получим вариант 2 или 1 в зависимости от заготовки.

alt
alt
10. Для варианта 3 щелкнем на слое правой кнопкой и выберем Blending Options. Поставим “птюшку” напротив Blend Interior Effects as Group, и зададим режим смешивания Linear Light.
alt
 

Комментарии:

У Вас недостаточно прав для добавления комментариев.
Возможно, Вам необходимо зарегистрироваться на сайте или пройти авторизацию.

КОММЕНТАРИИ

You are here УРОКИ PHOTOSHOP - Блестящая кнопочка