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





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

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


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

Подсказка

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

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

Конечный результат:


Навигационное меню Windows 7


1. Создайте новый документ размером 600х400 пикселей. Установите цвет заливки - #1592d7, цвет фона - #136da2, выберите инструмент Градиент (Gradient Tool) и настройте так:


Навигационное меню Windows 7


2. Из центра холста сделайте заливку в любом направлении.


Навигационное меню Windows 7


3. Создайте новый слой (Create New Layer) и выберите инструмент Произвольная фигура (Custom Shape Tool):


Навигационное меню Windows 7


4. Выберите фигуру “registration target”.


Навигационное меню Windows 7


5. Создайте большую фигуру и расположите её, как показано ниже.


Навигационное меню Windows 7


6. Установите цвет заливки – белый, выберите инструмент Перо (Pen Tool) и кликните правой кнопкой на холсте и выберите Заливка контура (Fill Path).


Навигационное меню Windows 7


7. Кликните правой кнопкой ещё раз и выберите Удалить контур (Delete Path).


Навигационное меню Windows 7


8. Примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 5 пикселей. Установите Режим наложения этого слоя – Мягкий свет (Blending Mode – Soft Light) и Непрозрачность – 30%. Назовите этот слой “background streaks”.


Навигационное меню Windows 7


9. Создайте новый слой (Create New Layer) и выберите инструмент Прямоугольная область (Rectangular Marquee Tool), создайте выделение на всю ширину холста и высотой – 40-45 пикселей. Залейте его чёрным цветом.


Навигационное меню Windows 7


10. Установите Заливку (Fill) слоя – 10%.


Навигационное меню Windows 7


11. Создайте новый слой (Create New Layer) и назовите его “top line”. Выберите инструмент Прямоугольная область (Rectangular Marquee Tool) и создайте две 1-пиксельные линии друг над другом. Верхнюю линию залейте чёрным цветом, а нижнюю белым. Установите Непрозрачность – 50%.


Навигационное меню Windows 7


12. Сделайте копию слоя “top line” и назовите её “bottom line”. Спустите копию вниз полосы:


Навигационное меню Windows 7


13. Создайте новый слой (Create New Layer) и назовите его “button stroke”. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение, как показано ниже. Верхняя сторона выделения должна покрывать верхнюю белую линию, а нижняя сторона должна быть над двумя линиями.


Навигационное меню Windows 7


14. Залейте выделение чёрным цветом и перейдите в меню Стилей слоя (Layer Style - Blending Options):


Навигационное меню Windows 7


Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет):


Навигационное меню Windows 7


15. Сделайте копию слоя “button stroke” и назовите её “button shine”. Примените для неё такие настройки стилей слоя:

Параметры наложения:


Навигационное меню Windows 7


Наложение градиента (Режим – Нормальный, Стиль – Линейный):


Навигационное меню Windows 7


Обводка (Положение – Внутри, Режим – Нормальный, Тип обводки – Градиент, Стиль – Линейный):


Навигационное меню Windows 7

Навигационное меню Windows 7


16. Создайте новый слой “white corner stroke”, инструментом Прямоугольная область (Rectangular Marquee Tool) создайте 1-пиксельное выделение вокруг правой и нижней стороны и залейте его белым цветом.


Навигационное меню Windows 7


17. Добавьте векторную маску к этому слою (Layer Mask), установите цвета по умолчанию (D). Сделайте заливку линейным градиентом с верхнего правого угла вниз примерно до половины. Кликните правой кнопкой мыши на маске слоя и выберите Применить маску (Apply Mask). Повторите этот процесс для нижней белой линии, но делайте заливку слева направо. Вы должны получить такой результат:


Навигационное меню Windows 7


18. Инструментом Перо (Pen Tool) создайте контур, как показано ниже:


Навигационное меню Windows 7


19. Создайте новый слой (Create New Layer) и назовите его “button shine 2″. Инструментом Перо (Pen Tool) кликните правой кнопкой на контуре и выберите Заливка контура (Fill Path), выберите белый цвет для заливки. Находясь в этом же слое, сделайте выделение слоя “button shine” (Ctrl+Click). Сделайте Инверсию выделения (Select – Inverse) и нажмите Delete. Установите Непрозрачность слоя – 10%.


Навигационное меню Windows 7


20. Сделайте копии этой кнопки и подпишите их:


Навигационное меню Windows 7



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

написал : mixa619

what

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


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

Ваше Имя

Ваш E-mail

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

Введите код: