"Adobe Fotoshop CS в примерах (I-II)" - читать интересную книгу автора (Топорков Сергей Сергеевич)Урок 5. Создание навигационной кнопкиСоздайте новoe изображение размером 500x500. В дальнейшем кнопку можно будет уменьшить. Создайте еще один новый слой — Layer | New | Layer (Слой | Новый | Слой). Сделайте цвет переднего плана 737373. Подготовительная часть завершена. Выполните комбинацию клавиш lt;Allgt;+lt;Backspacegt; для того, чтобы слой залился выбранным в предыдущем шаге цветом. Сейчас вам придется применять очень необычный фильтр — Add Noise (Добавить шум). Для того чтобы понять эффект, создаваемый этим фильтром, вспомните настройку телевизора. Что он показывает, когда канала нет на определенной частоте (не синий экран)? Этот фильтр создает такой же эффект, при умелом использовании можно добиться неплохих результатов. Вы пока знаете только фильтр Вlur (Размытие), вот и попробуйте его применить. Но сначала выполните команду Filler | Noise | Add Noise (Фильтр | Шум | Добавить шум) и задайте значения, как на рис. 5.1. Воспользуйтесь фильтром размытия Motion Blur (Движение размытия). О том, какие функции он выполняет, лучше узнать, посмотрев его в действии. Выполните команду Filter | Blur | Motion Blur (Фильтр | Размытие | Движение размытия) и задайте значении, как на рис. 5.2. Рис. 5.1. Рис. 5.2. Теперь вам необходимо откорректировать яркость и контрастность данного слоя. Поэтому выполните команду Image | Adjust | Brightness / Contrast (Изображение | Настройка | Яркость и контраст). Задайте параметры следующим образом: Brightness (Яркость) -10. Contrast (Контрастность) +35. Перейдите на палитру Channels (Каналы), создайте новый канал (рис. 5.3) и назовите его "Окантовка". Рис. 5.3. Теперь вам нужно нарисовать основу кнопки. Используя любой инструмент, например. Shape (Форма), нарисуйте произвольную форму. В данном уроке я использовал закругленный прямоугольник, который похож на кнопку (рис. 5.4), но вы можете попробовать сделать круглую форму. Рис. 5.4. Дублируйте этот канал, бросив его на кнопку создании New Channel (Новый канал), дальнейшие манипуляции вы будете проводить на дублированном канале. Бросить — в данном случае означает щелкнуть по необходимому каналу и, удерживая левую кнопку мыши, переместить его на кнопку создания нового канала Бросьте вновь созданный слой на кнопку, показанную на рис. 5.5. Таким образом вы сделаете выделение вокруг кнопки. Функция похожа на загрузку выделения по контуру. Рис. 5.5. Теперь вам нужно размыть этот канал. Делается это для сглаживания всех неровностей, которые появляются во время создания. Выполните команду Filler | Blur | Gaussian Blur (Фильтр | Размытие | Размытие по Гауссу) и задайте значение 18, затем примените этот же фильтр со значением 9, потом 6, потом 3, Инвертируйте выделение для захвата большей области нажатием комбинаций клавиш lt;Ctrlgt;+lt;Shiftgt;+lt;Igt;, затем нажмите клавишу lt;Dgt; и заполните выделение комбинацией клавиш lt;Altgt;+lt;Ваcksраcеgt;. Таким образом вы не просто сгладите все неровности, но сделаете некое подобие градации цвета, распространяющейся от центра. Выполните команду Select | Modify | Expand (Выбор | Изменить | Растянуть). Задайте значение 16. Примените этот фильтр еще два раза с теми же параметрами. Хочу заметить, что в обычных условиях функция Expand (Растягивание) растягивает выделение, но при работе с каналами и загрузке выделения посредством броска слоя на кнопку функции Expand (Растягивание) выполняет противоположные действия. Растушуйте выделение, нажав комбинацию клавиш lt;Ctrlgt;+lt;Altgt;+lt;Dgt; и задав значение 25. Примечание: Функция называется Feather (Растушевка). Она позволяет смягчить (сгладить) резкий перепад цвета на краю выделенной области, задавая ширину переходной зоны в пикселах. Теперь залейте его тем цветом, который вы выбрали в начале урока. Выберите самый первый канал и загрузите его выделение, перетащив его на кнопку Load Channel as a Selection (Загрузить канал как выделение). Вернитесь к палитре Layers (Слои), щелкните правой кнопкой мыши на слое, к которому вы применяли фильтр, и выберите пункт Layer via Сору (Слой через копию), теперь переместитесь опять на слой, который копировали, и залейте его серым цветом. Чем меньше в этом цвете будет примесей других цветов (красного, синего и т. д.). тем лучше (рис. 5.6). Рис. 5.6. Вернитесь на палитру Channels (Каналы) и загрузите выделение канала «Окантовка». Теперь перейдите к Layers (Слои) и создайте новый слой так, чтобы он располагался выше слоя с серым цветом, но ниже слоя, который был сделан через копирование (рис. 5.7). Залейте слой серым цветом, но на этот раз он должен быть более светлых оттенков, затем щелкните по пиктограмме глаза на верхнем слое для скрытия. Рис. 5.7. Сделайте активным Слой 2 (порядок слоев см. на рис. 5.7). Затем выполните команду Filter | Render | Lighting Effects (Фильтр | Рендер | Световые эффекты) и задайте значения, как на рис. 5.8. Сейчас вам важно знать, что фильтр Lighting Effects (Световые эффекты) применяется для освещения изображения мнимым источником света. Подробней о ней мы будем говорить в Риг. 5.8. Удерживая клавишу lt;Ctrlgt;, щелкните на слое, к которому вы применяли Lighting Effects (Световые эффекты), и воспользуйтесь фильтром Gaussian Blur (Размытие по Гауссу) с величиной 6. Кнопка станет гладкой и приятной на вид. В шаге 11 вы отключали слой, щелкая по пиктограмме глаза. Включите его — сделайте обратную операцию. Теперь поменяйте Blending Mode (Режим смешивания) на Overlay (Наложение), можете еше раз применить фильтр Lighting Effect (Световые эффекты). Примечание: Режим Overlay (Наложение) помогает накладывать поверх нижнего слоя контуры, полностью сохраняя его цветность. Все, основа есть (рис. 5.9), дальше уже вариации (рис. 5.10). Рис. 5.9. Рис. 5.10. Что нового мы узнали В этом уроке мы научились: — работать с каналами; — работать с режимом смешивания Overlay (Наложение); — использовать фильтр Add Noise (Добавить шум); — использовать фильтр Motion Blur (Движение размытия); — работать с функцией Lighting Effects (Световые эффекты); — создавать слон через копирование. |
||||||||||||||||||||||||
|