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

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


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


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. Добавьте текст и силуэт девушки:


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





Делаем Web-дизайн

Вас может также заинтересовать:

16 августа 2018

Дата анонса: 2007/08/23 Эффективное разрешение, МП: 12 Диагональ ЖК-дисплея, дюймы: 2.5

16 августа 2018

На субкомпактные проекторы нынче мода. Достать из кейса сначала ноутбук, а потом проектор - это впечатляет. Но если вы соедините проектор с любым компьютером по "беспроводке" за две минуты, как это можно сделать с проектором Epson EB-1735W, то вы поразите ваших партнеров в самое сердце.

16 августа 2018

Компактная зеркальная камера начального уровня, способная открыть мир цифровой зеркальной фотосъемки новичку и предлагающая широкие творческие возможности опытному фотографу. Матрица 14 Мпикс., ЖК-дисплей 3”, автофокус 11 точек с 3D-слежением, серийная съемка 3 кадра/сек., система пылеочистки, режим Live View, HD-видеосъемка, творческие и автоматические режимы. В комплекте стандартный зум 18-55 и телезум 55-200