Еще один фотошопный урок - просто и понятный. Как создать стильное подвешенное меню. Если есть настроение что-нибудь подвесить - пусть это будет новое меню! Потом, имея этот дизайн, его можно и анимировать. Такие технологие, к слову говоря, были использованы для изготовления технического устройства voip gsm шлюз и телефоннии.

Создаем новый документ 1200 на 500 пикселей - самый удобный форматец для работы. Далее работаем с инструментом Прямоугольник и задаем его параметры - 1000 на 70 пикселей. Заливаем наш прямоугольник каким-нибудь цветом - пусть будет черный. Выравниваем по центру. Выбираем градиент для нашего прямоугольника - ну, например от черного к серому. это придает немного металлический блеск заготовочке, а это нам и нужно. Дублируем слой и создаем такой же второй прямоугольник, который ставим ровно над первым, а градиент инвертируем. С помощью вкладки Перспектива мы загибаем верхний прямоугольник так, чтобы у нас получилась объемная фигура - параллелепипед. Поработаем над ним, как указано в видео и добавим легкий паттерн текстуры. Дальше, так как наша штуковина - подвешенная, нам нужны цепи.

Цепи можно создать самому или вырезать откуда-нибудь. Выбираем самые красивые и подстраиваем их логично к заготовке. Не забываем о законах физики. Далее на заготовку наносим все элементы для меню, а так же заготовки для кнопок и поиска. Все готово!

К уроку прикладывается psd файл с моей работой.
Дизайнер:Николай Суматохин (k84pro)

• Чёрное горизонатальное меню для сайта uCoz
• Вертикально-выпадающее менюшка для сайта uCoz
• Меню для uCoz - с выпадающими ссылками
• Круглое меню в виде шара для uCoz сайта
• Горизонтальное выпадающее меню для uCoz
• Горизонтальное меню для uCoz
• Креативное анимированное оранжевое меню для uCoz
• Креативное анимированное меню uCoz
• Стильное тёмное выпадающее меню для uCoz
• Анимированное выпадающее меню на css3 для uCoz