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





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

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


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

Подсказка

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

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

1. Создайте новый документ размером 500×300 пикселей и залейте фон, используя инструмент Градиент (Gradient Tool). Цвета - #000000 и #1b2c3e.


Профессиональное меню


2. Теперь выберите инструмент Прямоугольник с закруглёнными краями
(Rounded Rectangle Tool), радиус - 10 пикселей, нарисуйте кнопку на вашем холсте любого цвета:


Профессиональное меню



3. Потом растеризуйте эту фигуру (Rasterize - Shape), затем перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените эти стили:

Отбрасывание тени:



Профессиональное меню



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


Профессиональное меню



Результат:


Профессиональное меню



4. Сделайте выделение слоя с кнопкой (Ctrl+Click), потом примените Сжатие (Modify - Contract) и введите значение - 1 пиксель. Создайте новый слой (Create New Layer), залейте выделение цветом #1b1b1d. Можете снять выделение (Ctrl+D).


Профессиональное меню



5. Время добавить свечение внутри. Создайте новый слой (Create New Layer), выберите инструмент Овальная область (Elliptical Marquee Tool) и создайте выделение, показанное ниже. Потом залейте его цветом #479ea5:


Профессиональное меню



6. Снимите выделение (Ctrl+D) и примените фильтр Размытие по гауссу (Gaussian Blur Filter) с этими настройками:


Профессиональное меню




У вас должно получиться такое размытое пятно:


Профессиональное меню




7. Тепе примените фильтр Размытие в движении (Motion Blur Filter) и настройте так:


Профессиональное меню




Результат:


Профессиональное меню



8. Инструментом Многоугольное лассо (Polygonal Lasso Tool) создайте ещё одно выделение в новом слое и залейте его белым цветом:


Профессиональное меню



9. Снимите выделение (Ctrl+D) и примените фильтр Размытие по гауссу (Gaussian Blur Filter) с такими настройками:


Профессиональное меню





Результат:


Профессиональное меню



10. Теперь примените фильтр Размытие в движении (Motion Blur Filter) и настройте так:



Профессиональное меню

Профессиональное меню




11. Теперь создайте ещё одно выделение инструментом Прямоугольная область
(Rectangular Marquee Tool):


Профессиональное меню




12. Сделайте Инверсию выделения (Select - Inverse), нажмите Delete. Снимите выделение (Ctrl+D).


Профессиональное меню



13. Теперь добавим текстуру к кнопке. Создайте новый документ размером 3×3 пикселя, выберите инструмент Карандаш (Pencil Tool) и нарисуйте такой узор:


Профессиональное меню




14. Потом перейдите в меню Редактировать»Определить узор (Edit > Define Pattern) и сохраните ваш узор. Теперь вернитесь к нашему основному документу. Создайте выделение в новом слое инструментом Прямоугольная область (Rectangular Marquee Tool), затем залейте его белым цветом.


Профессиональное меню



15. Снимите выделение (Ctrl+D) и примените стиль Наложение узора
(Layer Style - Pattern Overlay) к слою с выделением:



Профессиональное меню



16. Установите Заливку (Fill) слоя - 7%.


Профессиональное меню



17. Создайте новый слой (Create New Layer), инструментом Многоугольное лассо
(Polygonal Lasso Tool) создайте выделение, как показано ниже, и залейте его белым цветом:


Профессиональное меню




18. Снимите выделение (Ctrl+D) и примените фильтр Размытие в движении (Motion Blur Filter) и настройте так:


Профессиональное меню





Результат:



Профессиональное меню



19. Создайте новый слой (Create New Layer), выберите инструмент Карандаш (Pencil Tool), создайте пару точек цветом #e2dedf, как показано ниже:


Профессиональное меню



20. Сделайте копию слоя и примените фильтр Размытие в движении (Motion Blur Filter) и настройте так:


Профессиональное меню




Результат:


Профессиональное меню



21. Создайте новый слой (Create New Layer) и нарисуйте 3 линии инструментом Карандаш
(Pencil Tool) цветом #479ea5:


Профессиональное меню




22. Создайте новый слой (Create New Layer) и создайте выделение при помощи инструмента Прямоугольная область (Rectangular Marquee Tool), залейте выделение тем же самым цветом:


Профессиональное меню



23. Снимите выделение (Ctrl+D) и установите Непрозрачность (Opacity) слоя - 30%. Потом объедините этот слой с предыдущим. Затем примеинте фильтр Размытие в движении
(Motion Blur Filter) и настройте так:


Профессиональное меню




Результат:


Профессиональное меню



24. Сделайте выделение слоя с кнопкой (Ctrl+Click), потом создайте новый слой
(Create New Layer) и залейте выделение чёрным цветом.


Профессиональное меню




25. Снимите выделение (Ctrl+D), потом примените фильтр Добавить шум (Add Noise Filter) и настройте так:


Профессиональное меню



26. Установите Режим наложения - Осветление (Blending Mode – Screen), Непрозрачность (Opacity) - 60%.


Профессиональное меню



27. Время добавить текст. Выберите инструмент Горизонтальный текст (Horizontal Type Tool) и напишите текст цветом #70ffff. Я использовал шрифт Electrofied размером - 14 pt,Чёткое (Crisp).


Профессиональное меню



28. Я создайте больше кнопок и написал на них разные названия разделов:



Профессиональное меню






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

написал : Arch

1)как после третьего шага получается углы закругленные сверху становятся острыми
2)12 шаг не получается

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


написал : positive11

в 3 шаге просто обрежь верхюю часть.

12 шаг, когда инверсию сделаешь, внешняя часть просто уйдёт.

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


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

Ваше Имя

Ваш E-mail

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

Введите код: