Как наложить дым в фотошопе. Рисуем дым в фотошопе. Фотошоп кисти - Городской пейзаж

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 очень красивых эффектов воды и не только. Вам будут доступны прекрасные всплески, брызги и разные потоки воды, а также пятна и подтёки. Благодаря данным кистям Вы сможете создавать эффекты кровавых пятен и брызг дождя. Сфера применения очень многообразна. Помимо уже описанных эффектов, Вы сможете создать эффект снега на фотографиях и оригинальные подтеки макияжа на портретах.

Шаг 1: Дым I
Итак, начинаем наш разговор о способах создания дыма в фотошопе. Очень многое зависит от выбранной вами кисти, с помощью которой вы намереваетесь создать дым. Конечно же, можно воспользоваться какой-либо кистью, входящей в стандартный набор фотошопа, например обычной аэрографической кистью. Но в этом случае ваш дым получится слишком расплывчатым, без резких граней. Если же вы хотите создать более густой и насыщенный эффект задымления, то разумнее будет воспользоваться специальной кистью (набор таких кистей представлен по ссылке в начале урока).

Итак, для начала создадим новый файл (для этого можно воспользоваться сочетанием клавиш Ctrl+N). Задайте разрешение 2000x1400. Дальше нужно создать новый слой. Для этого лучше всего воспользоваться сочетанием клавиш Ctrl+Shift+N. Теперь вам понадобится одна из кистей, предложенных по ссылке в начале урока. Загрузите их, установите в фотошоп и выберите ту, что третья сверху в только что установленном наборе.

Шаг 2: Дым II
Итак, выберите указанную выше кисть и определитесь с цветом будущего дыма. Кстати, если вам позднее понадобится стереть какие либо участки дыма, можете воспользоваться этой же кистью, просто переключившись на инструмент Ластик (Eraser Tool).


(инструмент Ластик для стирания ненужных участков)

Шаг 3: Дым III
Все готово. Можно приступать к рисованию. Представим себе, что ветер дует справа налево относительно нашей сцены. В этом случае столб дыма будет располагаться примерно так, как показано ниже


(дым с учетом направления ветра)

Шаг 4: Дым IV
Не забывайте, что дым – это объемный объект. Поэтому он должен быть сильнее затемнен в нижних областях и выглядеть более светлым в верхних (как и в случае с любым сферическим объектом).


(добавление дыму третьего измерения за счет наложения свет и теней)

Шаг 5: Дым V
Последнее, что можно сделать для увеличения реалистичности дыма – это пририсовать ему отбрасываемую тень. Для этой цели можно использовать другую кисть из того же набора. Она – четвертая сверху. Это – плоская кисть, которая бывает очень полезной в подобных ситуациях.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В этом уроке мы расскажем как просто и быстро нарисовать дым .

Итак, перед нами новый документ. Сделайте фоновый цвет черным, так как именно на этом фоне эффект дыма будет смотреться наиболее эффектно.

Выберите инструмент Polygonal Lasso (многоугольное лассо) и нарисуйте фигуру на подобие той, что видна на экране.

Затем создайте новый слой и залейте выделение (цвет в принципе не особенно важен, главное чтобы он не был слишком темным).

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

После этого нам требуется немного затемнить изображение. Для этого на панели инструментов выберите инструмент Burn Tool(инструмент затемнения) и проведите кистью по центру фигуры.

Теперь необходимо превратить получившуюся фигуру в дым . Это можно сделать с помощью фильтра Wave. Последовательно выполните следующие действия: В пункте меню Filter (фильтр)укажите тип Distort (искажение) и в нем выберите пункт Wave (волна) :

Установите следующие параметры:

* Number of Generators(число генераторов) – 5;
* Wavelenght(длина волны) – 10/120;
* Amplitude(амплитуда) – 5/35;
* Scale(масштаб) – 100%/100%.

Сразу после применения фильтра необходимо зайти в пункт меню Edit (правка), выбрать пункт Fade Wave(уменьшить волну) и в нем установить параметр Opaсity (непрозрачность) 50%.

Теперь повторите искажение и уменьшение действия фильтра несколько раз, при этом постоянно меняйте параметры фильтра и значения параметра непрозрачности Opacity (непрозрачность) до тех пор пока получившееся изображение не будет напоминать вам дым .

(1)
1. Эффект дыма 2:32 1 16475
2. Дьявольский взгляд 3:48 3 12551
3. Каменный текст 3:53 0 7112