Уроки Веб и приложения Зинаида Лукьянова 30 июня 2007

Золотая навигация

Сложность урока: Сложный

В этом уроке Photoshop мы будем создавать навигационную панель для сайта художественной галереи.

Начнем с того, что нарисуем прямоугольную форму.
Возьмите инструмент закругленная прямоугольная форма (rounded rectangular shape tool)

Щелкните дважды по слою с новым прямоугольником и добавьте следующие стили.

Получится так:

Нарисуйте фигуру эллипса, используя инструмент elliptical shape tool. Примените к эллипсу такие же стили.

В меню layer выберите layer style > create layers.
Выберите и совместите все получившиеся слои.
Поменяйте режим смешивания слоев на "Linear Light".

Создайте еще один закругленный прямоугольник для кнопки, примените к ней те же стили.

Щелкните дважды по слою с кнопкой, чтобы добавить тень. Установите такие же значения как на рисунке:

Дублируйте этот слой несколько раз и разместите кнопки для ссылок друг под другом.

Напечатайте названия ссылок на кнопках.

К этой золотистой панели можно добавить немного красивого орнамента (это стандартные формы "leaf ornament 2")

Думаю, всем будет приятно гулять по сайту с такой шикарной навигацией.

До встречи на www.creativo.one!

Источник: www.PhotoShopLab.net

57 тыс. 12
Печать Жалоба

Комментарии 12

Спасиб за классный урок

Спасибо за урок

Спасибо! Красивый эффект. Если бы еще цвета стилей слоев указывались. А так все на догадках.

Полезный урок, спасибо.

Спасибо!Красивый урок.

Спасибо за урок!

Спасибо за перевод!

Спасибо=)

Так получается скорее меню из желто-оранжевого пластика. Металл не чувствуется. Я немного изменила

Благодарю!

Золотое меню.

Спасибо за урок.

Хорошо для осенних тем.Спасибо.

Спасибо за урок)Побаловалась немножно)(Вдохновение напало)

Спасибо! интересный урок

хех) немножко увлекся

спасибо за урок!

Спасибо за урок)

Спасибо команде сайта!

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее