Рисуем кровавый текст - Уроки Photoshop

Уроки Photoshop на Тальнівському Інформаційному Порталі

Люди по природе своей кровожадны – и это достоверный факт!

Всем поклонникам стрелялок и рубилок посвящается!

Кровавый текст - эффект очень красочный и просто незаменимый при графическом оформлении игровых сайтов и создании характерных рисунков к ним. Сегодня мы попытаемся воплотить нечто подобное в Photoshop .

При создании этого "кровожадного" текстового эффекта я рекомендую использовать простой, немного закругленный шрифт, хотя это, как говориться дело вкуса. Для того чтобы потоки крови не наплывали на соседние буквы, нужно на 25% увеличить интервал между ними!

Итак, приступим:

1. Первым делом создаем новое изображение (Ctrl+N ). Размер изображения должен быть немного большим, чем будущий текст (не забудьте, что внизу нужно оставить немного места для кровавых потоков! ). Для примера будем использовать такие параметры – 200х200 , 300 dpi , RGB color .

2. Назовем этот слой – fon . Заливаем его черным цветом (G ). Я использую черный фон только для наглядности, в дальнейшем этот слой можно заменить подходящим цветом или текстурой.

3. Создаем новый слой (Layer\New\Layer или Shift+Ctrl+N> ) – назовем его blood . В центре этого слоя напишем нужный Вам текст – в данном случае наши традиционные три буквы:). Цвет шрифта – белый (#ffffff ). Теперь объединим только что написанный текст и слой blood (Ctrl+E ):

4. Переворачиваем все изображение на 90 градусов (Image\Rotate Canvas\90 CW ).

5. Применяем к слою blood фильтр Wind (Filter\Stylize\Wind ) с настройками по умолчанию (Method – Wind, Direction – From the right ). Одного раза вполне достаточно – особо кровожадные челы могут применить фильтр 2 раза. Здесь главное не переборщить!

6. Опять переворачиваем изображение на 90 градусов, но уже против часовой стрелки (Image\Rotate Canvas\90 CWW ), чтобы наше изображение приняло первоначальное положение.

7. Теперь немного размоем наш текст (Filter\Blur\Gaussian Blur ), радиус размытия – 0,5 пикселя. Так-с, потоки уже есть, но они слишком прямолинейны. Это можно исправить с помощью деструктивного фильтра Ripple (Amount – 40%, Size - Medium ), который своей пульсацией оживит наш текст. Ну, вот уже получше:

Изображение почти готово, осталось только применить к слою blood нужный Layer Style .

8. Кликните два раза на иконке слоя blood , чтобы открыть панель Layer Style . Далее нам нужно изменить значения эффектов Stroke и Bevel and Emboss . Для этого нажимаем на Stroke , чтобы перейти в одноименный свиток опций.

Настройки Stroke :

Size – 25px; (если Ваше изображение больше 200х200px, то могут понадобиться небольшие коррективы);
Position – Inside;
Blend Mode – Normal;
Opacity – 100%;
Fill Type – Gradient;
Gradient – о этом дальше (пункт 9);
Angle – 90;
Scale – 100%

9. Чтобы изменить градиент кликните на его окошко. От этого градиента зависит, как будет выглядеть наш эффект. Поскольку мы создаем кровь , то и цвета должны быть подходящие. Я предлагаю свой цветовой вариант:

10. Теперь переходим к разделу Bevel and Emboss . В этом свитке выставляем следующие настройки:

Главным параметром здесь является – Size – от его величины зависит сила эффекта. Ориентируйтесь на белые отблески, которые появятся по середине каждой буквы. Если Вы создаете изображение, б0льшего размера, чем этот пример, то нужно подобрать Size опытным путем, ориентируясь на этот пример. Попробуйте сами – подвигайте ползунки Size и Depth , и Вы поймете, какое значение следует применить.

Иногда приходится делать изображения, содержание которых настолько оригинально, что найти описание его создания практически невозможно. В этом разделе описывается довольно старый, но не теряющий актуальности пример дизайнерской хитрости. Сразу скажем, что эту задачу можно решить и при помощи имеющегося в Photoshop 7.0 макроса, но он дает неудовлетворительный результат. Мы предлагаем более эффективный способ.

Для начала создайте заготовку произвольного размера. Больше, чем 400x400 пикселов, вряд ли стоит брать, так как будет очень трудно добиться реалистичности. Убедившись с помощью пункта меню Image Mode (Изображение Режим) , что изображение находится в нужном цветовом режиме, а именно в RGB, приступим к работе. Залейте рабочую область, используя инструмент Paint Bucket (Заливкам черным цветом и напишите текст).

Рис. 1.2.1 Исходная надпись

Мы будем работать со словом «blood». Если ни один из размеров шрифта вам не подходит, используйте возможности команды Free Transform (Свободное трансфор­мирование) (Ctrl+T).

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

Чтобы работали фильтры, нам необходимо перевести текст в растр. Сделаем это следующим образом: откроем палитру слоев (Layers) и щелкнем правой кнопкой мыши на слое с текстом. В раскрывшемся меню выберем Rasterize Layer (Растрировать слой).

Поверните изображение на 90° по часовой стрелке: Image Rotate 90 CW (Изображение Повернуть холст 90 градусов по часовой стрелке) . Затем воспользуйтесь несколько раз фильтром Wind (Ветер): Filter Stylize Wind (Фильтр Стилизация Ветер) (рис. 1.2.2).

Рис. 1.2.2. Применение фильтра Wind (Ветер)

Для повторного применения фильтра достаточно лишь нажать сочетание клавиш Ctrl+F. Мы повторили это действие пять раз. Вернем изображение в начальное положение: Image Rotate 90 CCW (Изображение Повернуть холст 90 градусов против часовой стрелки). Результат показан на рис. 1.2.3


Рис. 1.2.3 Результат применения фильтра Wind (Ветер)

Теперь наша задача в том, чтобы превратить эти свисающие тонкие полосы в стекающую с надписи кровь. Сделать это очень просто. Сначала воспользуемся фильтром Stamp (Линогравюра): Filter Sketch Stamp (Фильтр Эскиз Линогравюра) (рис. 1.2.4). Баланс Light/Dark (Баланс света и тени) лучше установить на значение 5-6, в зависимости от размеров и формы вашего изображения.

Рис. 1.2.4 Применение фильтра Stamp (Линогравюра)

Если ваш результат не похож на рис. 1.2.5, значит, некоторые параметры фильтра Stamp (Линогравюра) были выставлены неправильно. Они чаще всего индивидуальны для каждой картинки и зависят от размера, разрешения, степени применения фильтра Wind (Ветер). В таком случае нажмите Ctrl+Z (Edit Undo), Редактирование Отмена) , чтобы отменить действие фильтра Stamp (Линогравюра) , и попробуйте настроить параметры фильтра должным образом. Теперь осталось придать надписи действительно кровавый цвет. В программе Photoshop очень богатый инструментарий по работе с цветовой гаммой, вполне достаточный для любой цветокорректирующей задачи. Для данного примера подходит минимум пять способов, мы выберем самый простой.

.

Рис. 1.2.5. Изображение после применения фильтра Stamp(Линогравюра)

Прежде всего необходимо инвертировать изображение: Image Adjust Inverse (Изображение Настройка Инвертировать) либо сочетание клавиш Ctrl+I. Затем активизируйте инструмент Magic Wand (Волшебная палочка). Установите параметр Tolerance (Допуск) достаточно большим - порядка 150 - и выделите текст. Теперь область выделения можно залить подходящим цветом (рис. 1.2.6). И наконец, осталось придать нашей надписи объем и реалистичность. Для этого можно воспользоваться фильтром Bas Relief : Filter Sketch Bas Relief (Фильтр Эскиз Рельеф) . В нашем примере (рис. 1.2.7) параметр Detail (Детали) равен 12, a Smoothness (Сглаживание) - 5.

Рис. 1.2.6. Изображение после заливки цветом

Рис. 1.2.7. Диалоговое окно фильтра Bas Relief (Рельеф)

При выполнении этой операции цвет переднего плана должен соответствовать цвету надписи, а цвет фона - фону на вашем изображении.

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


) и пипеткой кликните на светлом участке узора.

Шаг 2

Примените коррекцию Цветовой тон/Насыщенность ( ",this,event,"320px");">Hue/Saturation):


Шаг 3

