24.04.2016 27.01.2018

Приветствую всех! Сегодня мы научимся делать дымный текст в фотошопе. Как сделать такой текст в фотошопе вопрос не тривиальный. Выполним за 5 минут!

Вот как будет выглядеть финальная картинка:

Начиная этот урок, хочу сказать что в фотошопе можно сделать . Для этого нужно чуточку вдохновения, хорошо и прямые руки. А любой текст в фотошопе начинается с инструмента Text Tool (или Горизонтальный Текст ). Идея такая — вы набираете текст и начинаете добавлять эффект. Например дымный эффект — об этом я сейчас расскажу.

Материалы для урока

Скачайте следующие изображения, которые будем использовать для создания эффекта для текста, по ссылкам:

Это все бесплатно, качайте не задумываясь!

Создаем эффект в фотошопе

С материалами разобрались, теперь можно приступить к делу! Открывайте фотошоп и начинаем.

Создайте новый документ — можно размером 600х250 пикселей, с черным фоном. Фон можно выбрать при создании документа, либо залить его уже после, с помощью инструмента Заливка (Fill Tool ). Почему черный? Да потому что, дым лучше всего виден на черном фоне и проявляется во всей своей красе.

Как я говорил ранее — первое что нужно сделать — это добавить текст в фотошопе. Воспользуйтесь инструмент Горизонтальный Текст (Text Tool ), добавьте текст на середину изображения. Цвет используйте белый, а шрифт можно любой, я использовал — Gill Sans . Если хотите скачайте его в интернете, найти не сложно.

Отлично, текст добавлен, начинаем добавлять эффект.

Сделайте теперь следующие действия:

1. Выберите слой с текстом
2. Нажмите CTRL+J чтобы продублировать слой
3. Выберите нижний оригинальный слой с текстом
4. Примените фильтр размытия — Фильтр — Размытие — Размытие в движении…
5. Угол размытия 90 , а параметр Смещение — 20 .
6. Жмите ОК

Наблюдаем следующую картину:

У нас же дымный эффект? Правильно, поэтому текст должен быть с небольшим следом.

Теперь откройте ранее скаченное изображение — такое как на картинке ниже. Скопируйте его на новый слой, который должен быть выше всех остальных.

Этот кусок изображения нам нужно превратить в дым. Для этого мы его обесцветим, нажав на меню Изображение — Коррекция — Обесцветить (CTRL+SHIFT+U ). По форме данный абстрактный рисунок напоминает дым, поэтому с обесцвечиванием он превращается почти в 100%-й дым.

Главное не забудьте установить режим наложения для этого слоя — Исключение (Exclusion )

Согласитесь, сейчас этот кусок небрежности, аля дым, портит нам всю картину. Поэтому нужно немного облагородить изображение дыма с помощью Ластика (Eraser Tool ). Настройте его на 10% прозрачность и подзамажьте края.

Здесь я полагаюсь на ваш художественный вкус .

Вот как сделал я:

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

Нужно чтобы дым был на всем тексте!

Вставьте кусок очередного дыма и примените ему режим наложения Умножение (Multiply ), сделайте его более агрессивным применив настройки Уровней (Levels ) CTRL+L .

Поработайте немножко ластиком, чтобы остальной дым оставался виден.

Отлично. Но пока это выглядит как нелепое наложение одних изображений на другие в фотошопе. Дымом еще не пахнет, поэтому мы продолжим работать над эффектом.

Если вы помните и посмотрите на слои — вы увидите, что на один из слоев с текстом мы наложили фильтр размытия. Теперь пришло время поработать со вторым слоем.

Возьмите инструмент Размытие (Smudge Tool ) — это такая капелька справа на панели инструментов. Размер кисти этого инструмента установите 40 px пикселей, а интенсивность — 60% . Эти настройки производятся на верхней панели Фотошопа.

Начинайте инструментом размазывать верхнюю часть текста — так чтобы это стало похоже на густой дым.

После этого прозрачность всего слоя установите — 75% .

