Урок по созданию оранжевого меню со стальной каёмкой для веб-сайта

Урок Фотошопа

кликайте на картинки, чтобы увидеть их полный размер

Создаём стильное оранжевое меню со стальной каёмкой.

Начнём с создания нового документа, размером 350 на 300 пикселей, с фоном чёрного цвета.

Используя Rounded Rectangle tool создайте прямоугольник с закруглёнными углами, как на рисунке:

И примените к нему следующие эффекты:

Теперь, с помощью Rectangular Marquee tool (прямоугольная область выделение) создайте выделение как показано на рисунке:

После чего, создайте новый слой и залейте его вот таким градиентом:

Наша первая кнопка готова:

Теперь, продублируйте этот слой столько раз, сколько у вас будет кнопок. Кнопки должны идти впритык друг к другу:

Дайте названия каждой кнопке:

Как показать что одна из кнопок активна? Легко, всего лишь выделите одну из них, например Products. Создайте новый слой и залейте его вот таким градиентом:

После этого возьмите инструмент Карандаш (Pencil Tool) диаметром 1 пиксель, и нарисуйте внутри выделения две линии, как показано на рисунке. Верхняя линиия цвета #ffb45a а нижняя цвета #ec8100. Вот как должно теперь выглядеть наше меню.

Пустое простарнство вверху меню может быть использовано как место для логотипа, как этого например:

Добавим небольшой блик. Выделите верхнюю часть меню:

Создайте новый слой, и залейте его градиентом от белого к прозраности, чтобы меню выглядело как на рисунке. Нажмите Ctrl+D чтобы снять выделение. Наше меню готово!

Copyright © http://megatutorials.blogspot.com