Создание меню для сайта, создаем меню для сайта, меню с отражением в уроке фотошопа

2010-12-07, Автор - Miatozoff; [2524]
Меню для сайта.

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

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

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

4. Затем, возьмите Rounded Rectangle Tool и нарисуйте в режиме Shape Layers прямоугольник с радиусом 10 пикселов и цветом #1a5f99 Теперь выберите Direct Selection Tool и сдвиньте указанные точки на 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 , рисуйте прямоугольник с радиусом 5 пикселов на сей раз с #30516d цветом. Теперь выберите Direct Selection Tool снова и переместите левую и правую точки так, как я сделал ниже. Назовите этот слой 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 в панели слоев и в маске проведите градиент снизу вверх(градиент - от черного к прозрачному). Я надеюсь, вам понравился урок.


Комментарии:
Meizu 16 Plus почти не отличается от Mei...
Meizu 16 Plus почти не отличается от MeiСетевые источники поделились фотографией флагманского смартфона Meizu 16 Plus, официальный анонс которого...
Появились снимки и некоторые характерист...
Появились снимки и некоторые характеристПоявились снимки и некоторые характеристики неанонсированного смартфона компании TCL под номером T700X. Г...
Раскрылись спецификации мощного смартфон...
Раскрылись спецификации мощного смартфонК выпуску готовится новый мощный смартфон Huawei Honor Note 10 с двойной тыловой камерой на 16 Мп. Гаджет...
Флагманский смартфон Oppo F9 представят ...
Флагманский смартфон Oppo F9 представят Компания Oppo опубликовала тизер-изображение флагманского смартфона Oppo F9, выход которого, как утвержда...
Смартфон Xiaomi Mi Max 3 протестировали ...
Смартфон Xiaomi Mi Max 3 протестировали В базе данных, пожалуй, самого популярного бенчмарка AnTuTu протестировали планшетофон Xiaomi Mi Max 3, к...
BQ выпустил бюджетный смартфон 5515L Fas...
BQ выпустил бюджетный смартфон 5515L FasВ России вышел бюджетный смартфон под названием BQ 5515L Fast. Девайс оборудован 5,5-дюймовым экраном, ра...
Смартфон Honor Note 10 получит аккумулят...
Смартфон Honor Note 10 получит аккумулятВ базе данных китайского регулятора TENAA появились сведения об ожидаемом многими планшетофоне Huawei Hon...
Представлен долгожданный Mi Max 3 от ком...
Представлен долгожданный Mi Max 3 от комКомпания Xiaomi выпустила большой Mi Max 3 с контрастным Full HD+ и ценой 15 900 рублей. Гаджет Xiaomi M...
Поделиться в социальных сетях:


Предварительный обзор Sony Xperia XA2 Pl...
Предварительный обзор Sony Xperia XA2 PlКомпания Sony в последнее время очень много проиграла на рынке смартфонов. Буквально года три назад это б...
Обзор Soul Knight. Неплохая RPG для фана...
Обзор Soul Knight. Неплохая RPG для фанаБольшинство современных мобильных игр скучные и однообразные. Это нормально, ведь разработчики очень редк...
Предварительный обзор Cooler Master Mast...
Предварительный обзор Cooler Master MastСовременное компьютерное железо удивляет не только своими характеристиками и возможностями, но и привлека...
Обзор Big Hunter. Воюем с мамонтами...
Обзор Big Hunter. Воюем с мамонтамиПодавляющее большинство современных казуальных игр не могут похвастаться сложным игровым процессом. Собст...
Huawei Nova 3i - хороший смартфон с адек...
Huawei Nova 3i - хороший смартфон с адек18 июля 2018 года, случился официальный анонс новинки Huawei Nova 3i, которая представляет из себя красив...
Предварительный обзор Nikon Coolpix P100...
Предварительный обзор Nikon Coolpix P100Официально представлена камера Nikon Coolpix P1000, которую можно смело назвать суперзумом. Этот продукт ...
Обзор Gibbets: Bow Master. Спасаем жизни...
Обзор Gibbets: Bow Master. Спасаем жизниМобильные игры требуют от разработчиков новых идей, но не всегда эти задумки граничат с адекватностью. В ...
Предварительный обзор Lenovo IdeaPad D33...
Предварительный обзор Lenovo IdeaPad D33В последнее время мы наблюдаем повышенный интерес к гибридным устройствам на операционной системе Windows...
Обзор Ninja Dash. Шикарный раннер...
Обзор Ninja Dash. Шикарный раннерВ последнее время я не видел ничего адекватного из жанра раннеров, так как разработчики мобильных проекто...
Предварительный обзор Samsung C43J89. Оч...
Предварительный обзор Samsung C43J89. ОчКомпания Samsung показала весьма интересный монитор, которого не ждал никто. Дело в том, что в последнее ...
Обзор Mayhem Command. Драки в мультиплее...
Обзор Mayhem Command. Драки в мультиплееМобильные игры давно перестали быть просто развлечением для убийства времени в пробках или поездках на ме...
Предварительный обзор Sharkoon Skiller S...
Предварительный обзор Sharkoon Skiller SСовременная игровая периферия предоставляет пользователю возможность купить подходящий продукт и получить...

МегаОбзорМегаОбзор
ЭЛ № ФС 77 - 68301. Выдано РоскомнадзоромМегаОбзор
MegaObzor в социальных сетях:
Яндекс.Метрика
2006-2018 © MegaObzor