» Форма входа

»Мoy-weB ver.4.1

» Статистика

Главная » 2008 » Сентябрь » 10 » Раздвижное меню для сайта

Раздвижное меню для сайта
10.Сен.2008 | 16:24:18
Здрасте всем..), сегодня мы будем делать красивое буржуйское меню (или шапку) для сайта.
Начнем:
Раздвижное меню для сайта

Шаг 1. Создаем новый документ размером 500х500 и заливаем любым цветом (например серым) – это будет задний фон.

Шаг 2. Берем Line Tool (U) и рисуем белую вертикальную линию размером 5 px. Идем Filter/Stylize/Wind (wind, from the left) , OK . Жмем три раза Ctrl+F (повторить последний фильтр). Снова идем Filter/Stylize/Wind , но уже с параметром from the right и опять же три раза Ctrl+F . Жмем Crtl+T (свободная трансформация) и поворачиваем на 90 градусов. Получаем:
Раздвижное меню для сайта

Шаг 3. Берем Rounded Rectangle Tool (U) c радиусом 50 px. рисуем черную фигуру и применяем к ней стили (прим. это слой перемещаем под слои с из шага 2):
Drop Shadow
Раздвижное меню для сайта
Inner Glow
Раздвижное меню для сайта
Color Overlay
Раздвижное меню для сайта
Stroke
Раздвижное меню для сайта

Шаг 4. Активируем слой из шага 2, жмем Ctrl+Alt+G , Layer/Layer Mask/Reveal Al l, далее Filter/Render/Clouds и жмем Ctrl+F пока не будем довольны результатом:
Раздвижное меню для сайта
(прим. так же можно затемнить края рисуя большой мягкой черной кистью на маске слоя)

Шаг 5. Создаем новый слой, помещаем его поверх всех остальных, создаем выделение Elliptical Marquee Tool (M) , заливаем белым, загружаем выделение слоя с шейпом (ctrl+mouse click по иконке слоя) и жмем Delete . Меняем Opacity на 20 и получаем:
Раздвижное меню для сайта

Шаг 6. Создаем новый слой, берем Rounded Rectangle Tool (U) рисуем овальный прямоугольник немного меньше старого, жмем Ctrl+Enter (преобразовать путь в выделение), идем Edit/Stroke . Получается вот так:
Раздвижное меню для сайта

Шаг 7. К полученному слою применяем
Outer Glow
Раздвижное меню для сайта
Далее Layer/Layer Mask/Reveal All и заливаем черно-белым градиентом:
Раздвижное меню для сайта
Ну вот и все..) осталось добавить текст, можно немножко поимпровизировать:
Раздвижное меню для сайта
Или даже так:
Раздвижное меню для сайта

Автор: T Jay
Категория: Уроки фотошоп | Просмотров: 827 | Добавил: CorsaR
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]