» Форма входа

»Мoy-weB ver.4.1

» Статистика

Главная » 2008 » Сентябрь » 10 » Синее металлическое меню

Синее металлическое меню
10.Сен.2008 | 16:49:50
Синее Металлическое Меню

ну, может не совсем и металлическое, но явно синее wink.gif

Синее металлическое меню


1. создайте новый холст в размере 535 x 123 , цвет холста #154a77.
Двойной щелчок по иконке слоя в палитре слоев и нажмите OK, что
позволит вам работать с этим слоем.
Синее металлическое меню

2. Теперь выберите Blending Options - Gradient Overlay , параметры настройки
Синее металлическое меню

3. У вас должно получиться так
Синее металлическое меню

4. Затем, возьмите Rounded Rectangle Tool rounded_rectangle.gif и нарисуйте в режиме Shape Layers прямоугольник с радиусом 10 пикселов и цветом #1a5f99

Теперь выберите Direct Selection Tool direct_selection.gif и сдвиньте указанные точки на 5 пикселов, как я сделал ниже. Назовите этот слой Menu Frame
Синее металлическое меню

Теперь
нам нужен образец узора заливки. Создайте новый документ размером 1*3
пикселов с прозрачным фоном. Увеличьте изображение до 1600%. С помощью Pencil Tool размером 1 пиксель поставьте черную точку вверху (как на образце ниже в п. 7). Затем нажмите Edit - Define Pattern для того, чтобы сохранить наш образец.

5.Нажмите на слой Menu Frame в палитре слоев и выберите Blending Options - Drop Shadow
Синее металлическое меню

6. Настройки Gradient Overlay
Синее металлическое меню

7. Настало время вставить образец Pattern Overlay, выберите его в раскрывающемся меню. Теперь Вы можете нажать OK.
Синее металлическое меню

8. У вас должно получиться
Синее металлическое меню

9. Снова используя Rounded Rectangle Tool rounded_rectangle.gif , рисуйте прямоугольник с радиусом 5 пикселов на сей раз с #30516d цветом.

Теперь выберите Direct Selection Tool direct_selection.gif снова и переместите левую и правую точки так, как я сделал ниже. Назовите этот слой Menu Back в палитре слоев.
Синее металлическое меню

10. Затем, дублируйте Menu Back слой и измените цвет на #093f6c. Теперь пойдите в Edit - Free Transform и уменьшите ширину примерно на 5 % и высоту примерно на10 %. Назовите этот слой Button
Синее металлическое меню

11. Теперь нажмите на слой Button и выберите Blending Options - Drop Shadow
Синее металлическое меню

12. Затем Gradient Overlay
Синее металлическое меню

13. Теперь выберите Pattern Overlay
Синее металлическое меню

14. Настройки Stroke
И затем Вы можете нажать OK.
Синее металлическое меню

15. Вот что должно получиться
Синее металлическое меню

16. Выберите Text Tool и используйте такие параметры настройки
Синее металлическое меню

17. Теперь напечатайте ваш текст меню и уменьшите заливку слоя до 58 %.
Синее металлическое меню

18.
Затем выберите слой текста и два других слоя кнопки и объедините их в
группу. Теперь дублируйте группу несколько раз и измените текст кнопки.
Убедитесь, что щелкнули каждой последующей кнопкой вертикально как
иллюстрировано ниже, с помощью Edit - Transform - Flip Vertically
Синее металлическое меню

19. Зажав Ctrl, щелкните Menu Frame чтобы создать выбор. Создайте новый слой и поместите его выше Menu Frame в палитре слоев. Теперь пойдите в главное меню и выберите, Select - Modify - Contract 2 и нажмите Ок. Теперь заполните белым и снимите выделение. Назовите этот слой Gloss
Синее металлическое меню

20. Теперь выберите Elliptical Marquee Tool и сделайте следующее выделение. Удостоверьтесь, что Вы находитесь на слое Gloss. Затем Edit - Cut. измените заливку слоя Gloss приблизительно до 14 %.
Синее металлическое меню

21. Результаты!
Создание отражения - Чтобы завершить работу, объедините все слои Ctrl Shift+E (Merge Vizible)(кроме фона), затем дублируйте меню и с помощью Ctrl+T - Flip Vertical, сдвиньте полученное перевернутое меню с текстом вниз. Теперь заблюрьте отражение Filter - Gaussian Blur - 1 px и немного снизьте Opacity до 37% в панели слоев. Настройки - на ваше усмотрение до достижения желаемого эффекта.
Затем примените к нему Add Layer Mask в панели слоев и в маске проведите градиент снизу вверх(градиент - от черного к прозрачному). Я надеюсь, вам понравился урок.
Синее металлическое меню


Автор: Empire Dezign
Перевод: Afrodita
Категория: Уроки фотошоп | Просмотров: 870 | Добавил: CorsaR
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]