Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

В этом уроке будем создавать круговое меню:


Технический интерфейс меню


1. Создайте новый документ. В новом слое создайте фигуру, как показано ниже. Её можно нарисовать инструментом Перо (Pen Tool), или создать эллипс и вырезать в нём овальные области. Потом сгладить углы любым подходящим инструментом.


Технический интерфейс меню

Технический интерфейс меню


2. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) с радиусом 60 пикселей создайте кнопку:


Технический интерфейс меню


3. Создайте ещё такие кнопки вокруг:


Технический интерфейс меню


4. Для слоёв с этими фигурами нужно применить следующие стили в меню Стилей слоя
(Layer Style - Blending Options):

Отбрасывание тени (Режим – Умножение):


Технический интерфейс меню


Внутренняя тень (Режим – Умножение):


Технический интерфейс меню


Тиснение (Стиль – Внутренний скос; Метод – Плавный; Режим подсветки – Осветление; Режим тени – Линейный осветлитель):


Технический интерфейс меню


Наложение цвета (Режим – Нормальный):


Технический интерфейс меню


Наложение градиента (Режим – Нормальный; Стиль – Линейный):


Технический интерфейс меню


Обводка:


Технический интерфейс меню


Результат:


Технический интерфейс меню


5. Сделайте выделение всех слоёв (Ctrl+Click), перейдите в меню Расширить (Modify - Expand) и введите значение 5 пикселей. Это расширит выделение. После этого залейте выделение чёрным цветом в новом слое и нажмите Ctrl+D, чтобы снять выделение.


Технический интерфейс меню


6. В слое с чёрной заливкой перейдите в меню Стилей слоя (Layer Style - Blending Options):

Отбрасывание тени (Режим – Умножение):


Технический интерфейс меню


Тиснение (Стиль – Внутренний скос; Метод – Плавный; Режим подсветки – Нормальный; Режим тени – Нормальный):


Технический интерфейс меню


Наложение градиента (Режим – Нормальный; Стиль – Линейный):


Технический интерфейс меню


Обводка (Положение – Снаружи; Режим – Нормальный; Тип обводки – Цвет):


Технический интерфейс меню

Технический интерфейс меню


7. Можете добавить свечение:


Технический интерфейс меню


8. Добавьте текст и силуэт девушки:


Технический интерфейс меню




Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: