Круговое навигационное меню

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


Круговое навигационное меню


2. Примените стиль Наложение градиента (Layer Style — Gradient Overlay) для фонового слоя:


Круговое навигационное меню

Круговое навигационное меню



Результат:


Круговое навигационное меню



3. Выберите инструмент Произвольная фигура (Custom Shape Tool) и выберите эту фигуру:


Круговое навигационное меню



4. Создайте новый слой (Create New Layer) и в нём создайте фигуру, как показано ниже:


Круговое навигационное меню



5. Примените фильтр Радиальное размытие (Radial Blur Filter) и настройте так:


Круговое навигационное меню



Результат:


Круговое навигационное меню



6. Инструментом Прямоугольник (Rectangle Tool) создайте такую фигуру:


Круговое навигационное меню



7. Выберите инструмент Произвольная фигура (Custom Shape Tool) и настройте так:


Круговое навигационное меню

Круговое навигационное меню



8. Потом создайте фигуру, как показано ниже:


Круговое навигационное меню



9. Сделайте копию этой фигуры и поместите на другой стороне:


Круговое навигационное меню



10. Кликните правой кнопкой и выберите Создать выделенную область (Make Selection):


Круговое навигационное меню




11. Создайте новый слой (Create New Layer) и залейте выделение чёрным цветом:


Круговое навигационное меню



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


Круговое навигационное меню

Круговое навигационное меню

Круговое навигационное меню




Результат:


Круговое навигационное меню




13. Сделайте копию этих слоёв (можете объединить их в группу) и поверните на 60 градусов:


Круговое навигационное меню



14. Сделайте ещё одну копию и тоже поверните её:


Круговое навигационное меню



15. Выберите инструмент Овальная область (Elliptical Marquee Tool) и создайте выделение в центре пересечения. Потом создайте новый слой (Create New Layer) и залейте его цветом #780021.


Круговое навигационное меню



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

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


Круговое навигационное меню




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


Круговое навигационное меню



Обводка:


Круговое навигационное меню



Результат:


Круговое навигационное меню



17. Установите Заливку (Fill) этого слоя — 32%:


Круговое навигационное меню



Результат:


Круговое навигационное меню



18. Вставьте иконки в круги:


Круговое навигационное меню







Делаем Web-дизайн

Вас может также заинтересовать:

22 июля 2019

Высококачественный объектив LEICA,5x Оптический и 10x интеллектуальный зум, MP4 720p HD Видеозапись, Оптическая стабилизация ,Режимы творческой съемки

22 июля 2019

Дата анонса: 2006/02/15 Эффективное разрешение, МП: 6 Диагональ ЖК-дисплея, дюймы: 3 Вес с батареей и картой памяти, г: 145

22 июля 2019

Создавайте незабываемые динамичные фотографии с помощью чрезвычайно мощной фотокамеры D7100. Эта многофункциональная, чрезвычайно легкая и компактная модель, которая заключена в прочный корпус, имеет матрицу формата DX высочайшего качества и позволяет...