Перейдите в меню Редактирование > Определить узор (Edit > Define Pattern).


2. Замазываем стену

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 1280х720 пикселей и вставьте в него изображение разбитой стены «Crack 5». Измените размер изображения так, чтобы разбитая часть занимала всю высоту холста.


Шаг 2

Выберите инструмент Штамп ( ",this,event,"320px");">Clone Stamp Tool) размером 25 пикселей с мягкими краями. Зажмите клавишу Alt и определите источник клонирования на краю штукатурки.


Шаг 3

Скопируйте штукатурку на пустой участок.


Шаг 4

Выберите инструмент Заплатка ( ",this,event,"320px");">Patch Tool) и на верхней панели выберите режим Источник (Source). Создайте выделение вокруг маленькой разбитой части стены. Перенесите его на целый участок штукатурки.



Шаг 5

Инструментом Точечная восстанавливающая кисть ( ",this,event,"320px");">Spot Healing Brush Tool) замажьте все пятна и небольшие участки, которые Вам не нравятся.


Шаг 7

Как закончите, примените фильтр Уменьшить шум ( ",this,event,"320px");">Reduce Noise Filter):


Шаг 8

Измените цвет стены при помощи коррекции Цветовой тон/Насыщенность ( ",this,event,"320px");">Hue/Saturation).


3. Обработка бетонной части стены

Шаг 1

Инструментом Магнитное лассо ( ",this,event,"320px");">Magnetic Lasso Tool) и пройдитесь по краям разбитой штукатурки. Ведите мышь медленно и при необходимости одиночным кликом добавляйте якорные точки самостоятельно.


Шаг 2

После того, как закроете выделение, добавьте оставшиеся участки инструментом Многоугольное лассо ( ",this,event,"320px");">Polygonal Lasso Tool). Инвертируйте выделение (Ctrl + Shift + I).

Шаг 3

Добавьте маску, чтобы скрыть бетонную часть стены.


Шаг 4

Вставьте текстуру бетона «ConcreteBare0183» в наш документ под слой стены. Назовите слой с текстурой «Concrete».


Шаг 5

Примените к новой текстуре коррекцию Цветовой тон/Насыщенность ( ",this,event,"320px");">Hue/Saturation).


Шаг 6

К верхнему слою стены примените стиль Отбрасывание тени ( ",this,event,"320px");">Layer Style – Drop Shadow): Режим – Умножение.


По краям штукатурки можно заметить тень:


4. Внешний вид стены

Шаг 1

Создайте новый слой на самом верху и назовите его «Fill Color». Установите режим наложения Цветность ( ",this,event,"320px");">Blending Mode – Color). Залейте слой цветом #968978 при помощи инструмента Заливка ( ",this,event,"320px");">Paint Bucket Tool).


Шаг 2

Создайте ещё один слой «Pattern» в режиме Умножение ( ",this,event,"320px");">Blending Mode – Multiply). Залейте слой узором, который мы создали в начале урока.


Шаг 3

Выделите маску слоя с разбитой стеной ( ",this,event,"320px");">Ctrl + Click) и добавьте маску к слоям заливки и обоев.


Шаг 4

Поверх всех слоёв вставьте светлую текстуру штукатурки и назовите слой «Edges». Добавьте маску и залейте её чёрным цветом. Выберите белую мягкую кисть (или чёрный ластик) и пройдитесь по краям штукатурки, чтобы сделать края более реалистичными.




5. Гранжевый эффект

Шаг 1

Создайте новый слой «Border 1», установите для него режим наложения Умножение ( ",this,event,"320px");">Blending Mode – Multiply) и уменьшите непрозрачность до 70%. Выберите одну из гранжевых кистей и покрасьте края холста цветом #524741.


Шаг 2

Создайте новый слой «Border 2» в режиме Линейный затемнитель ( ",this,event,"320px");">Blending Mode – Linear Burn). Мягкой кистью ещё больше затемните края холста.


Шаг 3

