ВНИМАНИЕ!!!!

Сайт адаптирован под браузеры Opera и Mozilla Firefox. Во всех остальных браузерах этот сайт может показываться не коректно.
Приносим свои извинения за неудобства.
Стартовая Избранное Главная Контакты Карта сайта
Где мы?

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Кнопка в стиле виста
(LORD)Дата: Понедельник, 21.12.2009, 16:57 | Сообщение # 1
Репутация: 34
Статус: Offline
В этом уроке я расскажу вам, как создать красивую и удобную кнопку, подобную этой:

Опишу 2 способа, один из которых предполагает использование лишь параметров смешивания, что даст возможность легко воссоздавать эту кнопку.

Итак, приступим.

1) Создайте изображение с размерами 300х70 пикселей
2) Создайте новый слой и нарисуйте на нем фигуру, используя Rounded Rectangle Tool с радиусом 5 пикселей и любым цветом.
3) Кликните дважды по слою с фигурой и выставьте следующие Параметры смешивания:



4) Создайте новый слой и залейте его белым цветом.
5) Удерживая Ctrl, кликните левой кнопкой мыши по слою с фигурой.
6) После этого выполните Select->Modify->Contract
7) Далее - Select->Inverse и нажмите кропку delete (на созданном нами белом слое)
8) Установите для этого слоя непрозрачность (Opacity) на уровень 20%.
9) Напишите любой текст.

В результате должно получиться некое подобие этого:

Всё это можно сделать всего лишь с помощью Параметров смешивания.
Для этого вместо предложенного градиента наложим этот:

и не будем создавать белых слоёв, а сразу напишем текст и будем использовать эту замечательную кнопку. Результат будет таким же.

Какой вариант выбрать - решать вам, но мне больше нравится второй, ведь он быстрее и удобнее в момент работы и в будующем (если его сохранить в стили).

Желаю вам удачного выполнения этого урока.

 
  • Страница 1 из 1
  • 1
Поиск:
Rambler's Top100