RSS
 

Скос

16 Янв

Скосы могут служить великолепным эффектом для интерфейса с закругленными краями и гладкими изгибами. В этом уроке представлено несколько простых шагов создания эффекта скоса использую фильтр Lighting Effects и каналы.

header

Эффект для интерфейса сайта в Photoshop

Figure 01

fig02

Figure 02
numb01Вначале вам нужно создать каркас интерфейса на отдельном слое. Закрасьте ваш образец желаемым цветом.

fig03

Figure 03
numb02Щёлкните на имени слоя образца (нажимая клавишу Ctrl), чтобы загрузить выделение и перейдите к палитре каналов. Не снимая выделения создайте новый канал, щёлкнув мышью на средней кнопке в нижней части палитры и перейдите к нему. Закрасьте выделенную область белым цветом (рис. 3).

fig04

Figure 04
numb03Не снимая выделения примените Filter>Blur> Gaussian Blur. Я указал значение Radius 4.5, но вы можете использовать другие значения. Большее размытие придаст большую гладкость краям. После применение фильтра снимите выделение.

fig06

Figure 05
numb04Выберите RGB канал и вернитесь к палитре слоёв. Выберите слой с образцом и примените Filter> Render>Lighting Effects с размещением света, как показано на рис. 5. Настройте все параметры, как показано ниже.

[Прим. переводчика: в параметре Texture Channel выберите из списка канал, который вы создавали (Alpha 1) и можете экспериментировать с ползунком Height (Высота)].

Light type: Directional;
Intensity: 35;
Gloss: 0;
Material: 69;
Exposure: 0;
Ambience: 8;
Texture channel: #4;
White is high: yes;
Height: 11;

fig05

Figure 06
numb05Если после применения фильтра появятся грязные края вокруг интерфейса их можно удалить. Для этого щёлкните на имени слоя с образцом (нажимая клавишу Ctrl), чтобы загрузить выделение. Выберите команду Выделение>Модификация> Сжать и введите значение 2 пикселя. Инвертируйте выделение <Shift+Ctrl+I> и нажмите клавишу Delete, чтобы удалить грязные края.

Author: fxzone.eyeball-design.com/

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

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

 

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