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

Шаг 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).

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 )

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

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

Инструкция

Создайте новый документ. Нажмите сочетание Ctrl+N, либо выберите в главном меню пункты "File" и "New...". В отобразившемся диалоге задайте параметры создаваемого . В полях "Width" и "Height" введите ширину и высоту изображения. Имеет смысл данные значения в диапазоне 400-600 пикселей. В списке "Background Contents" выберите пункт "Transparent". В списке "Color Mode" установите значение "RGB Color", а в списке, расположенном от него - значение "8 bit". Нажмите кнопку "OK".

Выберите цвета переднего и заднего плана. Кликните по элементам управления, расположенным на панели инструментов, отображающим соответствующие цвета. Появятся диалоги выбора цвета. Установите цвет переднего плана в серый (шестнадцатеричное RGB-значение в диапазоне B4B4B4-E8E8E8), а цвет заднего плана в черный.

Создайте новый слой. Выберите в меню "Layer", "New", "Layer...", или же нажмите клавиши Shift+Ctrl+N.

Создайте изображения дым а. Активируйте инструмент "Polygonal Lasso Tool". Выделите область изображения произвольной формы. Форма области выделения должна быть вытянута в вертикальном направлении. Желательно, чтобы она была достаточно неправильной формы и ассиметрична. Залейте область выделения при помощи инструмента "Paint Bucket Tool" цветом переднего плана. При желании, осветлите края области с помощью инструмента "Dodge Tool". Снимите выделение, нажав Ctrl+D. Объедините слои, выбрав в меню пункты "Layer" и "Merge Down", либо нажав Ctrl+E.

Примените к изображению фильтр Wave произвольное количество раз. В меню выберите пункты "Filter", "Distort", "Wave...". Отобразиться диалог настройки. Подберите в нем параметры применения фильтра для достижения желаемой формы деформации изображения, либо несколько раз нажмите кнопку "Randomize". Оценивайте результат, наблюдая за изображения в панели предварительного просмотра. Нажмите кнопку "OK". В меню выберите пункты "Edit" и "Fade Wave...", либо нажмите клавиши Ctrl+Shift+F. В диалоге "Fade" установите в переключателе "Preview". В поле "Opacity" введите произвольное значение в диапазоне 30-70 (при этом наблюдая за изменением изображения). Нажмите кнопку "OK". Повторите последовательность применения фильтра и ослабления его действия (операция "Fade") несколько раз, изменяя параметры. Также иногда выбирайте значение, отличное от "Normal" в списке "Mode" диалога "Fade".

Почему я дал такое название статье? Да потому что дым по своей структуре совершенно разный в разных случаях. И не нужно считать одним и тем же и дым извергающийся из ожившего вулкана. А так как статьи практически на всех сайтах российского интернета - это перепечатка одного и того же иностранного урока с отвратительным переводом, то и понять что и как делать достаточно проблематично не только начинающему пользователю, но и пользователю опытному. Поэтому попытаемся более подробно и детально рассмотреть как сделать тонкий дым сигарет.
Кое кто может возразить мне, сказав: " А зачем что то ещё рисовать? Ведь есть кисти по любому поводу. И про дым в том числе" Да это правда. Но ведь их тоже кто то нарисовал. И я думаю интересно узнать как?
Беру картинку с чёрным фоном. Не обязательно с чёрным, но желательно с тёмным. Ну и сразу же вклею клипАрт - сигарету. Исходя из этого масштаба будем рисовать дым.

Сверху создам новый пустой слой. Назову его слой "Дым" и рисование дыма будем производить на этом слое.

Беру кисть белого цвета, немного жёсткую где то 5-10%, размер кисти приблизительно по диаметру сигареты. Нарисую что нибудь... можно просто вертикальную линию.. можно какую нибудь фигурку.. например вот так.

Кистью меньшего диаметра нарисую по линии фигурки несколько полос более тёмного цвета.

Теперь нужно использовать фильтр Искажение -"Волна" Параметры фильтра подбираются индивидуально. Я использовал установленные по умолчанию Вот такие.

Жму ОК. получилось вот так.

Не нажимая больше ничего, сразу же открою вкладку " Редактирование" . А в ней ослабить: Волна. Ослабить приблизительно в половину. 45 - 55%

Опять употребим фильтр "Волна" и опять ослабить на 50%. Данную манипуляцию мне пришлось сделать 5-6 раз.

Внимание: во время использования фильтра рекомендую провести перемещение и трансформирование объекта. Изменить угол наклона или ширину картинки и т.д

Свободное трансформирование, перемещение, фильтр.. В общем подбираем. Как видно из истории именно так я и делал. Ещё время от времени используется "ластик" . Убираются лишние дымовые кольца для придания большей реалистичности формы струйки дыма.

После использования фильтра и трансформирования у меня получилась вот такая черновая заготовка.

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

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

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

Сегодня мы научимся создавать в 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% и продолжить рисовать, пока не добьетесь результата, который вас полностью удовлетворит.

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

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

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