Главная Форум Гостевая Контакты

 
 


 
Как Вы думаете: для какой ОС был первый Photoshop?
Всего ответов: 39
 
 

Создание навигационной панели (меню) - Форум

 

  • Страница 1 из 1
  • 1

Создание навигационной панели (меню)
ИзотепкинДата: Среда, 04.11.2009, 16:18 | Сообщение # 1
Ранг 7
Группа: Администраторы
Сообщений: 296
Репутация: 3
Статус: Offline


Шаг 1: создание навигационной панели и добавление Blending Options.
Ну чтож, начнем! Создайте новое изображение с разрешением 800*600 пикселей, Background color выберите белым. Создайте новый слой Layer->New->Layer... Используйте Rounded Rectangle Tool. Измените Foreground color на #dcdcdc.

Создайте округленный прямоугольник с размерами, показанными ниже:

Добавление Blending Options
Кликните на слое правой кнопкой мыши, который вы только что создали и выберите Blending Options, далее введите следующие настройки:
Drop Shadow

Inner Shadow

Outer Glow

Inner Glow

Gradient Overlay

Gradient Overlay (color)

Прежде чем нажать Ок, нажмите на кнопку New Style, чтобы сохранить стиль и кликните Ок для того, чтобы добавить стиль, когда вы завершите.
Шаг 2: создание кнопок
Создайте новый слой (Shift->Ctrl+N). Используйте Rounded Rectangle Tool. Измените Foreground color на #afcc36.

Создайте округленный прямоугольник с размерами, показанными ниже:

Кликните на слое правой кнопкой мыши, который вы только что создали и выберите Blending Options, и добавьте настройки, следующие ниже. Настройки такие же, как и в предыдущем шаге, отличается только Gradient Color.
Для того, чтобы применить предыдущие настройки, щелкните на слое, зайдите в окно Styles (Window-Styles) и выберите стиль, созданный Вами (примечание переводчика)
Drop Shadow

Inner Shadow

Outer Glow

Inner Glow

Gradient Overlay

Gradient Overlay (color)

Подсказка: изменение цвета градиента изменит цвет кнопки.
Когда вы закончите, нажмите Ок, чтобы применить настройки. После этого вы должны иметь следующее изображение:

Шаг 3: создание отверстий на конце навигационной панели
Создайте новый слой (Shift->Ctrl+N). Используйте Rounded Rectangle Tool. Измените Foreground color на #afcc36.

Зажмите Shift и создайте круг, как показано ниже:

Кликните на слое правой кнопкой мыши, который вы только что создали и выберите Blending Options, примените настройки, как показано ниже (такие же, как и в шаге 1):
Drop Shadow

Inner Shadow

Outer Glow

Inner Glow

Gradient Overlay

Gradient Overlay (color)

Когда вы закончите, нажмите Ок, чтобы применить настройки. После этого вы должны иметь следующее изображение:

Завершение
Завершение я напишу сам,так как оно не было предоставлено автором (пускай простит меня автор)
Чтобы создать все меню, продублируйте слой с кнопкой (столько раз, сколько вам требуется), можете по желанию изменить их цвет (для этого измените цвет градиента); продублируйте отверстие и расположите его в противоположном углу.
Все, теперь можете добавлять текст в навигационную панель!


Автор: -=DIM@SHK@=-
 




Администратор.
 
  • Страница 1 из 1
  • 1
Поиск:



Внимание:
Поиск осуществляется не
только по одному разделу,
 а по всему сайту!
 

   

ТОП пользователей:

1. Изотепкин (Репутация: 3)

2. sergey2222 (Репутация: 0)

3. BrandyOa (Репутация: 0)

4. ZaSmInA (Репутация: 0)

5. вила (Репутация: 0)

6. Krisus (Репутация: 0)

7. greenpis (Репутация: 0)

Последние сообщения на форуме:

1. Рисуем буклет (Автор: Krisus)

 
2. Звери мутанты (Автор: Lililain)
 
3. Правила добавления материалов (Автор: Изотепкин)
 
4. Портрет: ЧЕЛОВЕК от начала до конца (Автор: Isotépkin)
 
5. МаЧо :) (Автор: Isotépkin)
 
6. Лучи солнца сквозь облака (Автор: Isotépkin)
 
7. Воронка в небе (Автор: Isotépkin)
 

 

Сейчас на сайте никого нет.

Используются технологии uCoz
Design by
Isotepkin