Рисуем симпатичную навигацию - Школа Photoshop
Фотошоп как применить стиль Рисуем пластик фотошопе

Рисуем симпатичную навигацию

16.04.2008Категория урока: Веб-графика

Украсит любой сайт =)

Фотошоп как применить стиль

Приблизительное время выполнения: 6 минут

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

Фотошоп как применить стиль

На новом слое на небольшом расстоянии друг от друга нарисуйте две горизонтальных однопиксельных линии. Они будут ограничивать по высоте нашу панельку. Назовите слой Lines.

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

Фотошоп как применить стиль

Примените к слою стиль Fradient Overlay

Фотошоп как применить стиль

На новом слое нарисуйте еще один прямоугольник высотой 3 пикселя и назовите слой white glare. Откройте диалог Blending Options

Фотошоп как применить стиль

Примените стиль Gradient Overlay

Фотошоп как применить стиль

Фотошоп как применить стиль

Фотошоп как применить стиль

Скопируйте слой white glare и переименуйте копию в black glare. Примените стиль Gradient Overlay

Фотошоп как применить стиль

Перетащите получившуюся полоску в нижнюю часть панели

Фотошоп как применить стиль

Добавьте текст.

Теперь добавим разделители для кнопок. На новом слое нарисуйте вертикальную линию. Назовите слой black line

Фотошоп как применить стиль

Примените к ней стиль Gradient Overlay от черного к прозрачному. В диалоге Blending Options установите параметр Fill Opacity на 0%

Фотошоп как применить стиль

Скопируйте слой black line и переименуйте копию в white line. Подвиньте его чуть направо (на 1рх) и примените тот же градиент, что и в предыдущем шаге, только уже от белого к прозрачному. После этого скопируйте полученный слой и подвиньте его на 2рх влево.

Рисуем пластик фотошопе

Готово! Фотошоп как применить стиль

Источник: http://tutorialpark.com/plastic-navigation-bar.php




Смотрите также:

Понравился урок? Поделитесь им в социальных сетях:



4 комментария(-ев) к уроку “Рисуем симпатичную навигацию”

  1. Очень красивая навигация получается!

    WebTager

  2. Здорово!

    genervia

  3. Очень красиво и быстро! :smile:

    snk

  4. Спасибо, очень красиво!!

    mypoker

Прокомментировать урок

 


Rambler's Top100