Меню


 
  Категории каталога
Заработок в сети [4] Раскрутка сайта [4]
Обзор игр [27] Уроки по FotoShop [42]
Разное [342] Новости софта [10]
Новости игр [14]


 
  Опрос
Что вы чаще всего качаете с интеренета
Всего ответов: 91


 
  Реклама





 
Главная » Статьи » Уроки по FotoShop [ Добавить статью ]

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

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). В качестве цвета переднего плана установите Белый.

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

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

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

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

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

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



Источник: http://zerolayer.ru/
Категория: Уроки по FotoShop | Добавил: denisus (23.08.2008)
Просмотров: 804 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
  Поиск


 
  Друзья сайта


 
  Счётчик

Онлайн всего: 1
Гостей: 1
Пользователей: 0