| Вот такую стильную панельку навигации мы научимся создавать в этом уроке. Очень легко и быстро, но эффектно.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). В качестве цвета переднего плана установите Белый.
|