Далее немного сложненького, настройка кисти. Вам придется применить такие же настройки кисти как на этих скриншотах. Идея такая — добиться мелких рассыпных точек которые мы нанесем поверх текста. Чтобы вызвать окно настройки кисти нажмите F5 .

Отличная настройка кстати, не забывайте данный опыт — еще понадобится при дальнейшей самостоятельной работе в Фотошопе .

Создайте новый слой поверх остальных — сразу примените к нему стиль слоя — Внешнее Свечение (Outer Glow )

Теперь кисточкой рисуем поверх текста много мелких точек!

На этом всё! Надеюсь вы справились с этим интересным уроком!

Предлагаю Вам скачать бесплатные наборы кистей для Фотошопа от дизайнера Rons Deviney . Более 750 дополнений различной тематики пополнят вашу коллекцию расширений фоторедактора. Все инструменты представлены в высоком качестве для художественного рисования, а также для применения в веб-проектах или рекламе. Наборы упакованы в формат ABR для полной совместимости с графическим редактором Adobe Photoshop. Любой пак кистей Вы можете загрузить отдельно по прямым ссылкам.

Загружайте, наслаждайтесь и не забывайте делиться с друзьями !

Кисти для Фотошопа — Дым

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

Фотошоп кисти - Водяные эффекты

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

Кисти для Фотошопа — Пятна

Ещё один интересный набор Фотошоп кисточек, который включает в себя различные виды пятен. Более 75 отличных дополнений, среди которых Вы найдёте различные пятна, брызги, подтёки и капли. Все кисти созданы вручную с помощью красок, акварели и других жидкостей . Данная подборка подойдёт для создания картинок с ужастиками. То есть если Вы рисуете сцены ужаса или решили придать своим работам пугающую атмосферу, тогда этот архив однозначно для Вас.

Кисти с болтами и отверстиями

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

Фотошоп кисти - Городской пейзаж

Набор кистей для Фотошопа под названием Hi-Tech Cityscape включает в себя 82 первоклассных кисти, состоящих из футуристических элементов городского пейзажа. Скачав данную подборку Вы сможете найти в ней различные здания, башни, краны, стены, заводы. Добавьте в свою коллекцию отличные городские фоны. Hi-Tech Cityscape по достоинству оценят все любители фэнтези. Включайте своё воображение и Вас ожидает полёт в новый фантастический мир .

Кисти для Фотошопа — Вода

Очередные прекрасные кисти по тематике вода и всё, что с ней связано. Для Вас подготовлено 59 первоклассных кисточек, включающих в себя элементы воды, пузыри, брызги, водяные подтёки, капли воды, пену. Инструменты были протестированы в новой версии Фотошопа CC . Горизонты применения достаточно обширны. Их можно использовать как при рисовании морских пейзажей, так и при изготовлении рекламы.

Кисти с дымом

Красивые кисти с различными вариациями дыма. Данный архив является продолжением выше опубликованной подборки. Дополнительный набор из 55 новых кистей для Фотошопа включает в себя разные варианты дыма и задымлённости. Их можно использовать для обработки ваших фото, для придания им загадочности и индивидуальности .

Фотошоп кисти — Всплески

Настоящий подарок всем любителям цифрового искусства . 50 очень красивых эффектов воды и не только. Вам будут доступны прекрасные всплески, брызги и разные потоки воды, а также пятна и подтёки. Благодаря данным кистям Вы сможете создавать эффекты кровавых пятен и брызг дождя. Сфера применения очень многообразна. Помимо уже описанных эффектов, Вы сможете создать эффект снега на фотографиях и оригинальные подтеки макияжа на портретах.

Эффект задымления на фотографии обычно создают при помощи специальных шашек, но можно обойтись и без них, если обработать изображение в графическом редакторе. Чаще всего для этой цели используется программа «Фотошоп». Создается эффект дыма при помощи специальных кистей, картинок с прозрачной подложкой, если человек сфотографирован не очень крупным планом. Как сделать дым в «Фотошопе» так, чтобы он выглядел реалистично, если объект съемки расположен вблизи? Рассмотрим далее.

