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 )

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создание дыма в фотошопе

Шаг 1. Создаём документ с чёрным фоном. На новом слое нарисуйте нечто подобное с помощью кисти с мягкими краями. Удостоверьтесь, что слой с дымом не слит с чёрным фоновым слоем.

Шаг 2. Дублируйте слой с дымом и примените Gaussian blur. Я использую значение 23. Затем слейте оба слоя с дымом.

Шаг 3. Дублируйте только что слитый слой. alt/click на слое, чтобы выделить его, и затем применяем select/ modify/ contract. Я выбираю 10 пикселей. Затем инвертируем выделение и нажмём delete. У Вас должна получиться более тонкая версия того, что было на предыдущем слое. Понизьте непрозрачность слоя, который находится ниже этого.

Шаг 4. Сольём слои. Затем дублируем слой снова, и немного изменим его размер и повернём его.

Шаг 5. Затем я использую фильтр liquefy для обоих слоёв, немного «щипая» оба слоя, чтобы создать эффект более реалистичного дыма. Снова сольём слои.

Шаг 6. Теперь дублируйте недавно слитые слои ещё раз. Затем я иду в filters/distort/wave. Использую параметры настройки по умолчанию. Потом понижаю непрозрачность этого слоя. Сливаю оба слоя.

Шаг 7. Снова дублирую слой и нажимаю Ctrl+T, делаю дым более тонким и высоким. Сливаю слои.

Шаг 8. Я снова использую filter/liquefy. Я «щипаю» его немного больше, чтобы создать ощущение настоящего дыма. Шаг 9. Создаю новый слой и устанавливаю режим смешивания overlay. Теперь можно использовать любой цвет, чтобы дать дыму немного оттенка. Я использую красноватый цвет. Шаг 10. Я повторяю шаг 9, и добавляю немного размытия дыму.

И Вы имеете вот это. Дым в Photoshop.

уроке фотошоп, уроки фотошопа, урок Photoshop

Комментарии и отзывы

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

Компания Samsung представила планшет Galaxy Tab S6, который получил 10,5-дюймовый Super AMOLED-дисплей с...

Рынок потребительских «умных» устройств для дома и городской среды стремительно развивается. При сохранен...

Swiss Military Hanowa – один из оптимальных вариантов наручных хронометров, которые сочетают в себе шв...

What You"ll Be Creating

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

Воссоздание правдоподобного дыма в цифровой среде - непростая задача. Однако уловить фактический эффект намного проще. В этом коротком уроке, я покажу вам технику, которую я использовал, чтобы создать потрясающе красивые кисти Дым в Adobe Photoshop.

1. Создаём Эффект в Реальности

Самое важное, что нужно запомнить во время этого проекта - это техника безопасности ! Открытый огонь - это опасно, и вы должны предпринять все меры предосторожности, чтобы можно было погасить огонь, если что-то выйдет из-под контроля. Рядом должна стоять чашка с водой, чтобы вы могли погасить зажжённые спички в ней, а также держите огнетушитель под рукой на всякий случай!

Шаг 1

Материалы для этого проекта очень просты и, скорее всего, уже имеются в вашем доме:

• Небольшая, но жаропрочная поверхность, например, металлическая форма для выпечки
• Спички (или зажигалка)
• Ватные палочки
• Прищепки
• Вазелин

Шаг 2

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

Шаг 3

Зажмите чистый конец ватной палочки в прищепке, чтобы она находилась в вертикальном положении. Расположите прищепку и палочку на жаропрочной поверхности. Я использовал форму для выпекания, которую я перевернул. Таким образом, если что-то подгорит, это произойдёт на внешней поверхности металлической формы, и никак не повлияет на вкус пирогов!

Шаг 4

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

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

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

Шаг 5

Перед тем, как приступить к съёмке фитиля, выставьте настройки камеры. Маловероятно, что вам подойдёт автоматическая настройка камеры, так как камера выдаст вам, что сцена слишком тёмная, и вспышка испортит снимок. Вместо этого, снимайте в ручном режиме без вспышки. На мой взгляд, следующие настройки камеры: выдержка затвора 1/100 , диафрагма объектива F/5.0 и ISO 500 отлично подойдут для моей рабочей сцены. Режим Спуска должен быть установлен в режим Непрерывный , чтобы зафиксировать как можно больше кадров. На скриншоте ниже вы можете увидеть тестовый снимок с указанными настройками. Снимок очень тёмный, но дым будет очень хорошо выделяться!

Шаг 6

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

Дайте фитилю разгореться, чтобы можно было работать с полным пламенем.

Погасите пламя, осторожно задув его, и вы увидите красивые потоки дыма!

Шаг 7

Скорей! Сейчас снимайте дым! Быстро сделайте снимок, захватив дым на фоне тёмной стены. Постарайтесь не захватывать сам фитиль и прожектор при съёмке. Далее, нажмите и удерживайте кнопку спуска затвора, чтобы получить как можно больше кадров, пока буфер не заполнится. Фитиль продолжит источать дым в течение примерно от 30 секунд до минуты, что должно хватить, чтобы захватить нескольких кадров.

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

2. Создаём Цифровую Кисть

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

Шаг 1

