RSS
 

Интерфейс

19 Дек

Эта техника основана на соединении разных фигур для создания интерфейса в Photoshop. Метод подобен построению головоломки, состоящей из разных фрагментов рисунка. Вначале всё может показаться сложным, но если у вас есть идея, то построение проектов из основных фигур таких как круги, квадраты, треугольники и т.п. не должно вызывать трудностей. Эта навигационная панель в форме леденца была создана с помощью круга, прямоугольника с закругленными углами и внутренних изгибов. Форма интерфейса без эффектов показана на рис. 02.

header

fig01

Figure 01

fig02

Figure 02

На рис. 3 показано, как окружность, прямоугольник с закругленными углами и внутренние изгибы были размещены для создания формы интерфейса.

fig04

Figure 03

Внутренний изгиб придаёт интерфейсу гладкую форму. Для его создания вам нужно создать прямоугольную область, связанную с окружностью и прямоугольником, как показано на (рис. 4).

fig05

Figure 04

Используя инструмент Овальная область создайте эллиптический контур выделения на прямоугольной области (рис. 5) таким образом, чтобы правый край выделения касался края окружности, а нижний край касался верхнего края панели, как обозначено красными окружностями. Это искусная часть урока и, вероятно, потребует для правильного размещения выделения нескольких попыток. Вы можете использовать клавиши курсора при выбранном инструменте Овальная область.

fig06

Figure 05

После этого нажмите клавишу Delete и применяя инструмент Прямоугольная область удалите все оставшиеся части внутреннего изгиба. После создания нижнего изгиба, вы можете соединить элементы интерфейса и применить другие эффекты.

[Прим. переводчика: слой с оранжевым прямоугольником должен находиться ниже окружности и панели. Клонируйте слой с верхним изгибом. Выберите команду Редактирование> Свободное преобразование>Перевернуть по вертикали и с помощью клавиши со стрелкой вниз (при выбранном инструменте Перемещение) переместите слой ниже, чтобы создать нижний изгиб].

fig07

Figure 06

Author: fxzone.eyeball-design.com

 
Комментариев нет

Опубликовано в рубрике Уроки Photoshop

 

Прокомментировать