Примечание:

На рис 4.4 показан белый фон. Это типичная ошибка в данном уроке. У вас фон должен быть прозрачным! Впоследствии вам придется изменять непрозрачность слоя, и эффект все равно будет достигнут, но все же качество исполнения будет на более низком уровне.

Adobe Fotoshop CS в примерах (I-II) _93.jpg

Рис. 4.3. Выделение для последующего заполнения

Adobe Fotoshop CS в примерах (I-II) _94.jpg

Рис. 4.4. Изображение с типичной ошибкой

Шаг 2.

Сейчас у вас в наличии линия, делящая пополам прозрачность. Вот это изображение и определите как образец. Для этого выполните команду Edit | Define Pattern (Редактирование | Определить образец) и введите имя образца (рис. 4.5).

Adobe Fotoshop CS в примерах (I-II) _95.jpg

Рис. 4.5. Диалоговое окно Pattern Name

Шаг 3.

Теперь выберите изображение, к которому вы будете применять данный эффект (рис. 4.6).

Шаг 4.

Создайте новый слой. Далее выполните команду Edit | Fill (Редактировать| Заполнить). Посмотрите на рис. 4.7. Задайте Opacity (Непрозрачность) 50 %, чтобы потом не менять эту непрозрачность на слое, тем самым вы упростите себе работу. Финальный результат смотрите на рис. 4.8.

Adobe Fotoshop CS в примерах (I-II) _96.jpg

Рис. 4.6. До применения эффекта

Adobe Fotoshop CS в примерах (I-II) _97.jpg

Рис. 4.7. Изменения в окне Fill

Adobe Fotoshop CS в примерах (I-II) _98.jpg

Рис. 4.8. Финальный результат

Непрозрачность устанавливается в зависимости от распределения цветов в изображении: если вы видите, что линии перекрывают исходное изображение, то измените Opacity (Непрозрачность) слоя в палитре Layers (Слои), и случае отсутствия видимости линий измените Opacity (Непрозрачность) в сторону больших значений в диалоговом окне Fill (Заполнение) до применения эффекта.

Что нового мы узнали

В этом уроке мы научились:

— использовать инструмент Rectangular Marquee (Прямоугольное выделение);

— управлять процессом заполнения образца.

Урок 5. Создание навигационной кнопки

В этом уроке мы рассмотрим работу с каналами в RGB-режиме, в котором их три: красный, зеленый и голубой. Также вы научитесь добавлять дополнительный Alpha Channel (Альфа-канал).

Работа с Alpha Channel

Шаг 1.

Создайте новoe изображение размером 500x500. В дальнейшем кнопку можно будет уменьшить. Создайте еще один новый слой — Layer | New | Layer (Слой | Новый | Слой). Сделайте цвет переднего плана 737373. Подготовительная часть завершена.

Шаг 2.

Выполните комбинацию клавиш + для того, чтобы слой залился выбранным в предыдущем шаге цветом. Сейчас вам придется применять очень необычный фильтр — Add Noise (Добавить шум). Для того чтобы понять эффект, создаваемый этим фильтром, вспомните настройку телевизора. Что он показывает, когда канала нет на определенной частоте (не синий экран)? Этот фильтр создает такой же эффект, при умелом использовании можно добиться неплохих результатов. Вы пока знаете только фильтр Вlur (Размытие), вот и попробуйте его применить.

Но сначала выполните команду Filler | Noise | Add Noise (Фильтр | Шум | Добавить шум) и задайте значения, как на рис. 5.1.

Шаг 3.

Воспользуйтесь фильтром размытия Motion Blur (Движение размытия).

О том, какие функции он выполняет, лучше узнать, посмотрев его в действии.

Выполните команду Filter | Blur | Motion Blur (Фильтр | Размытие | Движение размытия) и задайте значении, как на рис. 5.2.

Adobe Fotoshop CS в примерах (I-II) _99.jpg

Рис. 5.1. Диалоговое окно Add Noise

Adobe Fotoshop CS в примерах (I-II) _100.jpg

Рис. 5.2. Диалоговое окно Motion Blur

Шаг 4.

Теперь вам необходимо откорректировать яркость и контрастность данного слоя. Поэтому выполните команду Image | Adjust | Brightness / Contrast (Изображение | Настройка | Яркость и контраст). Задайте параметры следующим образом: Brightness (Яркость) -10. Contrast (Контрастность) +35.

Шаг 5.

Перейдите на палитру Channels (Каналы), создайте новый канал (рис. 5.3) и назовите его "Окантовка".

Adobe Fotoshop CS в примерах (I-II) _101.jpg

Рис. 5.3. Создание нового канала

Теперь вам нужно нарисовать основу кнопки. Используя любой инструмент, например. Shape (Форма), нарисуйте произвольную форму. В данном уроке я использовал закругленный прямоугольник, который похож на кнопку (рис. 5.4), но вы можете попробовать сделать круглую форму.

Adobe Fotoshop CS в примерах (I-II) _102.jpg

Рис. 5.4. Скругленный прямоугольник

Дублируйте этот канал, бросив его на кнопку создании New Channel (Новый канал), дальнейшие манипуляции вы будете проводить на дублированном канале. Бросить — в данном случае означает щелкнуть по необходимому каналу и, удерживая левую кнопку мыши, переместить его на кнопку создания нового канала

Adobe Fotoshop CS в примерах (I-II) _103.jpg

Шаг 6.

Бросьте вновь созданный слой на кнопку, показанную на рис. 5.5. Таким образом вы сделаете выделение вокруг кнопки. Функция похожа на загрузку выделения по контуру.

Adobe Fotoshop CS в примерах (I-II) _104.jpg

Рис. 5.5. Выделение Load Channel as a Selection

Теперь вам нужно размыть этот канал. Делается это для сглаживания всех неровностей, которые появляются во время создания. Выполните команду Filler | Blur | Gaussian Blur (Фильтр | Размытие | Размытие по Гауссу) и задайте значение 18, затем примените этот же фильтр со значением 9, потом 6, потом 3,

Шаг 7.

Инвертируйте выделение для захвата большей области нажатием комбинаций клавиш ++, затем нажмите клавишу и заполните выделение комбинацией клавиш +<Ваcksраcе>. Таким образом вы не просто сгладите все неровности, но сделаете некое подобие градации цвета, распространяющейся от центра.

Шаг 8.


Перейти на страницу:
Изменить размер шрифта: