Navigation Panel
Рисуем
1. Для начала создаем файл произвольного размера, выбираем Rectangle Tool и создаем такой вот прямоугольник:
2. Двойной клик на нашем слое и выставляем значения на рисунке:
3. Опять с помощью Rectangle Tool рисуем такой вот прямоугольник:
4. И опять двойной клик на слое:
Должно получиться что-то вроде этого:
5. Опять создаем маленький прямоугольник, используя опять же Rectangle Tool
Применяем такие же стили, как и в предыдущем шаге и продублируем наш слой
6. Теперь создаем еще один прямоугольник, охватывающий остальные три:
7. Перемещаем этот слой ниже остальных:
8. Далее выбираем все три слоя и создаем группу слоев:
Теперь сливаем все это
9. С помощью rectangular marquee tool удаляем лишнее:
10. Создаем несколько копий слоев и размещаем их, как показано на рисунке ниже:
11. Теперь с помощью Ellipse Tool создаем такой вот овал:
И применяем Blending Mode с такими настройками:
Должно получиться что-то похожее:
12. Дублируем наш овал и с помощью команды Edit-Transform-Flip Vertical отражаем по вертикале
13. Создаем другое соединение, чтобы мы смогли добавить кнопку с "каналом":
14. И опять примените такие же стили слоя, только измените угол градиента, чтобы добиться желаемого результата:
15. С помощью rounded Rectangle Tool создаем такой вот округленный прямоугольник:
16. Применяем настройки слоя:
17. Дублируем слой и удаляем лишнее:
18. Добавляем градиент, как показано на рисунке ниже:
19. Дублируем слой, удаляем все настройки, растеризуем и заполняем выделение белым цветом.
20. Сжимаем этот слой и меняем режим смешивания на screen
21. Ну а дальше просто дублируем нашу кнопочку и выбрав подходящий шрифт, пишем все что душа пожелает
Перевод не дословный!
Автор
Перевод: Konan
Источник