Урок рисуем кнопку с отливом


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


Зальем его серым цветом.


Далее выбираем инструмент (прямоугольник с округленными краями ) радиус ставим 5 пикселей и рисуем прямоугольник.


Зажимаем Ctrl и кликаем как показано на изображении , получаем выделенную область.


Создаем новый слой.


Далее берем инструмент (Зеркальный градиент) и ставим такие значения как на рисунке ,но можно и поэкспериментировать.


Зажимаем клавишу Shift и рисуем с верху в низ чтобы получить примерно такое. Рисуем конечно на новом слое.


Убираем выделение и переходим на слой миниатюры. Берем инструмент (Овальная область) и тянем от левого края к правому. Получит нужно следующее.


Далее зажимаем клавиши Shift+Ctrl+Alt и кликаем как показано на изображении.


Получим следующее.


Переходим на слой 2 и создаем новый слой 3. Берем инструмент (Заливка) и заливаем выделенную область белым цветом.


Убираем выделение и ставим прозрачность примерно 54%


Вот и все кнопка готова ,осталось написать то что вам надо. Берем инструмент (Горизонтальный текст) и пишем конечно же свое. Я написал адрес своего сайта photoshopcs4.ru цвет ,шрифт ,стили текста выберите сами.


Ну вот и конечный результат что получилось.


0 коммент. to "Урок рисуем кнопку с отливом"

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

Добавь в закладки

Чтобы установить такую кнопку на сайт, блог, форум скопируйте и вставьте код в нужное вам место между тегами body


Скопировать код:


Чем отличается наша кнопка от многих других? В ней собраны только самые известные и популярные сервисы закладок. Присутствуют сервисы В контакте, Мой мир, Blogger, Рамблер закладки, Бобр добр и многие другие. Плюсы нашей кнопки: установив нашу кнопку вам не придется устанавливать кучу скриптов различных сервисов, пользователь может добавить страницу в свои закладки практически одним кликом.

Потом придумаю

Счетчики


PhotoshopCS4.ru
Весь софт тут
Photoshop CS4. Все для фотошоп !