Поиск исходника

Можно найти множество изображений с дымовыми шашками, но зачастую фон на них неоднородный и для создания качественного эффекта задымления они не подходят. Если удачную фотографию удалось отыскать, ее все равно придется деформировать, что не всегда позволяет добиться желаемого эффекта. Поэтому перед тем, как сделать эффект дыма в «Фотошопе», желательно подобрать такое изображение, форма которого идеально будет соответствовать объектам на обрабатываемой фотографии.

Начнем с простого варианта. Попробуем создать дым при помощи исходника с прозрачным фоном. Для начала открываем изображение, которое будем обрабатывать в графическом редакторе, а затем создаем дубликат слоя при помощи комбинации горячих клавиш Ctrl+J. Проводим коррекцию фотографии, убирая лишние детали, которые нарушают композицию. Затем открываем исходник с дымом и перетягиваем его над обрабатываемое изображение. Сделать это можно при помощи инструмента «Перемещение». Выбираем инструмент «Выделение» и, кликнув левой кнопкой мыши по изображению, выбираем в появившемся меню пункт «Свободная трансформация». Меняя пропорции дыма, подгоняем его размер и расположение под фотографию.

Правильное освещение

При повороте исходника важно обращать внимание на то, как падает свет на основном изображении. В случае ошибки эффект будет смотреться неестественно. Исходник можно отразить или перевернуть, но если совместить освещение не получается, то лучше поискать другой вариант как сделать дым в «Фотошопе». Когда найдено правильное расположение, слой с исходником можно продублировать, выделив его на палитре слоев и нажав сочетание клавиш Ctrl+J, а затем расположить его в каком-то другом месте, увеличивая или уменьшая.

Правильные настройки кисти

Теперь вернемся к первому слою с дымом. Добавляем к нему маску и немного обработаем края изображения, чтобы они не слишком сильно выделялись. Для этого лучше всего использовать специальные кисти для «Фотошопа» - «Дым». Их нужно заранее скачать и установить в программу, так как в стандартные наборы они не входят.

Выбираем наиболее подходящую и с ее помощью корректируем нужные места по краям, чтобы они не были слишком четкими. Для работы с маской на панели с цветом выбираем черный, непрозрачность кисти ставим примерно 80 %, а нажим - 50 %. Дополнительно нужно выставить такие параметры, открыв окно с настройками кистей: отмечаем галочкой динамику формы с колебанием размера на 27 % и с колебанием угла - 19 %. Минимальный диаметр выставляем - 14, а колебание формы - 9 %. Дополнительно отмечаем галочкой пункт «Сглаживание». Теперь в процессе рисования кисть будет менять форму и переворачиваться.

Как придать изображению естественности

Далее работаем по маске, выделив ее в палитре «Слои». Также поступаем и с дубликатом слоя. Для большей реалистичности можно создать новый пустой слой, взять образец цвета дыма инструментом «Пипетка», зажимая клавишу Alt, подрисовать детали в нужных местах. Кисти для «Фотошопа» с дымом в этом случае становятся хорошим подспорьем для фотографа. По желанию можно добавить изображению эффект размытости, если перейти в меню «Фильтр» и выбрать там пункт «Размытие», а затем в выпадающем меню - «Размытие по Гаусу». Для радиуса размытия достаточно будет значения в 5 пикселей. Объединяем все слои в группу, выделив их с зажатой клавишей Shift и нажав комбинацию горячих клавиш Ctrl+G. Теперь мы знаем один из способов как в «Фотошопе» сделать дым.

Добавление цвета

Теперь можно изменить оттенок дыма или полностью его перекрасить. Для этого будем использовать палитру слоев. Добавим новый корректирующий слой «Цветовой тон/Насыщенность». Привязываем его к слою, цвет которого будем менять. Для этого нажимаем на иконку «Обтравочная маска». Перед тем как сделать цветной дым в «Фотошопе», дважды кликаем на миниатюру слоя, чтобы открыть окно с настройками. В параметрах отмечаем галочкой пункт «Тонирование» и, двигая ползунки, выбираем подходящий цвет. Это достаточно быстрый вариант изменения цвета, который хорошо подойдет для изображений, где объект располагается на дальнем плане.

