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

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

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

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

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

[thumb][/thumb]

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... Настройки смотрите на скриншоте:

[thumb][/thumb]

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


[/center]



-Женщины мастерски владеют искусством перевязывать раны - почти так же, как искусством наносить раны. (Барбе д'Орвиль)

 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

 
 

Опрос на сайте


Кисти
Шрифты
Рамки
Шаблоны
Градиенты


 
 

Случайный шаблон

Template cards with frame

Template cards with frame
 
 
Если хотите рассмешить бога - расскажите ему о своих планах.
 
 

Градиенты

Набор градиентов для Фотошоп

Набор градиентов для Фотошоп Размер архива: 10.7mb

Градиенты для фотошопа - Танго ...

Градиенты для фотошопа - Танго Перед вами новый набор градиентов

Градиенты для фотошопа - Набор ...

Градиенты для фотошопа - Набор паттернов (Patterns) Набор градиентов для фотошопа, очень часто применяется в web-дизайне.

GRD Glossy

GRD Glossy 24 градиента для Photoshop с глянцевым эффектом.

Dooper Gradients Pack - Градие ...

Dooper Gradients Pack - Градиенты 6 отличных наборов градиентов для Adobe Photoshop.
 
 
 
 

Популярное

Рамка для фотошопа с орхидеями

Рамка для фотошопа с орхидеями Рамка для фото с орхидеямиPSD | 3661*2421 | 300 dpi | 35 MbАвтор: Окса ...

Шаблон для Photoshop "Бегущая от волны ...

Шаблон для Photoshop \Шаблон для Photoshop "Бегущая от волны"PSD | 1795x2551 | 300 ...

Сборник иконок интересного стиля

Сборник иконок интересного стиля Количество: 82Формат: ICO, PNGРазмер архива: 13.52 Мb

Кисти Photoshop

Кисти Photoshop Кисти Photoshop

Lily Brush Pack - Кисти для фотошопа - Л ...

Lily Brush Pack - Кисти для фотошопа - Лилии Пять наборов кистей для фотошопа с водными лилиямиABR | 6.66 mb

Заливки для Photoshop - Ice Patterns

Заливки для Photoshop - Ice Patterns Заливки для Photoshop - Ice Patterns

Отрисовки для фотошопа – Зверюшки

Отрисовки для фотошопа – Зверюшки Отрисовки для фотошопа - Зверюшки Формат: PSD, слои раздельно Разреш ...

Создание иконки iPhone 3g

Создание иконки iPhone 3g Шаблон иконки iPhone 3g, с помощью которого вы можете создать из любой ...
 
 

Друзья сайта

 
Warning: Unknown: open(/var/www/vesna/data/mod-tmp/sess_8f3910abd7d6c4774a05414b8fc7d4dd, O_RDWR) failed: Нет такого файла или каталога (2) in Unknown on line 0 Warning: Unknown: Failed to write session data (files). Please verify that the current setting of session.save_path is correct (/var/www/vesna/data/mod-tmp) in Unknown on line 0