Adobe Photoshop CS в примерах (I-II)

ОглавлениеДобавить в закладки К обложке

Урок 6. Градиент и растушевка

Прежде чем приступить к практическому изучению создания кнопок, рекомендую вам ознакомиться с небольшим теоретическим материалом. Несомненно, он поможет вам лучше понять сам процесс выполнения урока.

Итак, начнем с понятия градиента. Результат применения градиента представляет собой плавный переход между двумя (или более) цветами. Использовать градиент можно двумя способами:

— использовать Gradient Fill Layer (Новый слой заливки градиентом) — в этом случае градиент находится на отдельном слое и имеет в своем распоряжении маску. Данный способ будет полезен, если вы собираетесь серьезно модифицировать слой;

— использовать Gradient Tool (Инструмент градиента), который вызывается нажатием клавиши <G>.

Примечание:

Также его можно вызвать, щелкнув на панели инструментов (рис 6.1). Именно этот способ мы и будем использовать в данном уроке. Оценить его достоинства вы сможете по завершении создания кнопки

Рис. 6.1. Инструмент градиента

С растушевкой (функция Feather) вы уже встречались — размывает грани, формируя границу перехода между выбором и его окружающими пикселами. Это размытие может вызывать некоторую потерю четкости на краях выделения.

Инструмент Shape Tool и связывание слоев

Шаг 1.

Создайте новый документ размером 400x200 и залейте его черным цветом — подготовка закончена. Прежде всего, вам следует определиться, что вы будете делать: круглую кнопку или вытянутую. Мы будем рассматривать создание вытянутой кнопки. Выберите цвет переднего и заднего фона, с более темным и более светлым тонами соответственно. В первом случае можно воспользоваться инструментом эллипса (рис. 6.2). Вам просто придется выделить область, создать новый слой и залить его градиентом.

Рис. 6.2. Инструмент Elliptical Marquee Tool

Примечание:

Выделение придется делать в два этапа: прямоугольное выделение и добавление двух эллиптических

Шаг 2.

Нажмите букву <U> или щелкните на панели по инструменту Rectangle (Прямоугольник).

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

Слейте все слои, кроме фона.

Примечание:

Не забывайте, что вы можете без потери качества трансформировать составные элементы, имеющие векторную маску, трансформация осуществляется после нажатия комбинации клавиш <Ctrt>+<T> (рис. 6.3).

Рис. 6.3. Фигура с закруглениями

Совет:

Связать слои можно, поставив значок скрепки слева от необходимых слоев (рис. 6.4). А для сливания их в один выполните комбинацию клавиш <Ctrl>+<E>

Рис. 6.4. Связывание слоев

Шаг 4.

Теперь вам необходимо сделать выделение получившейся фигуры (это делается щелчком по слою с удержанием клавиши <Ctrl>).

Сделайте активным инструмент Gradient (Градиент). Смените цвет переднего плана на B423I0.

Посмотрите опции инструмента на рис. 6.5. Вам нужно использовать линейный градиент для осуществления плавного перехода между светлым и темным цветом.

Рис. 6.5. Панель инструмента Gradient

Шаг 6.

Примените вертикальный градиент с более светлым цветом от основания кнопки до верха (рис. 6.6). Для того чтобы провести градиент ровно, используйте клавишу <Shift>. Не потеряйте выделения после применения Градиента. На рисунке показана кнопка без выделения.

Рис. 6.6. Результат применения градиента


-= 32 =-
Регистрация.
Забыли пароль?
Логин
Пароль
Запомнить меня