Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

1. Создайте новый документ размером 450x450 пикселя с разрешением 72 dpi. Потом инструментом Эллипс (Ellipse Tool) создайте такую фигуру:


Кнопка PUSH ME


2. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените эти стили:

Внутренняя тень:


Кнопка PUSH ME




Внутреннее свечение:


Кнопка PUSH ME



Наложение градиента:


Кнопка PUSH ME


Кнопка PUSH ME



Обводка:


Кнопка PUSH ME


Кнопка PUSH ME


Кнопка PUSH ME



3. Тем же самым инструментом создайте ещё одну фигуру, как показано иже:



Кнопка PUSH ME



4. Примените стиль наложение градиента (Layer Style - Gradient Overlay):


Кнопка PUSH ME

Кнопка PUSH ME

Кнопка PUSH ME



5. Удерживая Alt, кликните между слоями с фигурами, чтобы ограничить второй эллипс:



Кнопка PUSH ME

Кнопка PUSH ME



6. Инструментом Эллипс (Ellipse Tool) создайте ещё одну фигуру:



Кнопка PUSH ME




7. Примените стиль Наложение градиента (Layer Style - Gradient Overlay):




Кнопка PUSH ME

Кнопка PUSH ME

Кнопка PUSH ME



8. Потом тем же инструментом создайте белую фигуру в верхней части, как показано ниже:


Кнопка PUSH ME

Кнопка PUSH ME



9. Инструментом Эллипс (Ellipse Tool) нарисуйте ещё один круг чёрного цвета:



Кнопка PUSH ME




10. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените эти стили:

Внешнее свечение:



Кнопка PUSH ME




Внутреннее свечение:


Кнопка PUSH ME


Обводка:


Кнопка PUSH ME

Кнопка PUSH ME




11. Сделайте копию этого слоя и инструментом Свободное трансформирование (Free Transform) сделайте эту копию меньше, изменив параметры стилей слоя:

Наложение градиента:


Кнопка PUSH ME

Кнопка PUSH ME




Инструментом Перемещение (Move Tool) переместите круг:



Кнопка PUSH ME




12. Сделайте ещё одну копию этого слоя и инструментом Преобразовать точку привязки (Convert Point Tool) измените фигуру, как показано ниже.



Кнопка PUSH ME


13. Примените такие стили слоя в меню Стилей слоя (Layer Style - Blending Options):

Внутреннее свечение:



Кнопка PUSH ME



Наложение градиента:


Кнопка PUSH ME

Кнопка PUSH ME

Кнопка PUSH ME



14. Инструментом Эллипс (Ellipse Tool) нарисуйте ещё один круг, как показано ниже. Установите Заливку (Fill) слоя – 0%. Примените стиль Наложение градиента (Layer Style - Gradient Overlay):


Кнопка PUSH ME

Кнопка PUSH ME

Кнопка PUSH ME

Кнопка PUSH ME


15. Сделайте копию этого слоя, инструментом Свободное трансформирование (Free Transform) поверните эту копию, установите Заливку (Fill) – 0% и примените стиль Наложение градиента (Layer Style - Gradient Overlay):


Кнопка PUSH ME

Кнопка PUSH ME

Кнопка PUSH ME


Кнопка PUSH ME




16. Инструментом Эллипс (Ellipse Tool) создайте ещё один круг:


Кнопка PUSH ME



17. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените эти стили:

Внутреннее свечение:


Кнопка PUSH ME



Наложение градиента:



Кнопка PUSH ME

Кнопка PUSH ME



Обводка:


Кнопка PUSH ME

Кнопка PUSH ME

Кнопка PUSH ME



18. Выберите инструмент Горизонтальный текст (Horizontal Type Tool) и настройте, как показано ниже, потом напишите текст ‘PUSH ME’.


Кнопка PUSH ME

Кнопка PUSH ME



19. К слою с текстом примените стиль Внутренняя тень (Layer Style - Inner Shadow):


Кнопка PUSH ME


Кнопка PUSH ME




Ссылка на источник урока

написал : Devills


ну как вам??

---------------


написал : positive11

Devills

поправьте ссылку.

---------------


написал : Devills

positive,
smile всмысле...

---------------


написал : positive11

ну Ваша картинка не видна же.

---------------


написал : Devills

http://s013.radikal.ru/i325/1010/62/44205049f147.jpg

---------------


написал : Grep

Можете скинуть PSD? winked
Пожалуйста.

---------------


написал : positive11

Grep
К сожалению PSD файла нет даже в источнике урока. так что придётся Вам всё-таки нарисовать кнопку.

---------------


написал : Стас

Если кто-нть осилил, можете скинуть psd?

---------------


написал : Mr-News

Что тут осиливать то???

---------------


написал : Vitas

...Лентяи!

---------------


написал : марина

Спасибо! Нарисовала, классно получилось;)

---------------


написал : positive11

марина, а покажете? smile

---------------


написал : Людмила

НЕ совсем все выходит так как в уроке.
первое это не получилось обрезать элипс. при нажатии клавиш он просто исчезал с экрана. ставила гл. слоем и тот и другой элип и ничего. но я обошлась,нарисовала контуром и сделала наложение градиентом. белые элипсы тоже не выходили как надо. С самого начала когда ставила ваши настройки у меня был другой результат, поэтому смотрела на картинку как должно быть и делала другие настройки.
Не совсем получилось внешнее неоновое свечение. Почему-то на горизонтальный белый элипс свечение не распространялось. Пришлось применить фильтры размытия. И белые блики тоже градиентом почему-то не вышли, пришлось тоже немного размыть.
Но в уроке хорошо понятен сам принцип выполнения кнопки. Кнопка получилась красивая СПАСИБО!

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

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

Введите код: