
В этом уроке научимся создавать вот такую кнопку с отливом. Я постараюсь подробно описать весь процесс , а так же выделить все мелкие моменты которые упускаются при создании подобных уроков.
Создадим новый документ.
Зальем его серым цветом.
Далее выбираем инструмент (прямоугольник с округленными краями ) радиус ставим 5 пикселей и рисуем прямоугольник.
Зажимаем Ctrl и кликаем как показано на изображении , получаем выделенную область.

Создаем новый слой.
Далее берем инструмент (Зеркальный градиент) и ставим такие значения как на рисунке ,но можно и поэкспериментировать.
Зажимаем клавишу Shift и рисуем с верху в низ чтобы получить примерно такое. Рисуем конечно на новом слое.
Убираем выделение и переходим на слой миниатюры. Берем инструмент (Овальная область) и тянем от левого края к правому. Получит нужно следующее.
Далее зажимаем клавиши Shift+Ctrl+Alt и кликаем как показано на изображении.
Получим следующее.
Переходим на слой 2 и создаем новый слой 3. Берем инструмент (Заливка) и заливаем выделенную область белым цветом.
Убираем выделение и ставим прозрачность примерно 54%
Вот и все кнопка готова ,осталось написать то что вам надо. Берем инструмент (Горизонтальный текст) и пишем конечно же свое. Я написал адрес своего сайта photoshopcs4.ru цвет ,шрифт ,стили текста выберите сами.
Ну вот и конечный результат что получилось.

//
0
коммент.
//
0 коммент. to "Урок рисуем кнопку с отливом"
Добавь в закладки
Чтобы установить такую кнопку на сайт, блог, форум скопируйте и вставьте код в нужное вам место между тегами body
Скопировать код:
Чем отличается наша кнопка от многих других? В ней собраны только самые известные и популярные сервисы закладок. Присутствуют сервисы В контакте, Мой мир, Blogger, Рамблер закладки, Бобр добр и многие другие. Плюсы нашей кнопки: установив нашу кнопку вам не придется устанавливать кучу скриптов различных сервисов, пользователь может добавить страницу в свои закладки практически одним кликом.
Потом придумаю
Счетчики
Архив блога
-
►
2011
(10)
- ► февраля 2011 (1)
-
▼
2010
(46)
- ► августа 2010 (1)
- ► марта 2010 (1)





Отправить комментарий