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

Текст добавлен: 17 октября 2016, 02:48

Текст книги "Adobe Fotoshop CS в примерах (I-II)"

Автор книги: Сергей Топорков

Жанр:

Программное обеспечение

сообщить о нарушении

Текущая страница: 7 (всего у книги 7 страниц)

Назад к карточке книги

Урок 15. Применение Lighting Effects

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

Вот о ней подробней. Вы знаете, что с ее помощью можно нарисовать такие элементы, как круги и квадраты. Но не всегда размер сетки соответствует необходимым требованиям (например, она может быть большей, чем элемент). В этом уроке вы узнаете выход из такой ситуации. Также мы подробно paссмотрим Lighting Effects (Световые эффекты). Если быть точным, этот фильтр световых эффектов к стилям не имеет никакого отношения.

Однако находится он и этой главе, потому что его эффекты напоминают совокупное использование стилей. Урок будет выглядеть несколько иначе.

Так обычно строятся трюки. Хорошо это или плохо – покажет практика.

Но я считаю необходимым познакомить вас с таким подходом.

Настройки сетки

Шаг 1.

Создайте новое изображение размером 340x340, с цветом фона 555555. Рекомендую вам включить сетку со следующими параметрами:

– Grid (Линии сетки) – 40 рх;

– Sub visions {Разделения) – 4.

Итак, для включения сетки зайдите в меню View | Show (Вид | Показать) и выберите пункт Grid (Сетка) или выполните комбинацию клавиш +< >. Зайдите в настройки параметров сетки Edit | Preferences | Guides, Grid & Slices (Редактировать I Настройки | Сетки, направляющие и фрагменты) (рис. 15.1).

Рис. 15.1. Настройка Guides, Grid & Slices

Шаг 2.

Создайте новый слой и сделайте на нем эллиптическое выделение при помощи Elliptical Marquee (Эллиптическое выделение) размером 200x200. Безусловно, можно создать произвольное выделение, но если вы хотите узнать принцип создания такого типа изображений, то следуйте инструкциям. Посмотреть, как создать эллиптическое выделение фиксированного размера, можно в уроке 9.

Шаг 3.

Выберите Gradient Tool (Инструмент градиента), вам понадобится Black/White (Черно-белый) (рис. 15.2). И, используя радиальный градиент, проведите им, начиная чуть выше середины, сверху вниз. Не забудьте установить флажок реверса Reverse (рис. 15.3).

Рис. 15.2. Панель градиента

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

Шаг 4.

Выполните команду Filler | Render | Lighting Kneels (Фильтр Выполнить | Световые эффекты) и используйте стиль Default (По умолчанию). Тем самым вы сделаете необычное освещение снизу для шара (рис. 15.4).

Рис. 15 4. Параметры Lighting Effects

Шаг 5.

Примените к этому слою стиль Bevel and Emboss (Фаска и рельеф) с параметрами, как на рис. 15.5; результаты показаны на рис. 15.6.

Рис. 15.5. Параметры стиля Bevel and Emboss дли шара

Рис. 15.6. Результат применении Bevel and Emboss к шару

Шаг 6.

Создайте новый слой и расположите его выше предыдущих. Теперь создайте прямоугольное выделение посередине (рис. 15.7) при помощи инструмента Rectangular Marquee (Прямоугольное выделение).

Рис. 15.7. Прямоугольное выделение на шаре

Шаг 7.

Выполните команду Edit | Fill (Редактировать! Заполнить). Можно воспользоваться клавиатурной комбинацией +.

Рис. 15.8. Диалоговое окно Fill

Используйте черный цвет и не забудьте снять флажок Preserve Transparency (Сохранение прозрачности) (рис. 15.8).

Шаг 8.

Сейчас вам нужно красиво наложить темную линию на шар (далее – каркас). Выполните команду Layer | Create Clipping Mask (Слой | Создать маску группировки). Можно воспользоваться клавиатурной комбинацией +. На палитре Layers (Слои) измените у нового слоя Blending Mode (Режим смешивания) на Soft Light (Мягкий свет) и Opacity (Непрозрачность) на 50 % (рис. 15.9) и посмотрите результат на рис. 15.10.

Рис. 15.9. Слои на вкладке Layers

Рис. 15.10. Изображение после выполнения шага 8

Шаг 9.

Создайте новый слой и переименуйте его в «Bevel». Сделайте новое прямоугольное выделение, задайте для него ширину 20. Оно должно быть существенно тоньше предыдущего и располагаться так же посередине (рис. 15.11).

Заполните выделение черным цветом (рис. 15.12).

Рис. 15.11. Выделение вортикальной полосой

Рис. 15.12. Выделение черным цветом

Шаг 10.

Щелкните на слое «Bevel». Сейчас вы будете применять к нему разные стили.

Рис. 15.13. Область Outer Glow

Рис. 15.14. Область Inner Glow

Но все по порядку: первым примените Outer Glow (Внешний блеск) (рис. 15.13), вторым Inner Glow (Внутренний блеск) (рис. 15.14) и, наконец, Gradient Overlay (Наложение градиента) (рис. 15.15).

Рис. 15.15. Область Gradient Overlay

Шаг 11.

Основа готова, сейчас вам необходимо сгруппировать слой комбинацией клавиш + (рис. 15.16).

Рис. 15.16. Результат группировки слоя

Шаг 12.

Создайте выделение на слое «Bevel» при помощи инструмента Rectangular Marquee (Прямоугольное выделение). Оно должно захватывать половину шара и проходить через его центр (рис. 15.17).

