RSS
 

S-образный изгиб интерфейса

18 марта

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

tutorials_figure01_hdr

tutorials_figure01_img01

Изображение ниже иллюстрирует результат, который я достиг с помощью S-образной кривой.

tutorials_figure01_img02

num01Вы можете начать, выбрав инструмент Перо. Щёлкая и перетаскивая Перо в окне изображения, поставьте точки, как показано ниже. Мы создаём будущий контур выделения. Вам нужно расположить две ключевые точки, лежащих друг к другу по диагонали. От расстояния между этими точками зависит степень изгиба.

tutorials_figure01_img03

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

tutorials_figure01_img04

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

tutorials_figure01_img05

tutorials_figure01_img06

Источник: fxzone.eyeball-design.com

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

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

 

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