WebDesign and Photoshop community

Объявление


Скрепка:

(29.10.08)
Если вам надоело слушать на форумах техподдержки "Учите CSS" или "Пользуйтесь поиском где то это есть", то обращайтесь в тему помощь в CSS, всегда поможем чем сможем.


(28.10.08)
После долговременного ожидания сайт InAStudio открыт и ждет вас на своих страничках! Приношу глубочайшие извинения, ранее зарегистрированным на нем участникам придется пройти регистрацию еще раз. Уверяю больше этого не повторится, и бэкап базы данных будет проводиться впредь регулярно во избежании таких проблем.


(17.10.08)
Темы "Аватар", "Юзербар", "Баннер" закрыты. Больше бесплатных заказов не будет. Причины: 1. большие требования для бесплатного, 2. я не успеваю. Те заказы, которые уже приняты будут выполнены.


(16.10.08)
Приносим извинения за неудобства и долговременное ожидание выполнения заказов. Выполнялся оплаченный заказ. Ведь если человек платит, то не пристало заставлять его долго ждать верно? А так же возникли проблемы с софтом, так как сервер, через которые скачивались программы изменил ключевые ссылки. Ведется работа по восстановлению. И во избежании повторения этой ситуации более переводящими серверами пользоваться не будем



(14.10.08)
Завершена работа над стилем Star Wars. Скриншоты и код самого стиля выложены в теме Стили для форумов.


(13.10.08)
Произведено небольшое пополнение каталога программ. Добавления внесены (и будут вноситься) в конце разделов, то есть смотреть на последних страницах.


(13.10.08)
Закончены работы над галереей, в которой вы можете посмотреть аватары, сделанные на нашем форуме. В планах организация в ней коллекции обоев для рабочего стола
(планируется на конец октября - начало ноября)


(13.10.08)
Ведется работа над гостевой книгой, которая вскоре будет добавлена.
(планируется на 15-16 октября)


Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » WebDesign and Photoshop community » Photoshop » Как нарисовать кнопку


Как нарисовать кнопку

Сообщений 1 страница 4 из 4

1

Урок посвящен тому, как нарисовать в фотошопе стильную объемную кнопку на сайт или лого.  :question:

http://i056.radikal.ru/0810/a9/86b1e2e38529.jpg

Первым делом мы должны нарисовать окружность и залить ее любым цветом.

http://i010.radikal.ru/0810/3f/496dbb37040d.jpg

Затем применяем к слою с окружностью следующие свойства (Blending Options):

Drop Shadow:

http://s57.radikal.ru/i156/0810/21/75ca674aa7d8.jpg

Gradient Overlay:

http://s54.radikal.ru/i146/0810/fd/4a691a7ea2b1.jpg

Stroke:

http://s45.radikal.ru/i109/0810/22/16602673ff9d.jpg

Теперь мы должны создать еще один верхний слой и в нем нарисовать окружность, по диаметру меньше, чем первая.

http://s39.radikal.ru/i085/0810/bd/dc198ff6d241.jpg

Применяем к этому слою следующие свойства (собственно, их будет аж целых одно 8-)

Gradient Overlay:

http://s60.radikal.ru/i168/0810/08/26617f9ef37b.jpg

Создаем еще один слой, выше двух других. Рисуем там еще одну окружность. Ее диаметр должен быть чуть меньше второй окружности.

http://s48.radikal.ru/i121/0810/87/0bc2227b1e6c.jpg

К этому слою мы должны применить следующие свойства:

Inner Shadow:

http://s46.radikal.ru/i113/0810/c3/fab3c44cdbd3.jpg

Inner Glow:

http://s55.radikal.ru/i149/0810/2b/360ad22395c8.jpg

Gradient Overlay:

http://s48.radikal.ru/i119/0810/0d/99d29250fed5.jpg

Теперь рисуем эллипс в новом слое. Заливаем его так, как показано на рисунке:

http://s60.radikal.ru/i168/0810/d5/e077fd5d8164.jpg

Обрезаем лишнюю часть и вот что должно выйти:

http://s53.radikal.ru/i139/0810/e6/c7d87a6bcd1e.jpg

Теперь рисуем окружность и заливаем ее той же заливкой вот так:

http://i070.radikal.ru/0810/2e/eff6a986356f.jpg

Можно также настроить Opacity слоя. Далее делаем финальные штрихи..

http://s57.radikal.ru/i156/0810/52/3530417f08bf.jpg

http://i056.radikal.ru/0810/a9/86b1e2e38529.jpg

... и кнопка (или лого) готова! :idea:

2

красиво!!!Спасиба!!

3

Stranger2512, вообще круто!  :cool:
Урок перенесен в статьи нашей студии  :idea:

4

спасибо за оценку :blush:

Отредактировано Stranger2512 (2008-10-22 06:27:49)


Вы здесь » WebDesign and Photoshop community » Photoshop » Как нарисовать кнопку


Рейтинг форумов | Создать форум бесплатно