Рис. 15.17. Необходимое выделение

Шаг 13.

Удерживая клавиши +, переместите к правому краю получившуюся половину, то же самое проделайте с оставшейся частью, только ее передвиньте в другую область изображения (рис. 15.18).

Шаг 14.

Используя все тот же инструмент Rectangular Marquee (Прямоугольное выделение), сделайте геометрические фигуры.

Примечание:

Тут вам и пригодится сетка. На рис. 15.19 я убрал ее, чтобы выделения были более заметными.

Рис. 15.18. Результат перемещения

Рис. 15.19. Выделения на каркасе

Шаг 15.

Создайте новый слой и залейте его и цветом 333333 (рис. 15.20).

Рис. 15.20. Изображение после выполнения шага 15

Шаг 16.

Примените стили Inner Glow (Внутренний блеск) (рис. 15.21) и Outer Glow (Внешний блеск) (рис. 15.22).

Рис. 15.21. Параметры стиля Inner Glow дли шара

Рис. 15.22. Параметры стиля Outer Glow для шара

Финальный результат похож на рис. 15.23. Останется только добавить текст и фирменный логотип.

Рис. 15.23. Изображение после выполнения шага 16

Попробуйте сделать красивый фон для вашего каркаса. Залайте значения параметров стилей, как на рис. 15.24–15.27. Результат показан на рис. 15.28.

Рис. 15.24. Область Drop Shadow дли шара

Рис. 15.25. Параметры Bevel and Emboss для каркаса

Рис. 15.26. Область Gradient Overlay для каркаса

Примечания:

Все стили необходимо применять на первом слое.

Рис. 15.27. Градиент для каркаса

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

Вот чего можно добиться путем простой импровизации. В данном уроке отсутствует заголовок «Что нового мы узнали», так как мы занимались повторением.

Урок 16. Интересный стиль Satin

В этом уроке будет рассмотрен новый для нас стиль Satin (Атлас). Точнее, будут рассмотрены разные эффекты, но ключевую роль сыграет именно он.

Создаем винты для металлической части робота

При создании винтов сделаем прорезь для отвертки. Обычно стиль используется для тонировки каких-либо объектов на изображении либо просто для необычной раскраски. Область применения данного стиля довольно широка, и забывать о нем не стоит.

Шаг 1

В прошлом уроке вы изучили, как настраивать сетку, сейчас это пригодится для равномерного размещения винтов на каркасе робота. Сделаете сетку видимой, чтобы больше к этому не возвращаться. Винты служат для крепления металлической части робота, которую вы сделали в предыдущем уроке. Помните, там были темные отверстия по бокам. Они были сделаны специально для винтов. Итак, выберите инструмент Elliptical Marquee (Эллиптическое выделение), задайте размер выделения 20x20 или 30x30, в зависимости от того, куда вы их будете помещать (рис. 16.1), и, удерживая клавишу , сделайте несколько копий эллипса. После того как вы закончите, создайте новый слой и залейте его цветом 555555 (рис. 16.2).

Рис. 16.1. Увеличенная часть изображения при создании выделения

Рис. 16.2. После заливки

Шаг 2

Сейчас вы будете применять целую череду стилей. Ваша основная цель – создать по краям красивую окантовку, чтобы она была похожа на реальный винт. Для чистоты эксперимента предлагаю положить перед собой три разных винта.

Щелкните на кнопке Add Laуег Style (Добавить стиль слоя) на палитре слоев и примените следующие стили:

– Outer Grow (Внешний блеск) – его использование связано с корректным распределением цвета на винте (рис. 16.3);

Рис. 16.3. Cтиль Outer Glow для отверстия

– Inner Glow (Внутренний блеск) – создаст по краям некоторую тень (рис. 16.4);

Рис. 16.4. Стиль Inner Glow для отверстия

– Bevel and Emboss (Фаска и рельеф) – в данном случае применяется для создания более четкого очертания контуров. Как видите, для этого нужно использовать маленький размер и изменять опции смешивания (рис. 16.5);

Рис. 16.5.Параметры Bevel and Emboss отверстия

– Satin (Атлас) – до его применения винты были довольно темными и далекими от идеала. При распределении снега и теней Satin (Атлас) дает контрастную картину, что, в свою очередь, играет важную роль при дальнейшем создании отверстий для отвертки (рис. 16.6 и результат на рис. 16.7).

Рис. 16.6. Окно задания параметров Satin

Нетрудно заметить, что вы использовали схожие опции смешивания в определенных стилях. Этот прием используется в основном для усиления влияния определенного цвета на слое.

Рис. 16.7. Результат применения стилей

Шаг 3

Создайте новый слой. Выберите инструмент Shape (Форма), а точнее, его модификацию — Line (Линия). Нарисуйте сначала белую, а затем черную линии, одну нал другой. Если у вас получилось два слоя с разными линиями (а так и должно получиться), то слейте их комбинацией клавиш <Clrl>+. Две линии нужно рисовать для фотореалистичности. Дело в том, что при освещении винта в прорезях, особенно если они большие, на середину отбрасывается тень. В связи с этим явлением лучше делать линии описанным способом. Дублируйте слои (три раза) и по очереди группируйте их (комбинация клавиш +). Затем переместите инструментом Move (Перемещение). После всех этих манипуляций установите у сгруппированных слоев Blending Mode (Режим смешивания) в Sort Until (Мягкий свет) (рис. 16.8).