Простая панель навигации в Photoshop

Учимся рисовать простую панель навигации в Photoshop, которую вы сможете легко применить в веб-дизайне. Кстати, веб-графика - это новая рубрика уроков на сайте aboutps.blogspot.com.

aboutps

Первым делом создаём новый документ размером 800*1000 пикселей, это чисто мой размер, который использовал я. Вы же можете сделать как вам угодно, на ваш вкус и цвет.

Теперь рисуем такую полоску, предварительно создав новый слой. И затем заливаем её цветом #52A1C4.

poloska

Заходим в Blending Options выбираем Gradient Overlay и настраиваем всё что там есть вот так:

settings

Добавим немного блеска. Для начала сделаем небольшие бордюрчики. Создайте новый слой, затем выбераем слой с полоской и жмём:

settings2

settings3

Получаем:

settings4

После всего этого выбираем наш любимый градиент туул, ставим ему от белого цвета к прозрачному, применяем его так (с верху вниз):

settings5

Затем нужно добавить градиент с низу, только чуть - чуть:

settings6

Кстати надеюсь вы уже догадались что градиент нужно рисовать с низу вверх. Иначе вся наша простая панель навигации в Photoshop зальется белым цветом. Но не переживайте и на этот случай есть выход, просто нажмите комбинацию клавиш Crtl+Z.

Итак, почти закончили. Меняем прозрачность если надо, добавляем эффекты по вкусу и так далее.

results

Чтобы завершить этот урок, я в самом конце добавил текста на свою панель. Каким образом расписывать уже не буду, вы и так в курсе.

aboutps1

Получаем простенькую панель навигации в Photoshop без всякого лишнего и ненужного.

Это первый урок по веб-графике, будут еще, так что не пропустите! Подписывайтесь на мою RSS рассылку на feedburner или на главной странице сайта Уроки Photoshop.

Досвидос!