IxStep.ru Все о дизайне и его хистростях!

Поиск по сайту
Навигация
Наш опрос
Нужен ли нам форум?
Да, конечно!
Нет. не надо.
Без понятия.
Хм... А что это?

Веселушки
Если вы думаете, что никотин не влияет на голос женщины, попробуйте стряхнуть пепел на ковер.

Популярные новости
SS - Старинные текстуры
SS - Старинные текстуры

12 JPEG|размеры разные ~2500|15.65 MB
Кисти по пятницам - набор из 5 кистей!
Кисти по пятницам - набор из 5 кистей!

Клипарт Еда 2 / Food 2
Клипарт Еда 2 / Food 2

Вкусная еда 233 JPG + 15 tif | 3000x2000 ...
Рамка для Фотошоп: В тёмно - синем лесу. ...
Рамка для Фотошоп: В тёмно - синем лесу..

Рамка для Photoshop:В тёмно-синем лесу.. ...
Creative collection
Creative collection

Креативная коллекция без наклеек и надпи ...
Ретушь - "Роскошные цвета" - уроки фот ...
Ретушь - \

Ретушь - "Роскошные цвета" - у ...
Sunrise
Sunrise

Sunrise 20 JPG | 180-300 DPI | Размер 1 ...
Изящные фоны для свадебных приглашений
Изящные фоны для свадебных приглашений

Изящные фоны для свадебных приглашений3 ...
Видеоурок "Инструмент Actions"
Видеоурок \

В данном уроке рассказывается об инстр ...
Дипломы для выпускников детских садов и ...
Дипломы для выпускников детских садов и школ

5 дипломов, JPEG и PNG,разрешение по бол ...

PhotoshopСоздаем гладко-сияющую панель навигации

Вот такую стильную панельку навигации мы научимся создавать в этом уроке. Очень легко и быстро, но эффектно.

1. Создаем новый документ в фотошоп, например 800х1000 px, если собираетесь делать готовый шаблон, если только для урока, то можете взять гораздо меньше, например 400х300 px.

2. Создаем новый слой, берем инструмент Rectangular Marquee Tool (M) и делаем выделение в форме будущей навигационной панели. Затем зальем выделение цветом #52A1C4, должно получится вот так:

3. Теперь идем в настройки стилей слоя Layer > Layer Style > Blending Options... (или делаем двойной клик рядом с именем слоя на палитре слоев) и настраиваем вкладку Gradient Overlay (заливка градиентом):


4. Теперь добавим того самого блеска и сияния. Создаем новый слой, если выделение сняли с панели, то создайте его вновь (Ctrl + Клик по иконке слоя с панелью на палитре слоев). Перейдите на новосозданный слой, затем Select > Modify > Contract и введите значение 1. Это позволит уменьшить выделение со всех сторон на 1 пиксель.



Теперь панель выглядит вот так:
5. Теперь возьмите инструмент градиентной заливки Gradient Tool (G) и установите тип градиента от "Фона переднего плана к прозрачному" ( Foreground to Transparent). В качестве цвета переднего плана установите Белый.
[center]

[/center]
От верхнего края выделения сделайте градиент, примерно до центра панели. Чтобы градиент был четко вертикальным, зажмите Shift, делая градиент.

Затем сделайте еще один градиент поменьше от ниженго края вверх.

Измените режим наложения этого слоя на Overlay, и, если получилось слишком ярко, уменьшите прозрачность слоя.

[center]
6. Осталось добавить текст, я выбрала Tahoma, 11 pt, Bold белого цвета и добавила тень для контраста в свойствах стиля слоя Blending Options... Настройки смотрите на скриншоте:


Вот так выглядит готовая панелька :)


[/center]



-Задача - сделать человека счастливым - не входила в план сотворения мира. (Зигмунд Фрейд)

Опубликовал kotel, 22 мая 2009 | Комментировать (0) | Печать
 (голосов: 0)

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.