IPB

Здравствуйте, гость ( Вход | Регистрация )

 
Ответить в данную темуНачать новую тему
Создаем панель навигации для сайта - Урок Photoshop, уроки фотошоп, web графика, меню для сайта
ИлЛюзия
сообщение 20.6.2008, 5:28
Сообщение #1


Администратор
Иконка группы

Группа: Волшебники
Сообщений: 7502
Регистрация: 28.5.2008
Пользователь №: 1



Создайте прямоугольные выделение, используя marquee tool (). Создайте новый слой () и залейте выделение цветом background (Edit -> Fill). Соответственно background вы изначально делаете из "цветовой" схемы сайта.



Двойной клик по слою и в открывшемся окошке layer style выставьте следующие настройки:





Создайте прямоугольные выделение, используя инструмент marquee tool. Создайте новый слой () и залейте его черным. Нажмите Ctrl+T. Правой кнопкой мышки клик по слою -> Warp. Выставите "Flag". Расположите этот слой перед слоем с выделением.





Уменьшите opacity до 20%.



Нажмите Ctrl+T. Правой кнопкой мышки по слою -> flip horizontal



Используя line tool (), создайте несколько линий.



Выберите интсрумент Type и напишите несколько названий разделов меню сайта между линиями. Создайте несколько маленьких треугольников и расположите как на показано на рисунке:



Используя инструмент rounded rectangle shape tool, создайте закругленный прямоугольник.



Двойной клик по слою и в открывшемся окне выставите следующие настройки:
Перейти в начало страницы
Вставить ник
+Цитировать сообщение
ИлЛюзия
сообщение 20.6.2008, 6:08
Сообщение #2


Администратор
Иконка группы

Группа: Волшебники
Сообщений: 7502
Регистрация: 28.5.2008
Пользователь №: 1







Используя rounded rectangle shape tool, создайте небольшой прямоугольник и треугольник, используя polygon shape tool. Расположите как на рисунке.



Подобным образом создайте больше выпадающих меню. Напишите необходимый текст.



Добавьте изображение на ваш выбор и сделайте этот слой самым нижним.



Создайте прямоугольные выделение, используя rectangular marquee tool (). Нажмите Q для создания быстрой маски (quick mask).



Filter -> Distort -> Glass с настройками:



Нажмите Q снова, чтобы переключиться из режима quick mask. Нажмите Ctrl+Shift+I, чтобы инвертировать выделение и нажмите delete.



Измените mode слоя на Linear Burn.



В итоге получаем:

Перейти в начало страницы
Вставить ник
+Цитировать сообщение
lenochek
сообщение 22.7.2008, 16:21
Сообщение #3


Свободный Художник
Иконка группы

Группа: Девочки
Сообщений: 1131
Регистрация: 14.7.2008
Из: Belgium
Пользователь №: 85



но на сайте должны быть кнопки отдельно от фона, ведь на них ставятся ссылки? а тут получается просто картинка smile.gif


--------------------
Перейти в начало страницы
Вставить ник
+Цитировать сообщение
Цбин
сообщение 22.7.2008, 16:28
Сообщение #4


V.I.P
Иконка группы

Группа: Волшебники
Сообщений: 3817
Регистрация: 29.5.2008
Из: Россия
Пользователь №: 5



lenochek, так фон и кнопки - это разные слои.


--------------------
Как вечно я хочу быть молодым...
Перейти в начало страницы
Вставить ник
+Цитировать сообщение

Быстрый ответОтветить в данную темуНачать новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



Текстовая версия Сейчас: 28.4.2024, 12:58