Откройте один их снимков в программе Photoshop. Несмотря на то, что дым кажется серым, некоторая информация о цветовых оттенках присутствует. Photoshop игнорирует цветовые оттенки при создании кисти, поэтому лучше все использовать то же самое. Добавьте корректирующий слой Чёрно-белый (Black & White), чтобы обесцветить изображение.

Шаг 2

Добавьте корректирующий слой Уровни (Levels), а затем сместите внешние бегунки внутрь так, чтобы они коснулись краёв графика гистограммы. Таким образом. мы усилим контраст изображения и в конечном итоге, это поможет создать более чёткую кисть.

Шаг 3

Создайте новый слой поверх фонового слоя, назовите этот слой Коррекция Контура Края (Edge Treatment), а затем с помощью инструмента Кисть (Brush (B), кисть мягкая, размер кисти большой, цвет кисти чёрный, прокрасьте края изображения, чтобы они были полностью чёрными. На участках изображения, где потоки дыма касаются краёв изображения, уменьшите Непрозрачность (Opacity) кисти, а затем аккуратно создайте тёмное затенение. Это предотвратит появление видимых жёстких краёв при использовании созданной кисти. Также используйте эту возможность, чтобы прокрасить и соответственно скрыть любые лишние метки, которые могут испортить эффект созданной кисти.

Шаг 4

Пользовательские кисти Photoshop интерпретируют чёрный, как положительные пиксели, а белый - как негативные, поэтому изображение должно быть чёрным на белом, а не белым на чёрном. Добавьте корректирующий слой Инверсия (Invert) поверх всех остальных слоёв, чтобы полностью инвертировать значения белых и чёрных тонов.

Шаг 5

Photoshop не определит кисть, поскольку активным является корректирующий слой, поэтому щёлкните по слою с эффектом дыма (Background), чтобы этот слой стал активным, а затем идём Редактирование – Определить кисть (Edit > Define Brush Preset). Дайте название новой кисти, а затем нажмите ‘OK ’. Таким образом. вы добавите новую кисть Дым в стандартный набор кистей.

3. Вы можете использовать Мои Кисти

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

Шаг 1

Скачайте кисти Дым в приложении к данному уроку. Далее, идём Редактирование – Управление наборами (Edit > Presets > Preset Manager). И в выпадающем меню Тип набора (Preset Type), выберите опцию Кисти (Brushes). Далее, нажмите кнопку Загрузить (Load) и в появившемся окне, выберите установочный файл CustomSmokeBrushes.abr.

Таким образом, вы добавите 15 новых кистей Дым в свой стандартный набор кистей.

Шаг 2

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

Хотите Ещё?

У вас недостаточно своих созданных собственных кистей в программе Photoshop? Хотите узнать больше о том, как использовать созданные кисти в проектах по созданию фотоманипуляций? Тогда заходите на мой профиль на Tuts +, чтобы ознакомится с уроками и обучающими программами , здесь вы найдёте всё, что вас интересует и даже больше!

Создание своей собственной библиотеки цифровых ресурсов, которые вы создали на практике, это тот опыт, который принесёт плоды в будущем. Вместо поисков интересных текстур на стоковых ресурсах, попробуйте создать некоторые текстуры самостоятельно! Я хотел бы увидеть их в комментариях к уроку.

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

1. Откройте изображение в программе Photoshop. Я выбрала такое фото:

2. В палитре Layers (F7) создайте поверх Background новый слой (Ctrl+Shift+N). Рабочий цвет должен быть черным.

3. Выбираем инструмент Gradient. В списке вариантов находим Foreground to Transparent, а затем Linear Gradient

И проводим линию от верхней части снимка к нижней. Режим наложения - Soft Light (Мягкий свет).

4. Снова делаем активным слой Background и нажимаем в палитре Layer на ч/б пиктограмму

Выбираем из списка Levels (Уровни).

С помощью ползунков отрегулируйте фон, как вам нравится.

Теперь в любой момент вы сможете редактировать яркость/насыщенность фона, для этого нужно дважды щелкнуть по слою Levels и передвинуть ползунки Gamma.

5. Создаем новый слой (Ctrl+Shift+N) поверх слоев. Рабочий цвет - серый, цвет фона - белый. В меню Filter выбираем Render - Clouds

И в палитре Layers устанавливаем режим наложения Screen и непрозрачность 70%.

Заходим Transform - Scale

И увеличиваем слой, придерживая клавишу SHIFT. Жмем enter.

6. Создаем копию этого слоя, размещаем поверх всех слоев.

Нажмите shift+F5, выйдет окошко Fill, в поле Content выберите Black.

Создаем поверх копию слоя (Ctrl+J). Режим наложения - Overlay. Белой кистью мы можем дорисовывать, черной - стирать. Кликаем прямо по значку слоя (не по маске) и выбираем в меню Edit - Transform - Flip Horizontal. Кликаем по значку маски слоя.

7. Создаем поверх еще новый слой (Ctrl+Shift+N). Выбираем кисть, желательно с заостренным краешком

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

8. После. выбираем в меню Filter - Distort - Wave.

В открывшемся окне кликаем по кнопке Randomize, ОК.

В меню Edit выбираем Fade Wave. Fade Amount устанавливаем на 40-50%.

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

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

10. Для коррекции формы дыма, чтобы создать элемент движения, выбираем в меню Edit - Transform - Warp.

Перемещаем маркеры сетки Warp, пока не достигнете желаемого эффекта. Жмем Enter.
Вот, что получилось:)