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





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

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


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

Подсказка

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

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

1. Создайте новый документ размером 400 x 110 пикселей. Выберите инструмент Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) и настройте так:


Профессиональная блестящая кнопка


2. Создайте такую фигуру:


Профессиональная блестящая кнопка



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

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



Профессиональная блестящая кнопка


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


Профессиональная блестящая кнопка

Профессиональная блестящая кнопка



4. Сделайте выделение слоя с кнопкой (Ctrl+Click) и примените Сжатие (Modify - Contract), введите значение 5 пикселей:


Профессиональная блестящая кнопка



5. Создайте новый слой (Create New Layer) и залейте выделение инструментом Градиент (Gradient Tool), цвет - от белого к прозрачному, сделайте заливку сверху вниз:


Профессиональная блестящая кнопка



6. Инструментом Перо (Pen Tool) сделайте выделение нижней половины градиента и удалите эту область, чтобы получить такой результат:


Профессиональная блестящая кнопка




7. Инструментом Горизонтальный текст (Horizontal Type Tool) напишите текст. Я использовал шрифт Myriad Pro, Black Italic, размер - 24 pt, Резкое (Sharp), цвет - #fff


Профессиональная блестящая кнопка



8. К слою с текстом примените стиль Отбрасывание тени (Layer Style - Drop Shadow):


Профессиональная блестящая кнопка

Профессиональная блестящая кнопка



9. Сделайте копию слоя с кнопкой, поместите копию под оригинальной кнопкой на холсте и сотрите нижнюю кнопку так:


Профессиональная блестящая кнопка




10. Можете загрузить фигуру и вставить её в нашу кнопку:


Профессиональная блестящая кнопка



Перевод: Глеб Хегай

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

написал : deaf13

великолепный урок

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


написал : Rassia

Помогите, не могу сделать шаг 2 этап 2 не могу добавить градиент как на скриншоте. Помогите recourse

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


написал : positive11

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

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


написал : Tay

Шаг 4 не работает...нельзя сделать модификацию

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


написал : Глеб

Tay
У меня всё работает после создания выделения.
Меню Выделение > Модификация > Сжатие (Select > Modify > Contract).

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


написал : Subvert

Доброе утро!
Очень интересный сайт, вот только указанные шрифты трудно найти.
Было бы намного лучше, если бы они прилагались к уроку.

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


написал : 7wonders

тоже шаг 4 не работает. Modify не активная функция..Думала, что из-за того, что Shape выделяю, а не Layer, но одинаково не активно. Где нужно искать проблему?

Спасибо

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


написал : positive11

А выделение на холсте есть?
фигура должна быть на отдельном слое, не на фоновом. Зажмите Ctrl и кликните по миниатюре этого слоя. НА холсте появится выделение.

У Вас так?

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


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

Не очень. Половина команд не работает и пояснение не совсем развернутое, может автор что-то упустил и поэтому не работает?. Каким образом перо удаляет? Это не выделение ведь.

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


написал : positive11

Ирина, выберите инструмент Перо (Pen Tool) (P) и в настройках на верхней панели включите режим Контуры (Paths). Нарисуйте контур той формы, какой должно быть выделение. Затем кликните правой кнопкой мыши на холсте и выберите пункт Образовать выделенную область (Make Selection). В появившемся окне нажмите ОК, и на холсте появится выделение. Либо после того, как нарисовали контур, нажмите Ctrl + Enter и контур будет преобразован в выделенную область.

Если у Вас снова возникнут вопросы, не стесняйтесь писать о них. Мы Вам обязательно поможем!

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


написал : Enya

все тут получается!) спасибо!

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


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

Ваше Имя

Ваш E-mail

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

Введите код: