• Страница 1 из 1
  • 1
Форум CREWEBIK.ru » design studio for uCoz » Дизайн мастерская » Уроки дизайна » Футуристическое меню для сайта
Футуристическое меню для сайта
GamiD
/avatar/65/183606.png
1');return false;" rel="nofollow" href="javascript://" name="2491">
21.02.2012 в 11:44
1. Создадим новое изображение размером 800х230 со светылым фоном. Выбираеми создаем прямоугольник по ширине примерно с пол документа. Выбираем и спомощью него убираем от нашего прямоуголника лишнее - чтоб вышло как на картинке.

2. Теперь дублируем слой, отражаем его по горизонтали (Edit>Transform>Flip Horizontal), обьединяем его с первой частью и называем слой "main shape”.

3. Кликаем правой кнопкой мыши на имени слоя, выбираем Blending Options, и применяем следующие настройки:











У вас должно получиться - что то вроде этого.

4. Дублируем слой, переносим его под слой "main shape”, переименовываем его в "shape2? и идем в Blending Options, удаляем все настройки кроме Gradient Overlay, для него мы применяем следующие настройки:

5. Теперь немного уменьшаем слой "shape2? и смещяем его вниз.

Сейчас отключаем отображения слоя "main shape” (для того чтобы показать следующий пункт).

6. Создаем новы слой под именем "blue neon”, используя или создайте выделение и залейте его светлым цветом как как на картинке.

7. Кликаем правой кнопкой мыши на имени слоя, выбираем Blending Options, и применяем следующие настройки:

Сравните свой результат с этим.

8. Дублируем слой "main shape”, переименовываем его в "glare", а в Blending Options убираем все имеющиеся настройки, но применяем Color Overlay:


9. Теперь жмемь Ctrl+T и ненамного уменьшаем этот слой, выставляем Opacity: 50%, смещяем его вверх, и ставим поверх всех слоев.


10. Теперь рисуем "разделяющие" линии, 2 линии по 1 пикселю, как на изображении.


Должно получиться так:


11. Теперь создаем новый слой а в нем черный круг - примерно как на изобржении.

12. В Blending Options этого слоя выставим такие настройки.









Получим примерно вот это:


13. Дублируем слой 4 раза и распологаем все кнопки по местам.



14. Добавим логотипов или значков.


Ну вот и все проявив немножко фантазии можно получить такое:
Evgesho
/avatar/13/4662-101129.gif
2');return false;" rel="nofollow" href="javascript://" name="2496">
21.02.2012 в 13:55 GamiD, спасибо большое за урок)))
GamiD
/avatar/65/183606.png
3');return false;" rel="nofollow" href="javascript://" name="2503">
21.02.2012 в 18:56 Нзч smile smile smile
admin079...
/avatar/08/6228-118223.gif
4');return false;" rel="nofollow" href="javascript://" name="2507">
21.02.2012 в 19:40 Прикооооооольно smile
Betrue
5');return false;" rel="nofollow" href="javascript://" name="4189">
22.08.2012 в 17:12 а я картинок не вижу..((
Форум CREWEBIK.ru » design studio for uCoz » Дизайн мастерская » Уроки дизайна » Футуристическое меню для сайта
  • Страница 1 из 1
  • 1
Поиск: