Первым шагом, конечно же, является создание нового файла. Перейдите в меню «Файл» > «Новый» или просто нажмите Ctrl + N. Выберите размер по своему усмотрению и нажмите «ОК». Здесь мы используем размер 600×147 пикселей.
Теперь подумайте о фоне, который вы хотите использовать, и выберите два цвета для фона. Здесь использованы два оттенка синего. Наш цвет переднего плана установлен на #10365a, а цвет фона — #2070bf. Затем выберите инструмент «Градиент» и выберите цвета переднего плана и фона, линейные градиенты.
Теперь просто перетащите градиент сверху вниз по слою.
Добавьте новый слой, на котором вы хотите разместить навигационные ссылки. Используйте инструмент «Прямоугольная область» ( ) и выберите белую заливку.
Измените режим наложения этого слоя на «Мягкий свет» и уменьшите заливку до 25%.
Теперь добавьте разделитель посередине ссылки. Создайте новый слой, снова используйте инструмент «Прямоугольная область» и используйте один пиксель на этом слое. Помните цвет фона, который мы использовали? Мы будем использовать те же самые, только в обратном порядке. На данный момент установите цвет переднего плана #2070bf, а цвет фона — #10365a. Затем используйте цвет переднего плана под цветом фона в градиенте, снова выберите линейный градиент и перетащите градиент сверху вниз. Это будет ваш разделитель.
Измените режим наложения этого слоя на «Мягкий свет», чтобы он лучше смешивался.
Нажмите Ctrl+J, чтобы дублировать этот слой. Решите, сколько навигационных ссылок вы хотите. Затем просто переместите его на место.
Чтобы добавить некоторые детали на панель навигации. Создайте новый слой и используйте инструмент «Прямоугольная область», чтобы создать выделение между двумя разделителями. Затем выделение будет заполнено цветом. Первый цвет, использованный здесь, — #60c100.
Теперь в каждом пространстве-разделителе нам придется повторить этот шаг. Чтобы убедиться, что размер у вас одинаковый, просто повторяйте этот слой каждый раз и переходите к следующему пространству. Затем нажмите Ctrl+клик по маленькому изображению перед палитрой в окне слоев. Это выделит прямоугольное выделение. Затем просто используйте инструмент «Ведро с краской» ( ), чтобы заполнить его другими цветами. На этот раз использован цвет #f80000.