Создайте новый слой «Grunge Overlay». Установите режим наложения Умножение ( ",this,event,"320px");">Blending Mode – Multiply) и уменьшите непрозрачность до 50%. Гранжевыми кистями нарисуйте беспорядочный узор на обоях.


Шаг 4

Создайте новый слой «Highlight» и установите для него режим наложения Мягкий свет ( ",this,event,"320px");">Blending Mode – Soft Light). Мягкой кистью осветлите некоторые участки на краях штукатурки цветом #acacac. Скопируйте на этот слой маску слоя обоев.


Шаг 5

Создайте новый слой «Shadow» в режиме Умножение (Blending Mode –Multiply и тем же цветом создайте тёмные края штукатурки. Не забудьте скопировать маску.


6. Тень на краях штукатурки и пятна на бетоне

Шаг 1

Создайте новый слой «Center Shadow 1» над слоем «Concrete». Установите для него режим наложения Умножение ( ",this,event,"320px");">Blending Mode – Multiply) и уменьшите непрозрачность до 50%. Большой мягкой кистью чёрного цвета нарисуйте тени под краями штукатурки. Она увеличит расстояние между штукатуркой и бетоном.


Шаг 2

Создайте новый слой «Center Shadow 2» над слоем «Center Shadow 1». Установите режим наложения Линейный затемнитель ( ",this,event,"320px");">Blending Mode – Linear Burn). Выберите кисть с 70% жёсткостью цветом #342915. Нарисуйте тёмные тени под краями штукатурки. Затем выберите акварельную кисть №24 в качестве ластика и сотрите края теней, которые Вы нарисовали.


Шаг 3

Создайте несколько слоёв под слоями «Center Shadow» в режиме Умножение ( ",this,event,"320px");">Blending Mode – Multiply). Акварельными кистями нарисуйте коричневые и зелёные пятна на бетонной части. Объедините все слои в группу «Center».


Шаг 4

Вот кисти и цвета, которые были использованы в уроке (сверху вниз):

1 - #998675 - 28

2 - #a6a497 - 30

3 - #a6a497 - 29

4 - #998675 - 27

5 - #342915 - 29

6 - #a6a497 - 09

7 - #342915 – 22


7. Кровавая надпись

Шаг 1

Установите шрифт «Nightbird» и настройте его, как показано на скриншоте, на панели Символ (Окно > Символ) (Window > Character). Напишите что-нибудь страшное цветом #993133.


Шаг 2

Активируйте режим Свободное трансформирование ( ",this,event,"320px");">Free Transform) и поверните надпись.


Шаг 3

Создайте новый слой над текстовым слоем и назовите его «Drips». Цветом #993133 нарисуйте потёки крови специальными кистями.


Шаг 4

Объедините текстовый слой с потёками (Ctrl + E). Установите режим наложения полученного слоя на Умножение ( ",this,event,"320px");">Blending Mode – Multiply). ",this,event,"320px");">Hue/Saturation).


Шаг 7

Создайте новый слой «Stain» над слоем «Center Shadow 2». Установите для него режим наложения Линейный затемнитель ( ",this,event,"320px");">Layer – Levels) на самом верху.


Шаг 2

Создайте корректирующий слой Яркость/Контрастность ( ",this,event,"320px");">Layer – Brightness/Contrast).


Шаг 3

К слою «Fill Color» примените стиль Наложение градиента ( ",this,event,"320px");">Layer Style – Gradient Overlay).

Режим – Перекрытие, Стиль – Радиальный.


В этом уроке мы создадим кровавую надпись в фотошоп. Эффект кровавой надписи лучше применять к крупному шрифту.

Шаг 1. Создайте новый документ. Выберите основной чёрный цвет (D) и залейте слой, нажав Alt + Backspace . Выберите инструмент Текст (Т) и напишите белым цветом свою надпись. Затем нажмите Ctrl + T , при необходимости измените размер надписи и расположите немного выше середины как показано ниже.


Шаг 2. Растрируйте текст щёлкнув на слое с надписью правой кнопкой мышки и выбрав команду Растрировать текст (Rasterize Type) . Затем объедините слои нажав Ctrl + E . Выберите команду Изображение — Повернуть холст — 90° по часовой стрелке (Image — Rotate Canvas — 90 CW) . Затем выберите Фильтр — Стилизация — Ветер (Filter — Stylize — Wind) . Установите следующие параметры и нажмите ОК .

