RSS
 

Создание web-интерфейса в Photoshop

29 Окт

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

tutorials_figure06_hdr

tutorials_figure06_img01

num01Начнём с создания широкой прямоугольной панели. На широкой панели можно составить несколько фрагментов. После создания прямоугольника вам необходимо обозначить очертания левой и правой сторон панели. Мы будем создавать выделения с помощью инструментов создания контуров выделения, чтобы затем отсечь стороны панели и задать этим самым форму. Создайте овальное выделение и разместите левый край контура с левой стороны прямоугольника (рис. 01а). После размещения контура выделения выберите инструмент Прямоугольная область или Лассо и в сочетании с нажатой клавишей Shift выделите оставшуюся часть прямоугольника (рис. 01б).

tutorials_figure06_img02

Эта сторона (левая) овального выделения будет использоваться для удаления левой части прямоугольника.

num02Таким же образом обработайте правую сторону прямоугольника (рис. 02а). Постарайтесь сделать формы сторон разными используя разные изгибы. Затем нам нужно сделать срез поперёк панели, чтобы получить две панели. Для этого создайте ещё одно овальное выделение и разместите его так, чтобы край контура выделения пересёк панель (рис. 02б). Создайте новый слой и выберите команду Редактирование>Обводка. В появившемся диалоговом окне задайте толщину линии 4 пикселя и установите переключатель в положение Center.

tutorials_figure06_img03

num03Перейдите к слою образца и затем мы будем использовать линию, которую мы создали во 2 шаге, чтобы получить поперечный срез и разбить панель на две части. Для этого щёлкните на имени слоя с линией (нажимая клавишу Ctrl), чтобы загрузить выделение (рис. 03а). Не снимая выделения вернитесь к слою с панелью и нажмите клавишу Delete, чтобы создать поперечный срез и получить две смежных панели. После этого вы можете удалить слой с линией. Использую инструмент Волшебная палочка выделите одну из половинок (рис. 03б) и вставьте её [Shift+Ctrl+J] на новый слой, чтобы каждая половинка находилась на отдельном слое.

tutorials_figure06_img04

num04Техника обработки углов будет последним шагом в этом уроке. С её помощью мы удалим все острые углы панелей. Синие окружности на изображении ниже показывают размер и положение выделений в форме окружностей и овала, которые я использовал для обработки углов.

tutorials_figure06_img05

Author: fxzone.eyeball-design.com/

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

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

 

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