[картинка не сохранилась]
В этом уроке будем учиться делать вот такую web 2.0 hi-tech навигационная панель.
Создайте новый документ 600х150 пикселей с черным фоном. Инструментом Rounded Rectangle на новом слое нарисуйте черный скругленный прямоугольник и добавьте к нему следующие стили:
[картинка не сохранилась][картинка не сохранилась]
У Вас должно получиться что-то вроде этого:
[картинка не сохранилась]
Теперь создайте новый слой над уже существующим и инструментом Pen нарисуйте подобный контур (кстати, можно сделать и простое прямоугольное выделение с заливкой, смотреться будет не хуже):
[картинка не сохранилась]
Кликните по контуру правой кнопкой и выберите Make a selection. Заполните его белым цветом.
[картинка не сохранилась]
Кликните по иконке слоя с прямоугольником с зажатой клавишей CTRL, чтобы выделить его содержимое. Далее Select > Inverse и клавишу DELETE, чтобы обрезать все лишнее:
[картинка не сохранилась]
Понизьте непрозрачность данного слоя до 65%. После этого примените Gradient Overlay
[картинка не сохранилась]
Должно получиться что-то похожее на это:
[картинка не сохранилась]
Нанесите текст
[картинка не сохранилась]
Теперь создайте текстовый слой, где напечатайте символы “тире” ( - - -). Далее Edit > Transform > Rotate 90CW, чтобы развернуть их в вертикальное положение, после нарисуйте небольшие белые квадратики над текстом.
Добавьте в них цифры. Теперь напечатайте символ “¬” (найдите его в таблице символов или скопируйте прямо отсюда) и поместите его справа вверху над текстом.
[картинка не сохранилась]
Готово!
Взято: http://tutorials.psdschool.ru/
Оригинал: http://hv-designs.co.uk
Оригинал: снимок Wayback Machine от 08.02.2008.