Фильтр Ветер примените 4−5 раз. Для этого просто нажмите несколько раз клавиши Ctrl + F . Я применил фильтр 4 раза. Далее поверните текст в исходное положение.


Шаг 3. Теперь превратим свисающие полосы в стекающую с надписи кровь. Для этого выберите команду Фильтр — Эскиз — Линогравюра (Filter — Sketch — Stamp) укажите следующие значения и нажмите ОК .

Затем инвертируйте изображение нажав Ctrl + I . Если Вы всё сделали правильно, то в результате должно получиться примерно так:


Шаг 4. Выберите инструмент Волшебная палочка (W) и щёлкните левой кнопкой мышки на чёрном цвете изображения. Затем щёлкните правой кнопкой мышки и выберите команду Подобные оттенки (Similar) , чтобы полностью выделить чёрный цвет.


Инвертируйте выделения, чтобы выделить только надпись, нажав Shift + Ctrl + I . Затем снова щёлкните правой кнопкой мышки на изображении и выберите команду Вырезать на новый слой . В результате надпись окажется на новом слое.

Шаг 5. Удерживая нажатой клавишу Ctrl , щёлкните на эскизе слоя с надписью в палитре Слои .

Затем выберите красный цвет (# df0023 ) и залейте им текст, нажав Alt + Backspace . Снимите выделения Ctrl + D .

Шаг 6. В нижней части палитры Слои щёлкните на значке похожем на букву f и выберите команду Тиснение (Bevel and Emboss) . Укажите следующие значения, но кнопку ОК не нажимайте.


Теперь выберите команду Контур . Установите значения и нажмите ОК .


Вот и всё. Эффект кровавой надписи готов (чтобы было лучше видно эффект, я поменял цвет фонового слоя).



К списку уроков с текстом

Уроки по обработке текста в Photoshop с помощью различных эффектов. Буквы из крови

1. Создаем новое изображение (файл - новый) размером 300Х300 и заливаем его черным цветом, при помощи инструмента "Заливка".

2. Выбираем инструмент ТЕКСТ на панели инструментов, подбираем шрифт, размер и делаем основным белый цвет. Напишите слово "КРОВЬ". Можно подредактировать размер и положение текста, при помощи команды РЕДАКТИРОВАНИЕ - СВОБОДНАЯ ТРАНСФОРМАЦИЯ.

3. Кликните правой кнопкой мыши по строке слоя с текстом на панели СЛОИ и в появившемся меню выберите пункт "Растрировать слой".

4. Склейте слои (Слой - выполнить сведение). Поверните изображение на 90 градусов по часовой стрелке (Изображение - повернуть холст - 90 градусов по часовой) и примените к нему 5 раз фильтр ВЕТЕР (Фильтр - стилизация - ветер) с параметром направление - справа (Для повторного применения фильтра достаточно нажать сочетание клавиш Ctrl+F). Теперь поверните изображение в начальное положение (Изображение - повернуть холст - 90 градусов против часовой).

5.Устанавливаем основным черный, а фоновым белый цвет. Теперь применяем к изображению фильтр ЛИНОГРАВЮРА (фильтр - эскиз - линогравюра) с параметрами как на рисунке.

6.Выделяем надпись при помощи инструмента "Волшебная палочка" и заливаем ее красным цветом, с помощью команды РЕДАКТИРОВАНИЕ-ВЫПОЛНИТЬ ЗАЛИВКУ.

7.Устанавливаем цвет переднего плана такой, каким вы залили надпись, цвет заднего плана - черный. Применяем к изображению фильтр РЕЛЬЕФ (Фильтр - эскиз - рельеф) с параметрами ДЕТАЛИЗАЦИЯ 12, СМЯГЧЕНИЕ 5, СВЕТ - вниз и влево. Уберите выделение (Выделение - отменить выделение).

8.Примените команду ИЗОБРАЖЕНИЕ-КОРРЕКЦИЯ-ЯРКОСТЬ/КОНТРАСТНОСТЬ со следующим параметрами.

Если у Вас что-то не получается, можете скачать