Работа с ближним планом

Для фотографий с крупным планом можно использовать другой вариант: вырезать дым с готовой работы. Обычно это делается при помощи инструмента «Быстрое выделение» или «Магнитное лассо». Для удаления лишнего в выделенной области нужно зажать клавишу Alt, а для добавления - Shift. В верхней панели нажимаем «Уточнить край» или «Выделение/маска». Теперь перед тем как сделать дым в «Фотошопе CS6» или в другой версии, подправляем края вырезанного изображения, избавляясь от темных переходов. Затем при помощи инструмента «Перемещение» перетаскиваем на новый слой. Чтобы расположить дым перед фигурой, вырезаем ее и копируем, а затем вставляем на прежнее место. Перетягиваем слой с дымом так, чтобы он находился между фотоном и вырезанным объектом. Затем начинаем работать кистью по маске слоя (как предыдущем случае), придавая изображению более естественные контуры. Остается лишь объединить слои и сохранить фотографию. Теперь мы знаем два способа как в «Фотошопе» сделать дым.

Сегодня мы научимся создавать в Adobe Photoshop разноцветный дым. Этот эффект может придать фотографиям загадочность и уникальное настроение, особенно если использовать изображение с темным фоном. У нас будет всего два слоя, так что, обещаем, вы не устанете и получите максимум удовольствия.

Что должно получиться

Шаг 1

Начнем с того, что откроем в программе Photoshop любое фото. Эффект, над которым мы будем работать, лучше всего получается, если объект изолированно располагается на темном — а лучше всего на черном - фоне.

В нашем случае мы просто создали белый дым на черном бэкграунде при помощи дымчатых кистей типа Smoke brushes . Кисти типа Particle Smoke тоже подойдут.

Шаг 2

Для начала обесцветим нашу картинку. Но этот шаг нужен лишь в том случае, если на изображении есть другие цвета, кроме черного и белого.

В палитре Layers / Слои кликните на кнопку New Adjustment Layer / Новый Корректирующий Слой и там выберите Hue/Saturation // Цветовой тон/Насыщенность.

Шаг 3

Теперь создадим новый слой. Это будет слой, где мы будем рисовать в цвете.

Кликните по кнопке New Layer / Новый Слой на той же палитре Layers / Слои . Переименуйте этот слой в Rainbow Color .

Измените режим наложения на Color / Цветность.

Шаг 4

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

Перед тем, как начать рисовать, мы возьмем палитру Swatches / Образцы , чтобы выбрать из нее необходимые три цвета. Зайдите в Window > Swatches / Окно > Образцы , там нажмите на меню (справа вверху) и затем выберите любые цвета.

Когда вас спросят, хотите ли вы заменить или добавить цвета в образцы, выберите «заменить». Теперь в вашей палитре Swatch / Образцы желтый, пурпурный и голубой будут в качестве первых трех цветов. С этого момента вы можете выбрать один из этих трех цветов очень быстро, экономя время и нервы.

Шаг 5

Возьмите инструмент Brush tool / Кисть . правым кликом щелкните по изображению и появятся переметры кисти.

Выберите мягкую круглую кисть с жесткостью 0%. О диаметре пока беспокоиться не стоит.

Шаг 6

Начните с выбора одного из трех цветов — желтый, пурпурный или голубой. В любом месте начните рисовать кистью большого размера. Регулировать размер кисти можно, нажав клавишу с квадратными скобками: такой [ или такой ]. Потом поменяйте цвет и раскрасьте остальную часть изображения. После этого можно установить непрозрачность кисти на 50% и продолжить рисовать, пока не добьетесь результата, который вас полностью удовлетворит.

Смотрите, как это делали мы.

Финальный результат

Перевод — Дежурка

