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

Зашнурованная навигация

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

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

Возьмите инструмент - скругленный прямоугольник (rounded rectangle tool) и нарисуйте такую фигуру:

Нажмите Ctrl+T. Щелчок правой кнопкой, выбираем команду Warp. Установите параметру warp значение "Inflate"
Примените настройки как показано ниже.


Нажмите Ctrl+T. Снова выберите Warp кликнув правой кнопкой.
Выберите значение "Bulge" и примените такие настройки.

Дважды щелкните на слое с фигурой, чтобы открыть окно добавления стилей. Выполните следующие действия.


Получится вот такая дощечка.

Теперь вам нужно дублировать слой (Layer - Duplicate Layer) и масштабировать его (Ctrl + T).

Нарисуйте такую же форму, как показано на рисунке, используя инструмент Перо (pen tool). Этой полосочке добавьте обводку и небольшой объем.

По концам полосочки нарисуйте два маленьких кружка:

Слейте слои кружков и полоски вместе. Скопируйте этот слой столько раз, сколько считаете нужным и разместите эти колечки или шнуровку по периметру нашей фигуры.

Используя инструмент Текст напечатайте названия ваших ссылок.


Дважды щелкните по слою с текстом и добавьте внешнего свечения.

Поздравляем Вас с отличным результатом!

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

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

48 тыс. 16
Печать Жалоба

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

Думаю автор посторался но... Описание большой минус ((( Мне понравился урок ))

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

аааайка, все плохо вышло, запаролся с пером, нарисовал от руки.

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

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

Спасибо=)

Спасибо,большое!

Спасибо за урок. Было очень интересно.

Спасибо!

Зашнурованная навигация. Спасибо.

Замечательный урок.Спасибо.

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

Спасибо - занятная идея!

Спасибо. Очень понравилось!

Вот ка кто так.

Не пойму почему урок в категории "усложненные" - вполне средний если не легкий)))
Поленилась шнуровку делать((((

Я не поняла, как рисовать скобки. Жаль вы не написали... пробовала методом тыка, но то что получалось, не годится. а круги получались только поверху( не смогла разобраться, оставила до следующего раза. И вопрос, а как извлечь из формы, например такую табличку, чтоб на сайте как рекламку, или там заметки какие красиво вставить, без лишнего фона...?

Спасибо за урок! очень интересно!

Простенький и интересный урок, спасибо!

интересний урок... спасибо автору

Еще 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-адрес, помогающих нам сделать его удобнее для вас. Подробнее