Уроки Фотошопа

Полосатый текст

Буквы на зебре


В данном уроке я научу вас создавать текст. Но не просто текст. Здесь и сейчас мы научимся придавать ему весьма незаурядную окраску средствами графического редактора Adobe Photoshop.


Итак, начнем.


Командой "File -> New..." ("Файл -> Новый...") создадим новое изображение размером 300х300 пикселей с черным фоном.


Теперь вашим любимым массивным шрифтом (Arial Black, BorisBlackBloxx или любой другой с взятым в 150 пунктов кеглем) пишем серым (7F7E7E) цветом первое пришедшее в голову слово. Я напишу "MI".


Командой "Layer -> Rasterize -> Type" ("Слой -> Растрировать -> Текст") растрируем слой с текстом.



Растрируем слой с текстом


Командой "Layer -> New -> Layer..." ("Слой -> Новый -> Слой...") либо кнопкой создания нового слоя в палитре "Layers" ("Слои") добавим пустой слой. Инструментом "Рolygonal lasso tool" ("Прямолинейное лассо") создадим на этом слое диагональное выделение, подобное образцу на рисунке, и закрашиваем его синим (#-код 0A9AFF) цветом.



Создаем диагональное выделение синего цвета


Выделив слой с полоской, командой "Layer -> Dublicate..." ("Слой -> Создать дубликат слоя") либо в контекстном меню слоя выбрав пункт "Duplicate..." ("Создать дубликат слоя...") создадим его дубликат. Выбрав инструмент "Moving" ("Перемещение") на панели инструментов, сдвинем только что созданный дубликат слоя влево относительно оригинала. Теперь инструментом "Fill" ("Заливка") залиьем копию оранжевым (ffb60a) цветом. У вас должно получиться примерно нижеследующее:



Создаем дубликат полоски и заливаем его оранжевым цветом


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



Создадим больше полосок


Произведем объединение всех слоев с полосками. Для этого снимем значок глаза с не содержащих полоски слоев (тем самым скрыв их), после чего выполним команду "Layer -> Merge Visible" ("Слой -> Объединить видимые"). Результат: все созданные нами полоски окажутся на одном слое. Теперь создадим дубликат получившегося в результате объединения слоя. На созданной копии несколько изменим цвет заливки полосок при помощи команды "Image -> Adjustments -> Hue/Saturation" ("Изображение -> Коррекция -> Цветовой Тон/ Насыщенность"). Зададим параметрам диалога "Hue/Saturation" значения, указанные на рисунке:



Зададим параметрам диалога "Hue/Saturation" нужные значения


У вас должно получиться примерно следующее :



Результат работы с диалогом "Hue/Saturation"


Теперь в выпадающем списке, находящемся в палитре "Layers" ("Слои") для данного слоя зададим режим наложения "Оverlay" ("Перекрытие"). Теперь сместим дубликат чуть вниз и вправо:



Задаем для "полосатого" слоя режим наложения "Оverlay" ("Перекрытие")

и чуть смещаем его


Вернемся к работе с текстом. Переключаемся на содержащий его слой и дублируем его. В палитре "Layers" ("Слои") перетаскиваем дубль под оригинал. При помощи инструмента "Magic wand" ("Волшебная палочка") выделим текст на дублирующем слое зальем его темно-серым (292929) цветом, тем самым затемнив текст. Не помешает и растянуть его командой "Select -> Modify -> Expand" ("Выделение -> Модификация -> Расширить на 6 рх").



Затеняем и растягиваем слой-дубликат с текстом


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



Возьмем понравившийся нам узор...



...и перетащим его на буквы


Как видите, первой букве украшение пришлось по размеру, а вот второй оно явно великовато. Не беда, будем использовать лишь часть орнамента. Сейчас нам необходимо удалить лишнее. Инструментом "Rectangular Marquee Tool" ("Прямоугольная область") выделим цветок внутри белого прямоугольника с тонкой границей и сотрем этот неизвестно какого цветочного семейства объект.



Сотрем цветок внутри белого прямоугольника с тонкой границей


Еще раз применим выбор для вырезки изображения на новый слой, удалим все лишнее, а также выберем режим наложения "Оverlay" ( "Перекрытие").



Удалим все лишнее



Выберем режим наложения "Оverlay" ( "Перекрытие")


Вернемся к тому содержащему текст слою, с которого начался данный урок. Здесь от нас требуется расширить границы текста на 1 пиксел и заполнить новый слой темно-серым (474747) цветом. Не забудем его растушевать. Для этого выполним команду "Select -> Feather" ("Выделение -> Растушевка на 7 px"). И, наконец, удалим выделенную площадь.




Расшириряем границы текста на 1 пиксель и растушевываем его


Сняв выделение, можно долго любоваться результатом:



Результат!