В этом уроке мы с вами рассмотрим, как сделать эффект дыма в Фотошопе . Если вы хотите добавить пар, туман или дымку на своих фотографиях, вам определенно пригодятся навыки работы, полученные в этом уроке. Попробуйте сделать что-нибудь подобное самостоятельно, возможности графического дизайна безграничны!

Шаг 1. Выбираем фотографию

Итак, начнем с того, что подберем подходящую фотографию, на которой нарисуем дым . Конечно же, можно выбрать более легкий путь и использовать уже готовые , однако мы не всегда можем найти подходящую нам кисть, поэтому будем делать все самостоятельно. Выбираем следующее фото (как откроем его, сразу же создадим новый пустой слой):

Шаг 2. Рисуем абстрактную форму дыма

Выбираем инструмент «Прямолинейное лассо» (Polygonal Lasso Tool) и создаем абстрактную форму, которая должна быть хотя бы отдаленно похожа на пример, показанный ниже. Заливаем его белым цветом (или, например, зеленым, если ходите, чтобы дым имел зеленоватый оттенок).

Шаг 3. Искажаем контуры формы

Теперь, чтобы создать волнистый эффект дыма в Фотошопе , используем фильтр Волна (Wave), который находится в верхнем меню Фильтр (Filter) -> Искажение (Distort) -> Волна (Wave) и устанавливаем значения, как показано ниже:

Шаг 4. Установим Непрозрачность (Opacity) формы

После того, как мы использовали фильтр Волна (Wave), можно перейти в меню Редактирование (Edit) -> Обесцвечивание Волны (Fade Wave) и установить в появившемся диалоговом окне Непрозрачность (Opacity) на 50%.

Шаг 5. Повторяем эффект фильтра Волна (Wave)

Повторим шаг 3 (Искажение Волна (Wave)) несколько раз, чтобы достичь наилучших результатов:

Шаг 6. Используем инструмент «Палец» (Smudge Tool)

Затем выбираем инструмент «Палец» (Smudge Tool), чтобы изменить форму дым так, чтобы он выглядел как бы рассеянным и вздымающимся вверх из кофейных зерен (как показано ниже).

Вот что у нас должно получилось в итоге:

Шаг 7. Выделяем дым на новом слое

Создаем дубликат слоя Smoke (Ctrl + J).

Чтобы выделить рисованный дым на слое, переходим к меню Выделение (Select) -> Модификация (Modify) -> Сжать (Contract), установив предел сжатия в 7 пикселей.

>

Шаг 8. Инвертируем выделение

Инвертируем выделение (Ctrl + Shift + I) и нажимаем клавишу Delete. Это позволит создать мягкий эффект дыма сравнение с другим (нижним) слоем.

Шаг 9. Объединяем слои

Изменим Непрозрачность (Opacity) слоя Smoke до 70%, а слоя Smoke Copy до 50%, после чего объединим их. Это поможет смягчить форму дыма далее.

Шаг 10. Деформация (Warp) формы дыма

Дублируем верхний слой (Ctrl + J) и изменяем его размер (Ctrl + T). Чтобы преобразовать форму дыма, щелкнем правой кнопкой мыши и выберем режим Деформация (Warp).

Шаг 11. Используем размытие по Гауссу

Затем переходим в меню Фильтр (Filter) -> Размытие (Blur) -> Размытие по Гауссу (Gaussian Blur) и устанавливаем радиус размытия 3 пикселя.

Шаг 12. Добавляем больше дыма на кофе

Чтобы добавить больше дыма на бобах кофе, т. е. внизу, создадим новый пустой слой и нарисуем произвольную форму вокруг них, используя инструмент «Лассо» (Lasso Tool).

Переходим в меню Выделение (Select) -> Растушевка (Feather) и устанавливаем радиус 15 пикселей.

Шаг 13. Последние штрихи

Заполним выделение белым цветом, а чтобы изменить дым, будем использовать инструмент «Ластик» (Eraser Tool).

Установите Непрозрачность (Opacity) слоя Smoke Copy до 80% и объединим слои вместе, используя функцию Выполнить сведение (Flatten Image).