Изменить стиль страницы

Урок 1. Текст с подсветкой

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

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

Фильтр Bluer

Шаг 1.

Запустите Adobe Photoshop. Выполните команду File | New (Файл | Новый).

Задайте размер изображения 300x100.

Примечание:

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

Шаг 2.

Наша задача — сделать контрастный фон, на котором будет располагаться текст. Черный цвет придаст наибольшую контрастность изображению. Сделайте черным цвет переднего плана Foreground Color либо нажмите клавишу . Теперь залейте им изображение, нажав комбинацию клавиш +. Слой станет черным.

Шаг 3.

Сейчас нам нужно набрать какой-либо текст на изображении, сделать это надо белым цветом для того, чтобы потом его удобнее было изменять. Нажмите , затем <Х>, тем самым вы сначала перезагрузите цвета, а потом поменяете их местами, вместо черного цвета переднего плана получится белый. Он-то нам и нужен.

Шаг 4.

Дли того чтобы напечатать текст, нужно использовать Type Tool (Инструмент текста), который вызывается нажатием клавиши <Т> либо по щелчку на одноименном инструменте (его значок в виде буквы Т). Данный инструмент имеет два типа и четыре разновидности:

— первый тип используется, когда создается отдельный слой для текста, который впоследствии можно свободно редактировать (печатать любой текст);

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

Примечание:

Учитывайте тот факт, что в данном случае не создается дополнительный слой.

И в первом, и во втором типе вы можете вводить как вертикальный текст, так и горизонтальный.

Наберите любой текст, нажмите на кнопку Применить, она находится на верхней панели и имеет форму флажка, другая кнопка служит для отмены набранного текста.

Совет:

Если у вас не получилось расположить текст ровно посередине то не отчаивайтесь, воспользуйтесь Move Tool (Инструмент перемещения) который вызывается нажатием клавиши «V».

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

Шаг 5.

Нажмите клавишу <Т>, это даст возможность редактировать текст. Теперь щелкните на кнопке Create Warped Text (Создать текст с искажениями)

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

Появится окно Warp Text (Искаженный текст), где содержится вариант искажения текста. Выберите Inflate (Вздутие).

Замечание:

Текст можно исказить и по-другому, но из всех вариантов наиболее красивым я считаю именно Inflate (Вздутие).

Шаг 6.

Сейчас у нас есть два слоя: один с черным фоном, другой с текстом. Совместите их, нажав комбинацию клавиш <Сtrl>+<Е>. Это необходимо сделать, чтобы откорректировать цвед текста, поскольку все объекты будут находиться на одном растеризованном слое. Огромным плюсом служит черный фон, который не изменяет своего цвета под действием корректировщика Hue/Saturation (Оттенок/Насыщенность). Конечно, можно и растеризовать слой, но об этом приеме мы поговорим позже.

Шаг 7.

Придайте цвет вашему тексту. Для этого выполните команду Image | Adjustments | Hue/Saturation (Образ | Корректировка I Оттенок/Насыщенность). И экспериментируйте с ползунками, предварительно установив флажок Colorize (Закраска). Я задал значения следующим образом:

— 126 — для Hue (Оттенок);

— 99 — для Saturation (Насыщенность);

— 48 — для Lightness (Осветление),

Шаг 8.

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

Различные фильтры служат для разных целей. Так, фильтры из группы Distort (Деформация) деформируют всевозможными способами изображение, фильтры группы Textures (Текстуры) — накладывают определенные текстуры на изображения. А вот группа Blur (Размытие) — является одной из самых полезных. Лично я часто прибегаю к ее помощи. Например, при вырезании объектов и последующей вставке их на какой-либо фон приходится как-то сглаживать неровности некачественной обрезки. Фильтры серьезно пригодятся при создании сложных изображений, подробней на них мы остановимся в соответствующем разделе. А сейчас…

Выполните команду Filter | Blur | Gaussian Blur (Фильтр | Размытие | Размытие по Гауссу). Задайте значение: 5.0. Размытие придаст эффект свечения.

Шаг 9.

Нажмите клавишу и повторите шаги 4 и 5, с одним лишь изменением:

цвет текста должен быть черным, он придает контрастность. Таким образом, черный текст должен располагаться на размытой зеленой надписи, создавая эффект свечения. Результат достигнут.

В принципе, можно использовать и другие комбинации цветов, главное, чтобы они не выбивались из общей картины. Например, вполне можно сделать размытую часть желтой, все зависит от вашей фантазии. Главное, теперь вы можете за несколько минут создать стильные обои (рис. 1.1).

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

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

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

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

— изменять размер изображения перед его созданием;

— перезагружать цвета нажатием одной клавиши;

— создавать и модифицировать текст на изображении;

— заливать слой цветом переднего плана;

— двигать слой по изображению;

— совмещать текущий слой с нижележащим;

— пользоваться функцией корректировки Hue/Saturation (Оттенок/Насыщенность);

— применять фильтр Blur (Размытие).