Навигационная панель

1. Открываем новый документ 600х150 и заливаем цветом фон.



2. Делаем новый слой. Инструментом Single row marquee делаем два однопиксельных выделения в самом низу документа (расстояние между выделениями - 1-2рх) и заливаем белым цветом



3. Уменьшаем непрозрачность этого слоя до 15-20%



4. Делаем новый слой и инструментом Rectangular marquee делаем два одинаковых выделения 150х150рх, (в тоже время оставшиеся квадраты от фона должны быть также 150х150рх). И заливаем линейным градиентом



5. Не снимая выделения, делаем новый слой и идем Edit > Stroke



6. Ставим непрозрачность этого слоя 15-20%



7. Идем Select > All, и сразу Image > Crop

8. Склеиваем этот слой с синими квадратами. И получившийся слой немного трансформируем (Ctrl+T) - поднимем нижний край этого слоя, так, чтобы он оказался точно над горизонтальными линиями внизу документа (чтобы не было перекрытия)



9. Склеиваем все слои.

10. Делаем новый слой. Инструментом Elliptical marquee делаем круглое выделение и заливаем черным цветом



11. Применяем к этому слою Layer Style

Inner shadow



Gradient Overlay





Stroke



12. Ставим режим смешивания этого слоя на Lighten, дублируем три раза и раставляем по квадратам



13. Теперь добавляем изображения иконок (для каждой иконки создаем новый слой).



14. К каждой иконке применяем Layer Style

Inner shadow



Gradient Overlay



Stroke



15. У каждого слоя с готовой иконкой ставим режим смешивания на Color Dodge



16. Делаем новый слой и круглое выделение, залитое белым цветом



17. Применяем к этому слою Layer Style

Gradient Overlay



18. Снижаем процент заливки слоя до 0%



Теперь можем продублировать этот слой столько раз, сколько потребуется для, того, чтобы украсить панель и расставим все по местам. У меня в одной группе присутствуют четыре таких точки, процент непрозрачности соответственно (справа на налево или снизу верх) 100%, 80%, 40%, 15%.