Вход на сайт

Поиск

Наш опрос

Имеете ли вы свой сайт?
Всего ответов: 120

Мини-чат

 
200

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Evolution
Вторник, 26.11.2024, 18:35
Приветствую Вас Гость
Главная | Регистрация | Вход | RSS

Каталог файлов

Главная » Файлы » Adobe Photoshop (PS) » Уроки фотошопа от Game-Flesh.ru

Панель навигации
29.12.2010, 09:23

Панель навигации

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

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

Нажмите Ctrl+T, чтобы вызвать инструмент свободная трансформация. Щелчок правой кнопкой мыши - выберите команду Warp (это возможно в новых версиях программы Adobe Photoshop CS2, CS3). Выберите вид трансформации "Arc". Установите следующие параметры:

Дваджы щелкните по слою с фигурой, чтобы появилось окно добавления стилей - примените следующие стили:

Вот что вы увидите в результате:

Дублируйте этот слой несколько раз (Layer - Duplicate layer).
Где нужно уменьшите и разверните как на рисунке. Используйте инструмент - свободная трансформация Ctrl+T.

Нарисуйте несколько кружков с помощью инструмента - форма эллипса (elliptical shape tool). Примените к этим кружкам те же стили.

Нарисуйте прямоугольник с помощью этого инструмента .

Дваджы щелкните по слою с фигурой, чтобы появилось окно добавления стилей - примените следующие стили:

Создайте совсем крошечные эллипсы, примените тот же стиль и разместите их по углам прямоугольника.

Дублируйте слой с кнопкой и разместите их на панели.

А теперь осталось только напечатать на кнопках названия ваших ссылок.

Готово к размещению на сайт.

А так же работа Dr-Verb:


Категория: Уроки фотошопа от Game-Flesh.ru | Добавил: Dr-Verb | Теги: Уроки фотошопа от Game-Flesh.ru, навигации, Панель
Просмотров: 107 | Загрузок: 0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]