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





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

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


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

Подсказка

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

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

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


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


1. Создайте новый документ с такими настройками:


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


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


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


3. Залейте выделение цветом #363636, используя инструмент Заливка (Paint Bucket Tool). Потом создайте ещё одно выделение.


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


4. Создайте новый слой (Create New Layer) и залейте выделение цветом #909090. Потом создайте ещё одно выделение.


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


5. В новом слое залейте выделение любым цветом и перейдите в меню Стилей слоя (Layer Style - Blending Options), настройте так:

Тиснение (Стиль – Обводящее тиснение, Метод – Плавный, Режим подсветки – Осветление, Режим тени – Умножение):


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


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


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

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


6. Создайте новый слой (Create New Layer) и инструментом Овальная область (Elliptical Marquee Tool) создайте выделение, как показано ниже.


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


7. Залейте выделение чёрным цветом и примените стиль Отбрасывание тени (Layer Style - Drop Shadow):


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


8. Таким образом создайте ещё несколько дыр.


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


9. В новом слое создайте такое выделение инструментом Овальная область (Elliptical Marquee Tool).


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


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

Внутренняя тень (Режим – Умножение)


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


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


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


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


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


11. Создайте выделение, как показано ниже, и нажмите Delete.


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


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


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


13. Сделайте ещё одну копию слоя и также измените её:


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


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


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


15. Залейте выделение любым цветом и примените стиль Наложение градиента (Layer Style - Gradient Overlay):


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

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


16. Создайте выделение, как показано ниже, и нажмите Delete, чтобы создать разделительные линии.


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


17. В новом слое создайте выделение, как показано ниже.


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


18. Залейте выделение любым цветом и примените стиль Наложение градиента:

Режим – Нормальный, Стиль - Зеркальный


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

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

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


19. Сделайте копию этого слоя и переместите на другую сторону. Затем инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение, как показано ниже.


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


20. В новом слое залейте выделение цветом #6dd0f7 и примените эти стили слоя:

Внутренняя тень (Режим – Умножение):


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


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


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


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


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


21. В новом слое создайте выделение, как показано ниже:


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


22. Залейте выделение любым цветом и примените стиль Тиснение (Layer Style - Bevel and Emboss):

Стиль – Внутренний скос, Метод – Плавный, Режим подсветки – Осветление, Режим тени – Умножение


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


23. Создайте ещё одно выделение:


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


24. Залейте его цветом #6dd0f7 в новом слое и примените стиль Внутренняя тень (Layer Style - Inner Shadow):

Режим - Умножение


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


25. Текстовым инструментом напишите текст и создайте выделение в новом слое, как показано ниже:


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


26. Залейте его цветом #6dd0f7. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:

Внутренняя тень (Режим – Умножение):


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


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


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


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


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


28. Залейте выделение цветом #fffffa и примените стиль Внутренняя тень (Layer Style - Inner Shadow), Непрозрачность слоя – 28%.

Режим - Умножение


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


29. Сделайте копию этого слоя и примените Отражение по горизонтали (Transform – Flip Horizontal). Расположите наклонные линии на другой стороне.


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


30. Создайте новый слой (Create New Layer) и создайте выделение, как показано ниже, инструментом Перо (Pen Tool) (или любым другим).


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


31. Залейте выделение цветом #fffffa, установите Режим наложения – Перекрытие и Непрозрачность – 13%.


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


32. Выберите инструмент Кисть (Brush Tool), задайте размер – 2 пикселя, потом создайте новый слой (Create New Layer) и инструментом Перо (Pen Tool) нарисуйте контур, как показано ниже. Затем кликните правой кнопкой на холсте и выберите Обводка контура (Stroke Path). В появившемся окне выберите Кисть (Brush).


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


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

Режим - Умножение


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


34. Сделайте копию слоя и примените Отражение по горизонтали (Transform – Flip Horizontal), расположите копию на другой стороне. Затем выберите инструмент Кисть (Brush Tool), задайте размер – 1 пиксель, в новом слое нарисуйте контур, как показано ниже и также сделайте обводку контура.


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


Финальный результат:


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




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

написал : danila_masters

спасибо вам за предоставленный урок.

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


написал : positive11

Рады стараться winked

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


написал : Александр

Вы смотрите хотя бы на исходник - у вас написана полная лажа!!!

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


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

Ваше Имя

Ваш E-mail

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

Введите код: